摘要:
文章作者详细介绍了虚拟DOM的强大功能,以及虚拟DOM的diff算法细节。 阅读全文
摘要:
从typescript源文件到执行的过程 | 执行者 | 步骤 | 说明 | | | | | | TSC | 1. TypeScript Source TypeScript AST | TSC将ts文件转为TS AST(abstract syntax tree) | | TSC | 2. AST i 阅读全文
摘要:
只记录自己比较容易忘记的概念和内容,方便以后查阅。原文请参考:http://javascript.info/operators 二元运算符(+/-*) 对于 + 运算符,只要有一个操作数是字符串,将会另外一个也转为字符串,如: The rule is simple: if either operan 阅读全文
摘要:
项目前提: 不同的汽车显示不同的图片,一共9种汽车;每种汽车显示不同状态的图片,一共6种状态,所以一共会有54张图片 后台接口返回汽车种类分别为:1-9,汽车状态分别为:0-5 项目需求: 根据后台返回的汽车种类与状态显示不同的图片 思路: 1. 根据汽车种类和状态应用汽车样式 2. 用@mixin 阅读全文
摘要:
我们所说的web,无非就是html,css(web font, image),JavaScript。 HTML优化建议: 1. 尽量不要用table进行布局。 2. 尽量用最新的带有语义的h5标签,这样在解析跟渲染时更快。 3. 使用块传输数据,web服务器响应头设置:Transfer-Encodi 阅读全文
摘要:
typescript interface 阅读全文
摘要:
文档中的层叠上下文由满足以下任意一个条件的元素形成: 1. z-index 值不为 "auto"的 绝对/相对定位. 2. position位fixed. 3. opacity 属性值小于 1. 4. transform 属性值不为 "none". 5. 一个 z-index 值不为 "auto"的 阅读全文
摘要:
元素的offsetParent可能值:null,body元素,该元素的某个父级定位元素。 为null的情况: 1. body元素 2. 元素的display为none 3. 元素尚未添加到DOM 4. 元素的position为fixed 为body元素的情况: 该元素不是任何一个定位元素的后代,也不 阅读全文
摘要:
拖动相关事件:dragstart, drag, dragenter, dragleave, dragover, drop, dragend. 如下图,将三个圆拖动到矩形里面: HTML结构: CSS: JS: 阅读全文
摘要:
我们可以给表单元素添加required,pattern属性,还有根据具体元素类型决定的Measureable属性,如:min,max等。 required:表示必填。 pattern:一般用于type为text的元素,可以是任意的正则表达式。 Measureable不是指一个属性,是指特定type值 阅读全文