摘要:
一、Immutable简介 Immutable Data 就是一旦创建,就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data Structure(持久化数据结构),也就是 阅读全文
摘要:
一、前言 webpack在配置多页面开发的时候 ,发现用 import 导入 Zepto 时,会报 Uncaught TypeError: Cannot read property 'createElement' of undefined 错误,导致无法使用 Zepto。 二、解决方案 1、引入sc 阅读全文
摘要:
一、mock解决的问题 开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据太长了,将数据写在js文件里,完成后挨个改url。某些逻辑复杂的代码,加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据,要么编写更多代码,要么手动修改模拟数据。特殊的格式,例如IP,随机数,图片,地址,需要去收 阅读全文
摘要:
一、fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、安装 执行npm install whatwg-fetch --save即可安装。 为了兼容老版本浏览器,还需要安装npm ins 阅读全文
摘要:
一、基本配置 https://github.com/modood/Administrative-divisions-of-China 三级联动数据地址 二、vue基本配置 1、cnpm install mint-ui --save-dev 2、引入 import MintUI from 'mint- 阅读全文
摘要:
一、前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 二、解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock 三、json-server的基本使用 (1)、全局安装 cnpm install json-server -g (2)、准备js 阅读全文
摘要:
一、懒加载 也叫延迟加载或者按需加载,即在需要的时候进行加载, 二、为什么要使用懒加载 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验,而运用懒加载则 阅读全文
摘要:
一、基本设置 二、打包 npm run build 三、github创建一个仓库 1、将文件上传至仓库 2、点击仓库设置 3、选择代码上传到master 4、点击地址即可预览 5、常用技巧 a、如果在config -> index.js 中的 build 代码中的 productionSourceM 阅读全文
摘要:
一、Middleware的由来 单一的state是存储在store中,当要对state进行更新的时候,首先要发起一个action(通过dispatch函数),action的作用就是相当于一个消息通知,用来描述发生了什么(比如:增加一个Todo),然后reducer会根据action来进行对state 阅读全文
摘要:
一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件,connect的意思就是将两种组件连起来 参考文章:https://github.com/reduxjs/r 阅读全文