青舟同学

如果我们可以把js文件缓存下来，请求的时候，先去缓存里面取，如果没有的话，再去服务器里面取。这样的话，我们的页面也会快一些！ 6.服务端根据if-modified-since / if-none-match 进行判断过期没有，如果没有过期，就命中协商缓存，服务器不会返回，而是告…

我觉得搞清楚这些，首先要知道 vue 初始化的过程。我们从 new Vue() 开始，构造函数会执行 this._init，在 _init 中会进行合并配置、初始化生命周期、事件、渲染等，最后执行 vm.$mount 进行挂载。 这里主要来看 initState(vm)，响应式…

对一个懒人来说，这种复制粘贴的过程简直不能忍！而且极容易漏掉某个地方，服务启不起来还要查 pm2 日志来找错误，仅仅初始化一个新页面就要几分钟。。。 于是就写了一个 npm script 来一键搞定，在此记录下流程和技能点。 1. 定义命令 2. 校验参数 3. 确定目录 参数…

缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 如上图，在网页展示出来的过程中，各个层面都可以进行缓存。 之前在学习缓存的过程中，一直没有实践过，有些概念经常会忘记。 今天主要通过Node实践的方式学习浏览器缓存，顺便分析一下Koa处理缓存的…

Webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 在学习Webpack的时候，经常可以看到上述介绍。也就是说学Webpack的前提是要学习Tapable。才能更好的学习Webpack原理。 其实tapable的核心思路有点类似于node.js中的e…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

机器比较烂，对比一下就好....

webpack是一个强大的打包工具，拥有灵活、丰富的插件机制，网上关于如何使用webpack及webpack原理分析的技术文档层出不穷。最近自己也在学习webpack的过程中，记录并分享一下，希望对你有点帮助。 本文主要探讨，webpack的一次构建流程中，主要干了哪些事儿。 …

1. 背景介绍 大约在四个月前，我在 Github 上开源了一个 Go 框架、库和软件的中文收录大全 awesome-go-cn。 该项目是在社区知名项目 awesome-go 的基础上，持续做了很多优化和改进。其出发点是为了能帮助开发者的在庞大的列表中快速寻找到符合自己需求的…