一、初始环境搭建1.环境组件由于从网上查找React-native的搭建版本是0.48,我就还通过win10的powerShell安装了  -ChocolateyChocolatey是一个 Windows 上的包管理器,类似于 linux 上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样: @powe
React 入门手册零、前言一、React 和 UI 设计简介二、创建组件三、管理用户交互React 全栈项目零、前言一、使用 MERN 释放 React 应用二、准备开发环境三、使用 MongoDB、Express 和 Node 构建后端四、添加 React 前端来完成 MERN五、从一个简单的社交媒体应用开始六、通过在线市场练习新的 MERN 技能七、为市场扩展订单和支付八、构建媒体流应用九、
随着 react@16.8 hooks 的正式发布,如何优雅的使用 hooks 成了值得我们考虑的问题,在此我不再赘述 hooks 给 react 的写法带来的改变,而是介绍一个新的 hook。试想有这样一个 hook const { user } = useProps('user'); 如果我们有这样一个 hook,可以在全局的 store 中得到变量,同时解决了 useSta
1.准备:配置好Node环境,并且安装npm工具 2.安装依赖包 npm install babel -g npm install webpack -g npm install webpack-dev-server -g 上面这三个依赖包都需要安装到全局,因为需要使用它们的命令行工具。其中babel是一个可以将ES6代码转换成ES5代码,这样我们就可以在编写代码的时候使用ES6的一些
转载 2024-04-03 09:59:31
74阅读
我们先来了解一下react的基本概念和原理一、react的基本概念是Facebook开发出的一款JS库,Facebook认为MVC无法满足他们的扩展需求特点1) react不使用模板2) React不是一个MVC框架3) 响应式4) React是一个轻量级的js库二、react原理:   1.虚拟DOM:react把DOM抽象成一个JS对
转载 2023-06-05 12:45:34
160阅读
react获取api React is a nice JavaScript framework that allows developers to create interfaces by implementing simple building blocks called components. What sets react apart from more traditional web d
webpack插件:npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件:jsx//高亮jsx语法修改webpack配置文件:```constpath=require('path');module.exports={entry:'./src/index.js',d
原创 2018-04-06 13:44:24
1122阅读
安装配置Babel babel preset es2015 ES6语法包,使代码可以随意地使用ES6的新特性。 babel preset react React语法包,专门用于React的优化,在代码中可以使用React ES6 classes的写法,同时直接支持JSX语法格式 安装Babel lo
“ 阅读本文大概需要 3 分钟。 ” 在主流前端框架里,因为React的入门难度高而果断投入Vue怀抱的人绝不在少数。但我要告诉大家,其实React的学习难度没有你想象得那么高,如果你单纯因为这一点而放弃它,也许便是错过了一片新天地。任何库都要在「概念简洁」(自由度高)和「使用便利」(提供现成的范式)上做选择。React 选择了前者,而Vue 选择了后者。React相对Vue规矩得多,
一、前言 我们知道一个移动应用肯定不会只有一个页面,那么对于有很多页面的应用,页面之间肯定是需要相互跳转的;在Android系统中,页面通过Activity栈进行管理,由AMS(ActivityManagerService)来实现页面跳转; 而在React Native中我们使用导航器(navigator)组件来实现页面之间的跳转;二、React Navigation react-navigati
React Native 是FaceBook开源的一个项目,FaceBook希望可以用写 Web App 的方式去写 Native App。它可以让我们用JS和React来开发应用,使用React Native可以通吃Android 和 IOS ,以及Web,仅仅需要一份业务逻辑代码就可以来创建我们的应用。起源React Native 是由 React 衍生出来的,而 React 起源于 Face
原创 2021-05-21 15:17:01
612阅读
推荐使用Vue-cli工具来创建和管理项目,就算刚开始不熟悉,用着用着便可知晓其中的奥妙。前一段时间官方所推荐的数据请求插件还是 Vue-resource,但现在已经变了,变成了 Axios,不用知道为什么变了,反正这个用起来比那个好一些,用就是了,下面是一些封装 axios请求的一些经验,不对之处,还望多多指教! 01创建文件,Vue项目初始化之后,在src目录下再
转载 2024-06-05 22:27:37
33阅读
脚手架配置代理的两种方法一、通过Axios向服务器发送请求二、如何解决跨域(配置代理)——方法(单个服务器)三、如何解决跨域(配置代理)——方法二(多个服务器) 一、通过Axios向服务器发送请求这里假设有后端接口,我就不放了axios是通过promise实现对ajax技术的一种封装,实现网页的局部数据刷新1、安装Axios第三方库:npm install axios2、在component文件
# Axios生产环境测试环境配置 在开发Web应用程序时,经常需要使用客户端与服务器进行通信。Axios是一个流行的客户端库,它可以方便地发送Ajax请求并处理响应。 当我们在开发中使用Axios时,通常会在不同的环境中进行测试,例如开发环境、测试环境和生产环境。每个环境可能需要不同的配置,比如不同的API基础URL或拦截器。 在本文中,我们将学习如何在Axios配置生产
原创 2024-03-15 04:12:10
71阅读
不能读取和修改对方的 DOM不读访问对方的 Cookie、IndexDB 和 LocalStorage限制 XMLHttpRequest 请求。(后面的话题着重围绕这个)当浏览器向目标 URl 发 Ajax 请求时,只要当前 URL 和目标 URL 不同源,则产生跨域,被称为跨域请求。2、解决方法JSONPCORS(跨域资源共享)Nginx这里简单的介绍一下前两种方法:【1】JSONP(参考文章)
初次使用RN开发流程一、我使用window开发,只能开发安卓应用;二、必须安装的依赖有:Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio;(java JDK我自己下载一直没下载好,然后让我java朋友发了一份给我;1.Python2自己搜索根据流程下载就行。2.java JDK下载安装后需要配置环境变量,网上搜一下怎么配环境变量,很简单
转载 2023-07-07 22:35:13
301阅读
最近在学习http的相关知识,看到有关跨域的问题。平时工作中也会一直听到跨域问题,自己就深入的学习一下,这里记录一下,方便以后查阅。1、为什么会出现跨域?浏览器遵循同源政策(scheme(协议)、host(主机)和port(端口)都相同则为同源)。非同源站点有这样一些限制:不能读取和修改对方的 DOM不读访问对方的 Cookie、IndexDB 和 LocalStorage限制 XMLHttpRe
process.env.REACT_APP_API https://www.jianshu.com/p/76c586c3ec ...
转载 2021-07-15 15:27:00
333阅读
2评论
此节把开发react需要的所有可能的环境都先描述一下,以方便后面的开发。在react开发中主要依赖的是node,主要需要配置以下内容:nvm:需要单独安装,主要是对项目使用的node.js解释器进行管理,类比java相当于JDK版本管理器npm:随着 Node.js 一同安装的包管理器(主要用来管理包),类比java相当于mavennode.js:NodeJS 项目开发需要使用的解释器,类比jav
推荐 原创 2022-10-14 13:15:08
548阅读
1点赞
小结放在前:这篇文章主要是为下一篇的react提前铺好路,webpack是一个前端资源模块化管理和打包工具,说白了就是方便我们管理自己的常用的一些代码,比如你开发中用到sass以及jade同时用到es6,开发时你不可能改动某个地方就挨个命令去转换在到浏览器去看效果,那样效率是非常低的。所以webpack帮我们省去了那些多余的步骤webpack 基本安装开始前还是万万不能缺少的安装:npm&nbsp
转载 2017-04-07 20:14:20
393阅读
  • 1
  • 2
  • 3
  • 4
  • 5