-
<script type="text/javascript"> var docEl = document.documentElement, //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时， //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 //总来的来就是监听当然窗口的变化，一旦有变化就需要重新设置根字体的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //设置根字体大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //绑定浏览器缩放与加载时间 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
牛逼，佩服查看全部
-
给html设置fontSize大小，其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小，从而调整rem的比值关系。慕课的布局是右边区域展示，所以按照移动端的320宽度为标准去做适配的，当然基于这个缩放都是没关系的查看全部
-
budong查看全部
-
transform-origin http://www.w3school.com.cn/cssref/pr_transform-origin.asp查看全部
-
腻害！查看全部
-
-webkit-transform: rotateY(70deg); -moz-transform: rotateY(70deg);查看全部
-
运动 = 关键帧动画 + 坐标变化查看全部
-
用雪碧图做精灵动画会有一个问题： 必须通过绝对尺寸获取图片坐标，否则就会出错，大多情况下可能会准备2套图片查看全部
-
关键帧动画查看全部
-
observer查看全部
-
rem是什么？ rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem 自适应处理： 使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子元素跟着一起缩放,从而达到自适应的效果查看全部
-
好厉害！查看全部
-
call和apply是改变函数中this的指向，trigger函数中用apply是为了直接将函数中trigger函数中带的参数（除第一个事件名），直接用到之前绑定的函数中，例如： observer.subscribe("test",function(a,b){...}); //该函数如果带有this，在publish中会指向observer observer.publish("test",a,b);查看全部
-
在嵌套回调异步里，点击后定义两个函数A，B，A的输出结果为参数为1的回调函数执行结果，B的输出结果为参数+2的回调函数执行结果，则A执行后，将1作为参数传给B，B将参数+2，执行回调函数，在html里显示'嵌套异步：3'查看全部
举报
0/150
提交
取消