摘要: 前言 前阵子在自己学习React,最开始上手使用的creat-react-app来创建自己的项目,2版本之后的create-react-app已经支持了很多功能,比如sass、数据mock、typescript支持等等,也升级了相关依赖babel、webpack到一个最新的版本,具体可以参照Crea 阅读全文
posted @ 2019-07-09 10:17 你好前端 阅读(6651) 评论(0) 推荐(0) 编辑
摘要: 1.首先你必须装有node和npm 2.进入demo目录,npm install -y。创建模块的描述文件package.json,-y是默认所有参数。使用npm创建的库、框架和项目都可以成为模块,而package.json是模块的描述文件。 3.安装webpack和webpack-cli,npm 阅读全文
posted @ 2019-07-01 18:34 你好前端 阅读(609) 评论(0) 推荐(0) 编辑
摘要: 官方文档 https://reacttraining.com/react-router/web/guides/quick-start 中文文档 https://react-router.docschina.org/web/example/basic git地址 https://github.com/ 阅读全文
posted @ 2019-06-11 18:14 你好前端 阅读(2887) 评论(0) 推荐(2) 编辑
摘要: https://www.html.cn/archives/9427 阅读全文
posted @ 2019-06-11 14:25 你好前端 阅读(135) 评论(0) 推荐(0) 编辑
摘要: function.bind(thisArg, arg1, arg2, ...) bind方法创建一个新的函数,并且函数中的this指向为传入的thisArg参数,其余参数会预先添加到原函数的参数列表中。新函数相当于是原函数的包装,在调用时原函数同样会被调用。 示例1:指定调用函数中的this指向 示 阅读全文
posted @ 2019-06-04 17:28 你好前端 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 变量提升(hoisting):JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行运行。所以所有变量的声明都会被提升到头部,这就是变量提升,但赋值不会跟着提升。 标签(label):标签相当于定位符,用于跳转到程序的任意位置,通常和break、continue配合使 阅读全文
posted @ 2019-06-04 17:28 你好前端 阅读(177) 评论(0) 推荐(0) 编辑
摘要: React是一个用于构建前端页面的库,React使我们可以将页面分成一个个独立的组件,通过组件的组合、嵌套最终构成一个完整的页面。当页面数据需要改变时React通过虚拟DOM提供了高效的数据和页面显示状态的同步。在编写组件时可以使用JSX语法来更好的描述DOM元素。React仅仅提供了UI层面的解决 阅读全文
posted @ 2019-06-04 17:24 你好前端 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 前端交互中有很多行为是异步的,比如从服务器拉取论坛帖子列表,而目前store.despatch()方法接收的只能是一个拉取帖子的action对象然后交给reducer计算出state。要进行从服务器的拉取操作就要编写一个异步的action,在这个action里会调用store对象的dispatch方 阅读全文
posted @ 2019-06-04 17:20 你好前端 阅读(462) 评论(0) 推荐(0) 编辑
摘要: NPM的由来 现代前端开发已经离不开Node了。大家都知道在安装Node时会附赠一个命令行工具Node Package Manager,即npm。或许你已经照着教程输入过好多遍”npm install xxx”,并且你发现npm的命令林林总总几十条,package.json的配置项令人眼花缭乱,但不 阅读全文
posted @ 2019-06-04 15:54 你好前端 阅读(8852) 评论(0) 推荐(2) 编辑
摘要: redux是什么? redux是一种处理应用程序数据的方式。redux要求应用中只有一份数据state,state放在一个叫store的对象中,所有对数据的操作都要通过store来执行。react有三大原则: 1.单一数据源:整个应用的state被储存在一棵object tree中,并且这个obje 阅读全文
posted @ 2019-05-30 14:52 你好前端 阅读(1272) 评论(0) 推荐(0) 编辑