本文只是实现了一个基础版本的vue-router.本文所写的代码，不会每个地方都做异常判断。实现一个能够体现vue-router核心逻辑即可。

写这篇文章的灵感来源于最近公司的 jenkins 部署老是失败，各种原因。在项目非常赶的情况下，我每天还要抽半天时间去排查 jenkins 上的问题。所以决定在我们前端服务器上搭建个 jenkins 给测试部署。并部署到前端服务器上。文章是边操作边写出来的，踩遍了坑。不知道大家会不会也遇到这些问题。反正我都把解决步骤写在里...

平时开发的时候，遇到不会的单词，总要打开 一个翻译软件，或者浏览器翻译插件去查。所以就想开发一个命令行翻译插件，并发布到npm库上供大家使用。如果有帮助到你的话，可以给我仓库来个star😆

手写Promise {代码...}

前端必须知道的nginx知识 前端开发者进阶之路不得不学nginx。 本文内容涉及 nginx命令 配置文件、配置解释 变量 日志 跨域 代理请求 location拦截详解 gzip 防盗链 反向代理、正向代理 负载均衡 缓存 rewrite 正文 命令 nginx -T 查看当前nginx最终的配置 nginx -t 检查配置文件是否有语法错误 nginx -s reload 向主进程...

本文是我通过三个星期业余时间学习后而写的文章，对docker的了解还处于入门阶段。希望本文能帮忙一些想学习docker的朋友快速入门。练习及实战代码都在github仓库中。如果我的文章能帮助到你的话，可以给我的docker项目点个赞哦

本文是我通过三个星期业余时间学习后而写的文章，对docker的了解还处于入门阶段。希望本文能帮忙一些想学习docker的朋友快速入门。练习及实战代码都在github仓库中。如果我的文章能帮助到你的话，可以给我的docker项目点个赞哦

这是我花了几个星期学习webpack4的学习笔记。内容不够细，因为一些相对比较简单的，就随意带过了。希望文章能给大家带来帮助。如有错误，希望及时指出。例子都在learn-webpack仓库上。如果你从中有所收获的话，希望你能给我的github点个star。

这是我花了几个星期学习webpack4的学习笔记。内容不够细，因为一些相对比较简单的，就随意带过了。希望文章能给大家带来帮助。如有错误，希望及时指出。例子都在learn-webpack仓库上。如果你从中有所收获的话，希望你能给我的github点个star。

这是我花了几个星期学习webpack4的学习笔记。内容不够细，因为一些相对比较简单的，就随意带过了。希望文章能给大家带来帮助。如有错误，希望及时指出。例子都在learn-webpack仓库上。如果你从中有所收获的话，希望你能给我的github点个star。

这是我花了几个星期学习webpack4的学习笔记。内容不够细，因为一些相对比较简单的，就随意带过了。希望文章能给大家带来帮助。如有错误，希望及时指出。例子都在learn-webpack仓库上。如果你从中有所收获的话，希望你能给我的github点个star。

近期需要接手一个vue ssr项目，由于本人之前没有写过ssr，只是稍微了解了点。所以跟着官网学了下，并整理出了这篇学习笔记。方便自己以后对vue ssr知识的回顾。好记性不如烂笔头。

javaScript排序算法学习笔记 {代码...}

数据结构 数组 方法 {代码...} 迭代器 every every方法会迭代数组中每个元素，直到返回false。 some some和every类似，不过some方法会迭代数组的每个元素，直到函数返回true forEach 和for循环的结果相同 map 返回新的数组 [1,2].map(o => o * 2) // [2,4] filter 返回新的数组 [1,2].filter(o => o > 1) // [2...

compositionstart事件触发于一段文字的输入之前（类似于 keydown 事件，但是该事件仅在若干可见字符的输入之前，而这些可见字符的输入可能需要一连串的键盘操作、语音识别或者点击输入法的备选词）。当文本段落的组成完成或取消时, compositionend 事件将被触发 (具有特殊字符的触发, 需要一系列键和其他输入, 如语音识...

在vue路由模式为history的时候，刷新页面会出现404问题。我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。

主要工作是调用defineProperty给属性分别挂载get(触发该钩子时，会将当前属性的dep实例推入当前的Dep.target也就是当前watcher的deps中即它订阅的依赖，Dep.target下文会讲到。且该dep实例也会将当前watcher即观察者推入其subs数组中)、set方法（通知该依赖subs中所有的观察者watcher去调用他们的update方法）。

浏览器http缓存 浏览器http缓存大致流程图 缓存好处 缓解服务器压力(不用每次去请求资源)； 提升性能(打开本地资源速度当然比请求回来再打开要快得多)； 减少带宽消耗(我相信你可以理解)； 缓存种类 浏览器缓存 浏览器对于缓存的处理是根据第一次请求资源时返回的响应头来确定的。 代理服务器缓存 网关缓存 数据库缓存 ...

xmind地址 预览

距离自己上次写插件差不多半年了。公司技术栈都是用框架，调解下口味就写了此原生插件。因为本意是想兼容到ie9就不用es6语法写了。前段时间在看vue源码受了点启发，本插件有点接近数据驱动视图更新的响应式渲染。如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star 😆

xmind地址 参考（排序按照看过的时间顺序） 剖析 Vue.js 内部运行机制Vue.js 技术揭秘Vue源码阅读 - 文件结构与运行机制【大型干货】手拉手带你过一遍vue部分源码当面试官问你Vue响应式原理，你可以这么回答他Vue源码剖析——render、patch、updata、vnode(这篇挺不错的)

变量命名规范 前言 好的命名规范可以让你不用天天为取名字而苦恼、找bug时，更快的定位到bug在哪个位置 组件的命名和它的功能相配套 不与其他业务组件重名,让人一眼就区分 不一定要好听酷炫,但是实用.让开发者产生条件反射,看到命名就会想到这个组件的实用场景 易写易记,短小却精炼,不繁琐 BEM .nav某一块展示/功能区域 ...

原生js实现拾色器插件 前言 插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star ? 仓库地址在线预览 预览 准备 首先在页面中引入js文件 在页面中写上如下代码: {代码...} bindClass:参数填入你要绑定拾色器的元素，页面中class为picker有...

原生js实现移动端选择器插件 前言 插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star ? 仓库地址在线预览(记得将浏览器切换到手机模式) 预览 准备 首先在页面中引入css,js文件 每次需要弹出该组件时通过new一个实例来生成，代码如下: {代...

插件功能暂只满足我司业务需求，如果希望有更多的功能，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star ?

原生js实现省市区三级联动插件 前言 插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star ? 仓库地址在线预览 准备 {代码...} 页面中的容器标签不限制，只需给个id就行 {代码...} wrapId:"wrap" // 此处的wrap就是上面容器的id showArr: ['...

CSS水平垂直居中解决方案 准备 创建元素 {代码...} 垂直水平居中方案一：知道宽度的情况下 absolute+margin负值 {代码...} 垂直水平居中方案二：不知道宽高的情况下 absolute+transform {代码...} 垂直居中方案三：position+margin:auto {代码...} 垂直居中方案四：+ 多行文本的垂直居中 :table-cell+vertical-align:mid...

本篇是我经过一周多的时间阅读博客及官方文档所写的文章，算是自己对webpack学习的总结。有篇个人认为非常不错的webpack文章贴在最下面的参考链接的第一条。本篇介绍的是用webpack自己搭一个react应用

这个项目是我自学react+redux的第一个项目，并结合自己之前所学的node+mongodb，来模仿开发微信客户端。利用每天下班时间边学习边写。由于本人技术水平有限，比较适合新手。目前还没有写完。喜欢的话可以帮忙给我github点个star ^_^

XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。FormData的api