03 2019 档案
摘要：1 let 块级作用域 执行结果： 原因： let是for循环中的块级作用域中，所以在for循环中可以获取到i 但是在for循环外面 无法获取到i； 提示语法错误，是因为es6默认使用了严格模式： use strict； 未定义的变量 不能引用 所以提示语法错误； 2.const定义的常量 必须初始
阅读全文
摘要：Vue 应用性能优化指南 1 给组件定义name，然后在同级目录新建index文件： 2 优化大数据的列表 import VirtualList from 'vue-virtual-scroll-list' size表示每一行的高度 remain表示预渲染几个 3 使用es6语法 :key="che
阅读全文
摘要：1 路由配置 在vue.config中配置，则在代码中可以使用 @来表示src目录下 2 单页面可以懒加载 3 创建动态路由 路由中定义：（加载同一个组件页面 argu.vue，根据不同的name 显示不同的东西） Vue组件中获取数据： 4 命名路由，也就是给路由设置名称，在同一个页面加载不同的路
阅读全文
摘要：参考文章： https://www.jianshu.com/p/91a4214b913b https://segmentfault.com/a/1190000014251654?utm_source=tag-newest https://www.jianshu.com/p/cb0db034cb17
阅读全文
摘要：1. 比如在项目中我们的publicPath需要根据服务器环境的变化而变化，这时我们会写一个配置文件，在webpack.config.js中读取，可以 如何才能 取到变量呢？ 这里介绍一种方法： 如果用node命令： 如下： "script" : { .... "server":"node getS
阅读全文
摘要：1. 将原来的 mapStateToDispatch 中的函数提取出来，放在组件中， 如原来的： 改为：也就是所有的dispatch 放在actionCreator中 addTabList(id,page,tabIndex){ actionCreators.addTabList(id,page,ta
阅读全文
摘要：1. 建议安装以上版本： 2. 使用 useEffect 的时候，要在react中引入： 3. useEffect 的第二个参数是一个数组： 当obj的value改变的时候，执行打印函数。
阅读全文
摘要：1. immutable相当于 JSON.parse 和 JSON.stringify； 2.引入redux中，除了 在最外层 reducer中 import { combineReducers } from 'redux-immutable'; 涉及到修改 (1)reducer 两个文件 (2)组
阅读全文
摘要：1 使用combineReaducers 整合reducers 2. 在store文件夹下建立index文件，把该文件夹下的内容，全部用index文件发出去： 3 对应的获取数据也要多一层： 4. 使用immutable来改变state：先安装immutable（用在reducer中） 安装redu
阅读全文
摘要：1 安装react-redux： npm install --save react-redux 2.之前使用redux的store.subscribe监听 store的状态改变，通过store.getState函数获取store的状态值；并且需要划分ui组件和聪明组件，着实很麻烦，引入react-r
阅读全文
摘要：默认渲染行为的问题 在React Component的生命周期中，有一个shouldComponentUpdate方法。这个方法默认返回值是true。 这意味着就算没有改变组件的props或者state，也会导致组件的重绘。这就经常导致组件因为不相关数据的改变导致重绘，这极大的降低了React的渲染
阅读全文
摘要：1 拆分UI组件和容器组件 对应的聪明组件： 2 异步请求可以放在组件中，如下所示： 但是不便于统一管理，使用redux-thunk 中间件，将其放在creact actionor中，首先安装redux-thunk: 在store中定义： 如上所示：既可以使用插件也可以使用thunk； 不使用red
阅读全文
摘要：1.安装redux 使用 npm install -save redux 安装redux，注意使用-save 表示安装到依赖中； 2. 创建store文件夹，下面创建 index.js 和 reducer.js文件； index.js： reducer.js 在html中调用： import sto
阅读全文
摘要：Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。 由于create-react-app命令预先安装和配置了webpack和babel，同时也初始化了npm（可以通过npm init来初始化，初始化完会有一
阅读全文
摘要：首先说中心思想，和连接本地数据库是一样的，不同的是修改数据库的配置项： 但是总是提示权限不足。 即在要操作的数据库 dbs下创建用户的读写权限，例如： 每个数据库，都要设置用户的访问权限，只有设置了权限，才能对数据库进行操作！ 详见这篇文章：http://www.ttlsa.com/mongodb/
阅读全文
摘要：mongodb数据库 MongoDB是一个高效的基于分布式文件存储的数据库，将数据存储为一个文档，数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他文档，数组及文档数组，很适合和nodejs搭配。 Mongoose是基于nodejs的一个mo
阅读全文
