setTimeout 延迟 执行
1 | var message = document.getElementById("test"); |
也许似乎大概是 然后未必不见得
1 | var message = document.getElementById("test"); |
animation(动画)、transition(过渡)、transform(变形)、translate(移动)。
animation(动画)、transition(过渡)是css3中的两种动画属性。animation强调流程与控制,对元素的一个或多个属性的变化进行控制,可以有多个关键帧(animation 和@ keyframes结合使用);
more >>transition强调过渡,是元素的一个或多个属性发生变化时产生的过渡效果,同一个元素通过两个不同的途径获取样式,而第二个途径当某种改变发生(例如hover)时才能获取样式,这样就会产生过渡动画。可以认为它有两个关键帧(Transition + Transform = 两个关键帧的Animation)。
webpack作为一个构建工具,解决了前端代码缺少模块化能力的问题。我们写的代码,经过webpack构建和包装之后,能够在浏览器以模块化的方式运行。这些能力,都是因为webpack对我们的代码进行了一层包装,本文就以webpack生成的代码入手,分析webpack是如何实现模块化的。
首先我们创建一个简单入口模块index.js和一个依赖模块bar.js:
more >>
1 | setTimeout(function(){console.log(4)},0); |
webkit-overflow-scrolling : touch; 属性控制元素在移动设备上是否使用滚动回弹效果.
https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-overflow-scrolling
more >>input{
-webkit-appearance: none;
}
2.重绘就是当元素的外观发生变化的时候,比如visibility、background、outline等,浏览器会根据新属性来重新绘制该DOM,重绘不会带来重新布局,所以不一定会伴随重排,重排是更加严重的变化。
more >>3.1. DOM元素的几何属性变化
当DOM元素的几何属性变化时,渲染树中的相关节点就会失效,浏览器会根据DOM元素的变化重新构建渲染树中失效的节点。之后,会根据新的渲染树重新绘制这部分页面。而且,当前元素的重排也许会带来相关元素的重排。例如,容器节点的渲染树改变时,会触发子节点的重新计算,也会触发其后续兄弟节点的重排,祖先节点需要重新计算子节点的尺寸也会产生重排。最后,每个元素都将发生重绘。可见,重排一定会引起浏览器的重绘,一个元素的重排通常会带来一系列的反应,甚至触发整个文档的重排和重绘,性能代价是高昂的。
1 所有的对象多有proto 属性,这个属性属于该对象的原型;
2 所有的函数对象都有prototype,当一个函数被设置为构造函数式,他的prototype 属性就是被设置为 它的所有实例 proto属性的 原型
3 两者关系:对象的内部原型(proto)和构造器的原型(prototype)的关系。
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true