摘要: redux的设计思想 1.Web 应用是一个状态机,视图与状态是一一对应的。 2.所有的状态,保存在一个对象里面。 store Store 就是保存数据的地方,你可以把它看成一个容器。整个应用只能有一个 Store。 Redux 提供createStore这个函数,用来生成 Store。 state 阅读全文
posted @ 2019-09-26 19:35 HelloWang2000 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 进入项目目录,使用npm安装react-router-domnpm install react-router-dom --save-dev然后我们新建俩个页面,分别命名为“home”和“detail”。在页面中编写如下代码:然后再新建一个路由组件,命名为“Router.js”,并编写如下代码:定义了 阅读全文
posted @ 2019-09-24 08:12 HelloWang2000 阅读(164) 评论(0) 推荐(0) 编辑
摘要: State 1)state是组件对象中最重要的属性,值是一个对象(可以包含多个数组,有点像vue中的data属性) 2)组件被称为“状态机”,通过更新组件的state来更新对应的页面显示 React 的核心思想是组件化,而组件中最重要的概念是State(状态),State是一个组件的UI数据模型,是 阅读全文
posted @ 2019-09-06 07:29 HelloWang2000 阅读(316) 评论(0) 推荐(0) 编辑
摘要: Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。 状态自管理应用包含以下几个部分: 1. state : 驱动应用的数据源; 2. view : 以声明方式将 state 映射到视图; 3. actions : 响应在 view 上的用户输入导致的状态变化。 单项数据流(如下图): 当 阅读全文
posted @ 2019-08-20 20:45 HelloWang2000 阅读(145) 评论(0) 推荐(0) 编辑
摘要: js模块化提供的三种规范 1,commonjs 规范 代表就是nodejs 适合后台开发 因为是同步的 服务器的运行比较快等待时间不长,commonjs不适合用于前端,前端的客户端是浏览器,浏览器追求异步加载,浏览器不能等待太长时间。 2,前端模块的规范是Amd规范 代表就是requirejs,他是 阅读全文
posted @ 2019-07-07 19:33 HelloWang2000 阅读(156) 评论(0) 推荐(0) 编辑
摘要: webpack 3.8.1版本 webpack是一个前端资源加载或者打包工具。 webpack的使用方法: 第一步:下载 npm install -g webpack@3.8.1 npm install webpack@3.8.1 --save-dev 局部下载 下载尽量把全局和局部都安装上 第二步 阅读全文
posted @ 2019-06-04 20:44 HelloWang2000 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 模块 包 传统开发:整个网页我们写了一个js文件,所有的特效都写在里面了。 缺点:耦合度太高,代码关联性太强,不便于后期维护,会造成全局污染。 发生的请求次数过多,依赖模糊,难于维护。 以上都是传统的开发形式,都被抛弃了。 为什么使用模块化? 减少代码之间的关联度,部署方便,更好的分离 按需加载,避 阅读全文
posted @ 2019-06-03 19:21 HelloWang2000 阅读(559) 评论(0) 推荐(0) 编辑