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

• 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

• with语句的延长作用域链浅析

  with不推荐使用

  由于with语句块中作用域的‘变量对象’是只读的，所以在他本层定义的标识符，不能存储到本层，而是存储到它的上一层作用域”。这里又要理解有一层“只读”的含义

  2019-04-17

• W3C HTML5标准阅读笔记 – 元素分类与内容模型(Content Model)（转载）

  元素分类还有这些技巧

  在HTML5中，标准制定者重新定义了HTML元素的分类，并根据这一新的分类定义了元素的内容模型(Content Model) -- 对于一个元素而言，哪些子元素是合法的，而哪些子元素是非法的。

  2019-04-16

• render: h => h(App)的含义

  常见问题解答

  render: h => h(App)

  2019-04-02

• 前端资源简要汇总(转)

  很多的值得学习的收藏功能

  前端资料汇总和前端资源集合体。方便快速查阅和在迷茫中找到自我

  2019-03-26

• Uppy一款不错的文件上传组件

  上传功能强大支持预览和实时查看

  uppy是一款轻量，模块化的javascript上传组件，能运行到多平台多端，快速，易懂让你感觉上传事件非常美妙的事情

  2019-03-22

• css特效样式大全

  很经典的一款样式代码可视化展示方式

  总结一些常用的 CSS 样式，记录一些 CSS 的新属性和一点奇技淫巧，在“动”部分下有些动画并不是 CSS 效果，因为没有地方放置，所以暂时寄存在这里

  2019-03-22

• 兼容IE6以上低版本兼容响应式CSS

  Neat Css 一款不错的响应式兼容样式

  Neat.css 是基于normalize的全新的 CSS Reset，兼容 IE 6+ 以及其他现代浏览器。 「normalize」的核心理念是不盲目重置为0，让元素拥有统一的默认间距，大小等表现。但针对国内大部分网站不是纯文字排版，Neat.css 选择回归「有即是无，无即是有」的理念，把大部分标签的默认margin，padding 均重置为 0。如果你需要对大面积文字或者文档快速美化，推荐单独引入专门针对汉字排版的type.css。

  2019-03-22

• 电商类设计指南（转）

  设计是一门很重要的艺术

  通常我们看到的旅游攻略，游戏攻略等都是以文章资讯的形式呈现，只可阅读不可交互。而电商大促活动中的攻略页，可不仅仅是一篇资讯文章那么简单，除了要向用户传达促销信息，往往承载着引流，预约，发券，传播等营销目，同时存在很多交互操作。所以电商攻略页可被视为一个独立的小型产品，在设计这样的产品时，有什么设计方法可寻呢？本文内容即为笔者在多次大促攻略页设计经验中总结出来的一套方法，希望能对要设计促销攻略页的运营同学和交互同学有所帮助。

  2019-03-18

• 懒加载的新加载方式（转）

  还不错的一篇文章，看到了分享一下

  “懒加载”不是一个新的概念，对于经验丰富的你们来说，一定积累了很多实现方法，但为什本文还要提出来呢？因为我们开发过程中，常用的实现方式都是通过监听页面的 scroll 事件来实现的，这种方法在使用过程中，scroll 事件会被高频触发，强制浏览器重排和重绘，从而不断增加浏览器的压力，导致浏览器性能的损失，有时可能出现卡顿或是闪烁的现象，即使使用了节流与去抖等方法，但还是会产生高昂的计算开销。那是否有更好的方法来解决呢，本文会讲解一种新实现方式，在此之前，先让我们回顾一下常用的实现姿势吧！

  2019-03-18

• typescript之举例

  定义全局变量有方法，更加规范和只读性强

  这篇指南的目的是教你如何书写高质量的TypeScript声明文件。 我们在这里会展示一些API的文档，还有它们的使用示例， 并且阐述了如何为它们书写声明文件。

  2019-03-15