摘要: Redux是一个独立专门用于做状态管理的js库(不是react插件库),他可以用在react,angular,vue等项目中,但基本与react配合使用; 作用:管理react应用中多个组件共享的状态。 redux工作流程: 什么情况下需要使用redux : 总体原则:能不用就不用,如果不用比较吃力 阅读全文
posted @ 2019-09-23 15:10 onyli 阅读(121) 评论(0) 推荐(0)
摘要: Ant-design-mobile 按需打包 安装babel-plugin-import插件 在写代码时,只需从antd-mobile引入模块即可,无需单独引入样式,babel-plugin-import会帮助加载js和css ex:import { DatePickert } from ‘antd 阅读全文
posted @ 2019-09-23 14:38 onyli 阅读(78) 评论(0) 推荐(0)
摘要: router.get/post(path,function(req,res){}) 映射关系,key指path,value指回调函数 以上指注册路由,注册映射关系 前端路由实现 React-router相关api npm install --save react-router-dom 路由组件一般命 阅读全文
posted @ 2019-09-23 14:35 onyli 阅读(89) 评论(0) 推荐(0)
摘要: 组件间通信 在main组件中 阅读全文
posted @ 2019-09-23 14:25 onyli 阅读(90) 评论(0) 推荐(0)
摘要: 组件之间的通信:兄弟组件之间,先通知父组件,父组件再通知其中的一个兄弟组件 阅读全文
posted @ 2019-09-23 14:20 onyli 阅读(86) 评论(0) 推荐(0)
摘要: 使用create-react-app创建应用 Package.json 标识(name,version)、依赖(依赖包)、运行(脚本) public目录里面的资源相当于应用根目录下的资源 不用在constructor里面写 npm install –save prop-types 阅读全文
posted @ 2019-09-23 14:17 onyli 阅读(102) 评论(0) 推荐(0)
摘要: 1.定义组件 2.渲染组件标签 方式1:工厂函数(简单组件:没有状态的组件);方式2:ES6类组件(复杂组件:有状态的组件) 对于方式2中的3大属性state、props、refs 2)已经过时了,现在用pro-type库代替 refs 箭头函数,箭头函数后没有大括号,箭头表示函数和返回,有大括号表 阅读全文
posted @ 2019-09-23 14:06 onyli 阅读(155) 评论(0) 推荐(0)
摘要: crx文件是谷歌浏览器的扩展文件,就是插件 真实Dom与虚拟Dom:真实dom很重,虚拟dom较轻,更新真实dom页面会重绘,而更新虚拟dom页面不会重绘,渲染的时候才会更新页面 Jsx(JavaScript XML):react定义的一种类似于XML的JS扩展语法:XML+JS 模块化与组件化的理 阅读全文
posted @ 2019-09-23 13:31 onyli 阅读(169) 评论(0) 推荐(0)
摘要: 在requirejs的demo练习中对其中的路径进行设置时跳了很多坑,下面就来一一说明,本人亲测有效 demo目录结构如下 其中a依赖于b,main作为加载的入口文件 在不设置baseUel的情况下 index页面 此时,js文件加载根路径以index.html页面的加载路径为基准,在main.js 阅读全文
posted @ 2019-09-23 12:28 onyli 阅读(4401) 评论(0) 推荐(1)