配置环境变量有时候我们要执行一些执行,但是指令文件只是在特定的目录中,如果这些目录在环境变量中配置了,这些目录中的指令文件就可以在系统的任何位置访问了,这样我们就可以直接使用这些指令打开环境变量配置计算机 => 属性 => 高级系统设置环境变量操作新增:是创建一个新的环境变量编辑:修改原来的环境变量换将变量有两类系统环境变量:可以在任何用户中使用用户环境变量:只能在该用户中是用。jav
项目实战技术架构我们使用了React,jsx, 路由,create-react-app, axios, less, webpack实现一个单页面应用程序目录部署build 文件发布的目录src 开发的目录app 应用程序pages 所有页面components 所有组件router.jsx 路由index.jsx 入口文件base.less 样式文件我们遵守create-react-app命名规范
测试方法describe用来描述测试体的第一个参数表示测试的目的(具有目的性)第二个参数是测试体,在测试体中,我们进行测试it用来定义每个测试语句第一个参数表示测试语句的说明(具有目的性)第二个参数是函数,表示测试功能的实现(将具体的断言写在函数内)expect用来定义断言的。参数是一个表达式,返回值就是需要判断的结果,我们可以通过一些判定方法来判断判断方法toBe()相当于===toEqual(
ant-design一款react的移动端ui框架,提供了大量的组件,方便我们的开发官网, 移动端npm也是一个npm模块我们也可以通过npm来安装npm install antd-mobile安装完成,我们就可以在项目中使用这些组件了按需加载antd-mobile提供的组件太多,全部加载进来会使文件很大。所以要按需加载。我们就要为webpack添加babel-plugin-imp
路由中使用redux在路由中使用redux只需要两步第一步 在路由策略组件中(如HashRouter),渲染Route组件,并在该Route路由规则组件中,引入connect方法处理后的应用程序组件第二步 在Provider组件中,渲染路由策略组件(如HashRouter)。注意:路由规则渲染组件的时候,路由规则组件只负责向组件传递路由相关的数据,其他的数据(如store数据)是不会传递的所以Ro
观察者模式解决组件间通信问题使用观察者解决组件间通信,分成两步在一个组件中,订阅消息在另一个组件中,发布消息发布消息之后,订阅的消息回调函数会执行,在函数中,我们修改状态,这样就可以实现组件间通信了。这就是reflux框架的实现。react-reduxredux早期被设计成可以在各个框架中使用,因此在不同的框架中使用的时候,要引入相应的插件在react中使用要引入react-redux,因此我们要
reduxredux严格按照flux思想实现的一套框架,实现了单一数据流向。组成部分redux由四部分组成action 组件发布的消息store 存储消息的reducers 捕获action,处理数据的方法view 组件视图了通信流程一个组件发布actionaction通过store被reducers捕获reducers根据消息的类型处理数据reducers将新的数据存储在store中store将
混合react提供了组件的目的是为了复用虚拟DOM,所以react提供了混合的技术是为了复用组件的功能在ES5中,我们可以通过mixins使用,继承对象中的属性和方法但是ES6中,提供了extends关键字实现了继承,因此就移除了mixins,所以我们可以通过extends实现混合的继承。分成两步第一步 定义混合类,继承组件基类第二步 组件类,继承混合类这样组件类,通过混合类就继承了组件基类之所以
父组件向子组件通信在父组件中,为子组件添加属性数据,即可实现父组件向子组件通信。传递的数据可以分成两类子组件是作为属性来接收这些数据的第一类就是数据:变量,对象,属性数据,状态数据等等这些数据发生改变,子组件接收的属性数据就发生了改变。第二类就是方法:父组件可以向子组件传递属性方法,子组件接收方法,并可以在组件内执行,有两种执行方式注意:父组件传给子组件的方法是不能执行的,执行了相当于将方法的返回
组件生命周期为了说明组件的创建,存在,销毁的过程,react提供了组件的生命周期,共分三大周期创建期:说明组件的创建的过程,相当于人的少年存在期:说明组件的存在的过程,相当于人的中年销毁期:说明组件的销毁的过程,相当于人的老年创建创建期创建期共分五个阶段ES5开发中,对应五个方法:getDefaultProps,getInitialsate, componentWillMount, r
DOM事件react中绑定事件的语法跟html中为元素绑定事件的语法相似,html中绑定事件<div onclick="fn"></div> react中绑定事件<div onClick={this.fn}></div>注意:1 事件名称首字母必须大写2 事件回调函数定义在组件中,我们通过插值语法引入绑定3 事件回调函数不能执行(后面不能添加参
注释jsx语法不是js环境,因此不能渲染js注释,jsx语法也不是js环境,不能渲染HTML注入:<!-- html注释 -->所以为了在jsx语法中,让js注释生效,我们要创建js环境注释语法有注释掉语句的功能,所以注意:如果使用单行注释,千万不要注释掉插值闭合符号所以在工作中,多行注释更常用。虚拟DOM四类属性在react中,虚拟DOM有四类属性:元素属性,非元素属性,特殊
介绍react特点高效:React通过对DOM的模拟,最大限度地减少与DOM的交互组件化:React采取组件化开发,极大限度的使组件得到复用,便于开发管理与维护适用多端:一处开发,多端适用,将颠覆整个互联网行业github点击进入react的github网站 react演示的当前版本是16版本,我们基于ES6语法,讲解16版本的react在16版本中,只支持ES6开发。两个库React为了
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号