时间滴滴答答永不疲惫，记忆点点滴滴逐渐消退
笔者孜孜不倦点墨成真，码农勤勤恳恳评论加分

• Vue如何初始化的—Vue源码分析

  vue的秘密袒露无疑

  vue的初始化就在此刻显形。一起来探索吧

  2019-09-15

• vue的this巧妙用法分析——vue源码分析

  this的用发很多，这里介绍一个点

  这篇主要揭晓一点初始化的过程中`this`的一些巧妙用法 上来看一个大家比较熟悉的简单demo 这次采用的是基于webpack打包和编译的流程（Runtime Only），不是实时编译(Runtime and Compiler)。具体查看前面介绍的区别。

  2019-09-15

• vm.$mount的实例挂在解析——vue源码分析

  实例挂在还有这么多有意思的内容

  $mount,vm.$mount的实例挂在分析，讲述此方法的意义和内部依赖规律

  2019-09-15

• virtual Dom的实现方式——Vue源码解析

  虚拟Dom的解析思路

  而 Virtual DOM 就是用一个原生的 JS 对象去描述一个 DOM 节点，所以它比创建一个 DOM 的代价要小很多。在 Vue.js 中，Virtual DOM 是用 VNode 这么一个 Class 去描述

  2019-09-15

• 关于v-model的实现原理和事件分类——Vue源码解析

  很重要的事件机制解析

  关于双向绑定的自定义指令是个语法糖，在什么时候开始解析和处理这里会详细说明，同时还将事件进行了2种分类。分别是”原生事件“和”自定义事件“

  2019-09-15

• javascript知识点—reduce的使用方法和技巧

  函数累加器的使用方法

  reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

  2019-09-15

• Vue nextTick的异步加载原理

  nextTick的原理浅析，便于了解解析的过程

  在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

  2019-09-15

• new Vue的初始化——vue源码解析

  不知道的初始化那些事

  vue初始化的那些鲜为人知的事情

  2019-09-15

• Nodejs中mysql配置连接池连接数只升不降问题

  连接池配置官网API不全导致

  主要讲述nodejs配置数据库连接池导致连接数迟迟不能释放问题

  2019-09-15

• 常用markdown语法结构

  记录常用的功能点

  Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。

  2019-09-15

• js实现简单模版引擎设计思路剖析(原创)

  非常简明的剖析

  只剖析如何执行的思路，不强调性能；简单的模型关系，复杂的操作可以自行拼凑；涵盖的思路包含目前大多数框架都使用的方式和方法

  2019-09-15

• javascript数据驱动浅析——vue源码分析话外篇

  数据驱动很有意思

  讲述数据驱动的优势

  2019-09-15

• 关于HTTP 1.0 、1.1 、2.0 之间的区别

  比较详细的解释

  早在 HTTP 建立之初，主要就是为了将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。也是说对于前端来说，我们所写的HTML页面将要放在我们的 web 服务器上，用户端通过浏览器访问url地址来获取网页的显示内容，但是到了 WEB2.0 以来，我们的页面变得复杂，不仅仅单纯的是一些简单的文字和图片，同时我们的 HTML 页面有了 CSS，Javascript，来丰富我们的页面展示，当 ajax 的出现，我们又多了一种向服务器端获取数据的方法，这些其实都是基于 HTTP 协议的。同样到了移动互联网时代，我们页面可以跑在手机端浏览器里面，但是和 PC 相比，手机端的网络情况更加复杂，这使得我们开始了不得不对 HTTP 进行深入理解并不断优化过程中。

  2019-09-15

• gulp+babel的搭配方案

  其中涉及到模块化开发的时候遇到的解决思路

  首先你要新建项目，然后安装项目需要的依赖，这篇主要讲述如何结合babel的注意事项

  2019-09-15

• 前端性能优化——监控体系之FMP的智能获取算法(转载)

  性能优化的算法你知道多少

  今天来给大家介绍下前端监控中一个特定指标的获取算法，有人会问，为啥就单单讲一个指标？这是因为，目前大部分的指标，比如白屏时间，dom加载时间等等，都能通过现代浏览器提供的各种api去进行较为精确的获取，而今天讲的这个指标，以往获取他的方式只能是通过逻辑埋点去获取它的值，因此在做一些前端监控时，需要根据业务需要去改变页面对这个值的埋点方式，会比较繁琐，恰巧最近刚刚好在做一些前端监控相关的项目，遇到这个问题时就在想，能不能通过一种无须埋点的方式，将这个值给获取到？倒腾了一段时间，终于把算法弄出来了，今天就来给大家介绍下————FMP(first meaning paint) 指标的智能获取算法

  2019-09-15

• es6模版字面量简要

  快速掌握基础知识之一

  模板字面量是增强版的字符串，它用反引号（`）标识

  2019-09-15

• CSS响应式字体如何设置

  响应式字体小窍门

  在进行页面响应式设计中，往往需要根据屏幕分辨率来显示不同大小的字体。 通常的做法是通过media queries给不同的分辨率指定不同的字体样式

  2019-09-15

• cookie怎么防止xss劫持

  cookie的诠释

  cookie是老生常谈的问题，估计很多人都是知道的如何使用cookie，我们也来一起简单介绍一下

  2019-09-15

• babel的stage含义

  收录了各个模块的意义

  stage-0 - Strawman: just an idea, possible Babel plugin. stage-1 - Proposal: this is worth working on. stage-2 - Draft: initial spec. stage-3 - Candidate: complete spec and initial browser implementations. stage-4 - Finished: will be added to the next yearly release.

  2019-09-15

• render的方法解析——Vue源码解析

  关于渲染函数的解释

  vm._render 最终是通过执行 createElement 方法并返回的是 vnode，它是一个虚拟 Node。Vue 2.0 相比 Vue 1.0 最大的升级就是利用了 Virtual DOM

  2019-09-15

• Vue源码分析—探晓各种watcher的关系和区别(原创)

  深度剖析各个watcher的关系和区别

  computed watcher,user watcher,render watcher的关系和区别

  2019-09-15

• Vue之静态节点标记知识点

  静态节点标记的那些事

  描述的是关于生成AST数后进行优化的过程中一个知识点，自己遇到了也分享一下

  2019-09-15

• RESTful API 设计和使用 (转)

  还有此等天然协议

  最常见的一种设计错误，就是URI包含动词。因为"资源"表示一种实体，所以应该是名词，URI不应该有动词，动词应该放在HTTP协议中。

  2019-09-15

• Object.defineProperty

  定义新属性和方法的实用方式

  Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。

  2019-09-15

• Object.create

  使用现有的对象来提供新创建的对象的__proto__

  Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__

  2019-09-15

• Object.assign

  es6复制的艺术

  如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。

  2019-09-15

• 二叉树、基本算法、二分查找的代码实测

  一些常见的算法

  帮助那些初学者规避一些不必要的复杂的思路，内容包含：冒泡排序、默认排序、选择排序、插入排序、归并排序、二分查找、二叉树等

  2019-09-15

• :?或者?:问号和冒号开头的可选属性

  可选操作符，你知道多少

  接口里的属性不全都是必需的。 有些是只在某些条件下存在，或者根本不存在。 可选属性在应用“option bags”模式时很常用，即给函数传入的参数对象中只有部分属性赋值了。所以就有?:和:?

  2019-09-15

• AST之parse阶段代码分析——Vue源码

  parse过程

  编译过程首先就是对模板做解析，生成 AST，它是一种抽象语法树，是对源代码的抽象语法结构的树状表现形式。在很多编译技术中，如 babel 编译 ES6 的代码都会先生成 AST。

  2019-09-15

• .babelrc的详细配置

  babel的内置配置说明

  ES6是2015年发布的下一代javascript语言标准，它引入了新的语法和API，使我们编写js代码更加得心应手，比如class，let,for...of promise等等这样的，但是可惜的是这些js新特性只被最新版本的浏览器支持，但是低版本浏览器并不支持，那么低版本浏览器下就需要一个转换工具，把es6代码转换成浏览器能识别的代码，babel就是这样的一个工具。可以理解为 babel是javascript语法的编译器。

  2019-09-06