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

• 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

• typescript之结构

  关于结构你知道这些吗

  一般来讲，你组织声明文件的方式取决于库是如何被使用的。 在JavaScript中一个库有很多使用方式，这就需要你书写声明文件去匹配它们。 这篇指南涵盖了如何识别常见库的模式，和怎样书写符合相应模式的声明文件。 针对每种主要的库的组织模式，在模版一节都有对应的文件。 你可以利用它们帮助你快速上手。

  2019-03-15

• typescript之类的介绍

  关于类的概念描述的很详细

  传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。 使用TypeScript，我们允许开发者现在就使用这些特性，并且编译后的JavaScript可以在所有主流浏览器和平台上运行，而不需要等到下个JavaScript版本。

  2019-03-15

• typescript之函数

  typescript函数你知道多少

  函数是JavaScript应用程序的基础。 它帮助你实现抽象层，模拟类，信息隐藏和模块。 在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义 行为的地方。 TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。

  2019-03-15

• typescript的泛型的介绍

  你知道多少关于泛型的基础知识

  软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。

  2019-03-13

• JSX的语法

  JSX你知道多少，用了哪些

  JSX是一种嵌入式的类似XML的语法。 它可以被转换成合法的JavaScript，尽管转换的语义是依据不同的实现而定的。 JSX因React框架而流行，但也存在其它的实现。 TypeScript支持内嵌，类型检查以及将JSX直接编译为JavaScript。

  2019-03-13

• flow让javascript变得更加健壮

  typescript辅助神器

  2019-03-07