react生命周期 发表于 2021-03-07 | 分类于 react | 初始化此阶段会在constructor进行初始化赋值操作。 注意此时不应该将props的数据在constructor赋值给state,因为当父组件prop的值改变时,子组件不会再次执行constructor。应在生命周期componentWillReceiveProps中重新赋值 挂载阶段此阶段主 ... 阅读全文 »
Hello World 发表于 2020-12-30 | 分类于 Hexo使用 | Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in ... 阅读全文 »
webpack优化 发表于 2020-11-17 | 分类于 webpack | webpack优化有两个方向优化开发体验、优化输出质量 优化开发体验优化构建速度缩小文件搜索范围 让尽可能少的文件被loader处理。优化正则 ,优化搜索文件范围。 优化 resolve.modules 用于配置 Webpack 去哪些目录下寻找第三方模块。 优化 resolve.mainField ... 阅读全文 »
koa与express的中间件机制 发表于 2020-10-19 | 仔细看一下koa除了调用next的时候前面加了一个await好像和express没有任何区别,都是函数嵌套,都是洋葱模型。但是咱们回过头再仔细看一下文章最上面koa的运行代码,koa是在哪里响应的用户请求呢?koa中好型并没有cxt.send这样的函数,只有cxt.body,但是调用cxt.body ... 阅读全文 »
JS-ES6之箭头函数 发表于 2020-10-12 | 分类于 JavaScript | 箭头函数就是形如 () => {} 形式。 箭头函数与普通函数区别 箭头函数没有自己的this,其this指向定义时父级。也就是说其this指向永远不会改变。 箭头函数没有自己的arguments。 箭头函数不能作为构造函数使用。因为没有自己的this指向,所以使用new时还会报错 箭头函数没 ... 阅读全文 »
element源码解析-组件间通信方式 发表于 2020-10-12 | 分类于 element源码 , 组件通信 | element的组件通信用了广播的方式从 /src/mixins/emitter.js 中可以看出, 1234567891011121314151617181920212223242526272829303132333435363738394041424344/** * 广播方法定义 * @para ... 阅读全文 »
Vue源码之solt 发表于 2020-10-11 | 分类于 Vue , solt | 普通插槽是什么solt是Vue的一个特性-插槽 它允许你像这样合成组件: 123<navigation-link url="/profile"> Your Profile</navigation-link> 然后你在 <navigation-link> 的模板中 ... 阅读全文 »
glup/rollup/webpack对比 发表于 2020-10-09 | 分类于 webpack | gulp是一个基于流的概念简化任务之间的输入输出,特点是速度快。常用与JS/css压缩,less/sass转换。 webpack是一种模块化解决方案,是一种预编译模块方案,支持esmodule、cmd、umd规范。 Rollup对es6支持好,对amd,cmd并不支持需要引入插件,引入了tree-s ... 阅读全文 »
Vue3的优化 发表于 2020-09-27 | 分类于 Vue , Vue3 | 语法API优化Vue3的合成型API(Composition API)Vue2使用选项类型API(Options API)Vue3使用合成型API(Composition API) Vue核心团队将Composition API描述为“一组基于功能的附加API,可以灵活地组合组件逻辑”。 使用123 ... 阅读全文 »