摘要： 概述 最近非常想做一个服务端渲染项目，那就打算从尤大的vue-hackernews-2.0开始入手呗。其实我之前试图改造过这个项目，但是因为当时很菜所以失败了。现在我觉得有能力改造好，那就开始呗。把心得记录下来，供以后开发时参考，相信对其他人也有用。 上篇：vue-hackernews-2.0 升级 阅读全文

摘要： 概述 最近非常想做一个服务端渲染项目，那就打算从尤大的vue-hackernews-2.0开始入手呗。其实我之前试图改造过这个项目，但是因为当时很菜所以失败了。现在我觉得有能力改造好，那就开始呗。把心得记录下来，供以后开发时参考，相信对其他人也有用。 mode webpack4带来的第一个大变化就是 阅读全文

摘要： 运维篇 nginx 1.搭建站点： server { listen 8080; server_name xx_domain; charset utf-8; access_log logs/xx_domain.access.log access; location / { root www; inde 阅读全文

摘要： 概述 说到 vue 的响应式原理，我们都能很快答出数据劫持和发布者订阅者模式，通过 Object.defineProperty 来劫持 getter 和 setter，在 getter 的时候订阅依赖，在 setter 的时候发布响应执行依赖，从而达到响应式的目的。 但是如果深入一点，它是怎么收集、 阅读全文

摘要： 概述 今天我无意中看到了只执行一次事件的简便方法，记录下来，供以后工作时参考，相信对其他人也有用。 一般方法 先来回顾一下一般方法： const $once = function (target, event, fn) { const that = this; function newFn (... 阅读全文

摘要： 概述 Vue3的一个重大升级就是使用 proxy 来做数据劫持，我们来体验一下用 proxy 是怎么做数据劫持的，供以后工作时参考，相信对其它人也有用。 Vue2.x的缺点 Vue2.x是使用Object.defineProperty来做数据劫持的，但是它有以下三个缺点： 1.不能劫持数组的变化，需 阅读全文

摘要： 概述 我们有很多打包工具，比如 webpack、rollup等等。但是如果我只想打包一个 js 文件呢？用他们会不会太重度了？其实完全没必要，只使用babel就可以打包了。 很多小型库都是这样打包的，比如：file-loader，css-loader 方法 先安装@babel/core和@babel 阅读全文

摘要： 概述 我还记得之前调试官网的 ckeditor 编辑器，每次改完编辑器包，然后发布编辑器包，然后在官网里面引入这个包进行调试，如果有问题，重新改动、发布编辑器包，继续引入，真的浪费了好多时间。其实类似这种场景都可以使用npm link，能够极大地简化操作。记录下来，供以后开发时参考，相信对其他人也有 阅读全文

摘要： 概述 最近面试被问到了 webpack 热加载的实现原理，所以去研究了一下，记录下来供以后开发时参考，相信对其它人也有用。 热加载原理 这一部分我没有去看源码，只是看了别人的分析理清了一下思路，参考资料： Webpack HMR 原理解析 从零实现webpack热更新HMR 主要流程如下： 1.首先 阅读全文

摘要： 概述 面试中被问到了服务端渲染的数据流动，没答上来，复盘整理一下，供以后工作时参考，相信对其他人也有用。 vue ssr 指南 数据流动 主要分以下几种情况： 1.初次打开页面时，会在服务端获取 matched 路由，然后执行他们的 asyncData 方法，这个方法会把获取的数据存放到 vuex 阅读全文