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

• 前端性能优化——监控体系之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

• 外边距重合原理和解决办法(BFC)

  如何使用BFC来解决目前遇到的技术问题

  外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

  2019-05-29

• 简单的js模版引擎替换和使用代码

  就是如此简单

  模版引擎,正则,js模版

  2019-05-26

• js中基本数据类型和引用数据类型的区别（转）

  还是需要recheck一下的

  1、基本数据类型和引用数据类型 　　ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 　　基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 　　当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。 2、常见的基本数据类型： 　　Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的，因为可以直接操作保存在变量中的实际值

  2019-05-26

• 长篇大论ES6之Proxy对象（转）

  太长了，您挑自己喜欢的看

  ES5和ES6致力于为开发者提供JS已有却不可调用的功能。例如在ES5出现以前，JS环境中的对象包含许多不可枚举和不可写的属性，但开发者不能定义自己的不可枚举或不可写属性，于是ES5引入了Object.defineProperty()方法来支持开发者去做JS引擎早就可以实现的事情。ES6添加了一些内建对象，赋予开发者更多访问JS引擎的能力。代理(Proxy)是一种可以拦截并改变底层JS引擎操作的包装器，在新语言中通过它暴露内部运作的对象，从而让开发者可以创建内建的对象。本文将详细介绍代理(Proxy)和反射(Reflection)。

  2019-05-22

• 移动端浏览器常见兼容问题（转）

  总结了一些常见的

  简单总结了一些常见的移动端浏览器兼容问题，附有解决方案。

  2019-05-21

• Promise自行实现的方法

  还有待改进

  promise的自行实现方式，当然功能并不健全，只是表达了实现的类似方法

  2019-05-20

• Nv前端模块化开发工具

  磨刀霍霍向牛羊

  一款经典模块化组件

  2019-05-06

• grid布局的简要介绍(转载)

  了解grid布局的相关属性介绍

  CSS一直用来布局网页，但一直都不完美。 一开始我们使用table 做布局，然后转向浮动、定位以及inline-block，但所有这些方法本质上都是 Hack 的方式，并且遗漏了很多重要的功能（例如垂直居中）。 Flexbox的出现在一定程度上解决了这个问题，但是它的目的是为了更简单的一维布局，而不是复杂的二维布局（Flexbox和Grid实际上一起工作得很好）。 只要我们一直在制作网站，我们就一直在为解决布局问题不断探索， 而Grid是第一个专门为解决布局问题而生的CSS模块。

  2019-04-30

• Proxy 对象代理的详解（转）

  架设一个拦截地带

  Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。 Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。

  2019-04-24