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

• 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

• WAI-ARIA无障碍网页应用属性完全展示(转)

  无障碍网页应用属性你知道多少

  如何让盲人用户知道当前浏览区域就是网站主导航？ 如果让盲人用户知道点击某个按钮后出来的是弹框？ 如何让盲人用户知道点击某个按钮后页面另外一个区域的文字发生了变化？ 如何让盲人用户知道您使用了li标签是用来模拟标准select控件呢？ 如何让盲人用户知道您模拟的select控件是单选呢还是可以多选呢？

  2019-09-02

• 京东 PC 首页 2019 改版前端总结

  高流量首页该怎么做？

  其实方案有很多种，展示一下目前京东首页的技术方案，仅供借鉴

  2019-09-02

• AST语法树（转载）

  基本上前端各大框架都有采用这种compile

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

  2019-06-14

• Js中toString和valueOf的区别

  强调的是隐身转换的相关内容

  基本上所有的JavaScript数据类型都有valueOf()，toString()方法，null除外，这两个方法解决了JavaScript值运算和显示的问题 valueOf()会把数据类型转换成原始类型，也就是说原来是什么类型，转换后还是什么类型，日期类型除外 toString()会把数据类型转换成string类型，也就是说不管原来是什么类型，转换后一律是string类型

  2019-06-05

• 浏览器沙箱的模型知识点

  你不知晓的运行特点

  沙箱模型技术是浏览器和其他应用程序中保护安全的一种组件关系设计模式，最初发明人为GreenBorder公司。2007年5月，谷歌公司收购了该公司，也将此项专利应用于chrome浏览器的研发中。

  2019-05-31