问题新构建的antd-pro项目，hooks无法执行pre-commit。在npm run lint-staged检测报错的情况下，git commit没有执行pre-commit钩子，直接提交成功。 原因husky要求git版本在2.13.0以上，git版本过低会使husky设置git hooks失败，导致commit跳过了pre-commit，下图为报错信息： husky安装时设置git hooks失败 解决升级git版本，重新执行cnpm install husky。 资料：mac下g ...

前言页面渲染方式： 服务端渲染，如smarty后端模板 利于seo 渲染速度更快 浏览器端渲染，前端模板 减少维护成本 提高效率，前后端分离的合作模式 模板引擎工作原理： 模板解析 / 编译 parse / compile 数据渲染 render String-based，基于string的parse和compile过程 本质上是字符串拼接的形式，遍历html字符串 基于正则表达式查找出模板 { { } } es6模板字符串 替换模型数据，实现视图渲染，依赖于innerHT ...

前言基于vue-cli3搭建基础的项目架构，针对不同的环境进行构建配置：本地环境，测试环境，线上环境。下面是对不同环境的一些配置和依赖工具的说明。 本地环境命令// vue-cli升级到2.9.1后，webpack升级到3.6.0，改成使用webpack.dev.conf.js配置// node build/dev-server.jscnpm run devwebpack-dev-server --inline --progress --config build/webpack.dev.conf ...

性能 v-for设置key可复用元素，更新dom时，可根据key来识别唯一元素是否可复用，把dom变动成本降到最低 v-if和v-for避免用在同一个元素上，减少遍历运算成本和渲染成本 过滤列表，将列表作为计算属性返回 显示隐藏状态，将v-if移至父容器 路由懒加载 异步组件 // Foo.vueconst Foo = () => Promise.resolve({ // ... 组件定义对象})// 引用组件，Babel需要添加 syntax-dynami ...

特性共享状态解决以下问题： 多个组件共享状态state，如兄弟组件之间的状态传递 不同组件行为需要更新同一state，但不破坏组件之间的单向数据流 对于简单应用 store模式 集中式状态管理 action统一管理state的更新，更好地记录state的变化和调试 var store = { debug: true, state: { message: 'Hello!' }, setMessageAction (ne ...