YOU'VE MADE A BRAVE DECISION, WELCOME.

每一个不曾起舞的日子都是对生命的辜负。

面向对象JavaScript没有类(class)的概念的(ES6 中的class也只不过是语法糖,并非真正意义上的类),而在JavaScript中,在 JavaScript 中,除了 String, Number, Boolean Undefined, Null, Symbol 这 6 种基本类型外,其他所有数据都是 Object 类型。在基于类的传统面向对象的编程语言中,对象由类实例化而来,实例化的过程中,类的属性和方法会拷贝到这个对

Read More...


问题的提出在Js中的forEach无法在所有元素都传递给调用的函数之前终止遍历。也就是说,没有像for循环中使用的相应的break语句。Jquery也是如此。 问题的解决对于JavaScript的forEach 1. 可以使用for循环代替forEach123456let a = [...];for (let i = 0; i < a.length; i++) { if (...) { //

Read More...


原文链接: https://icyfish.me/2017/07/11/implement-js-template-engine/ 123456789var TemplateEngine = function(tpl, data) {// magic here ...}var template = 'Hello, my name is <%name%>. I\'m <%age%> year

Read More...


原文链接: https://zhuanlan.zhihu.com/p/24911872 Chrome建DOM源码分析先画出构建DOM的几个关键的类的UML图,如下所示: 第一个类HTMLDocumentParser负责解析html文本为tokens,一个token就是一个标签文本的序列化,并借助HTMLTreeBuilder对这些tokens分类处理,根据不同的标签类型、在文档不同位置,调用HTMLConstructionSite

Read More...


原文链接: https://aotu.io/notes/2017/04/28/2017-4-28-CSS-viewport-units/好文章的搬运工。 响应式布局的实现依靠媒体查询( Media Queries )来实现,选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配,但这样做会比较麻烦,只能在选取的几个主流设备尺寸下呈现完美适配。 即使是通过 rem 单位来实现适配,也是需要内嵌一段脚本去动态计算根元素大小。近年来,随着

Read More...


click事件与blur事件冲突问题click事件与blur事件 blur事件: 表单事件,元素失去焦点时候触发,不会冒泡; click事件: 当点击元素的时候触发,所有元素均有此事件,会冒泡; 注意:除了focus和blur事件,其他的表单事件均会冒泡。 问题的提出当点击某个元素导致前一个元素失去焦点的时候,blur事件会先于click事件触发。 123456789document.querySelector('#i

Read More...


浏览器渲染原理 浏览器渲染流程 JavaScript JavaScript实现动画效果,DOM元素操作等。 CSSOM 确定每个DOM元素应该应用什么CSS规则。 注意: CSS选择器越详细,匹配工作越多,匹配节点越慢。 RenderTree(渲染树) RenderTree包含了渲染网页所需的节点, 无需渲染的节点不会被添加到RenderTree中。 如:,display: none的节点 注意:因为设置了visibi

Read More...


代码 | 绘画 | 模型 | 游戏 就会这些