慕课网

H5+JS+CSS3 实现圣诞情缘

最热最新

Tyler丨丶司徒耀

<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>

查看全部

0 采集收起来源：自适应rem布局
2018-03-22
不断的学习者 02:10

牛逼，佩服

查看全部

0 采集收起来源：课程简介
2015-12-25
Caiser

给html设置fontSize大小，其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小，从而调整rem的比值关系。慕课的布局是右边区域展示，所以按照移动端的320宽度为标准去做适配的，当然基于这个缩放都是没关系的

查看全部

0 采集收起来源：自适应rem布局
2015-12-24
ACCCG

budong

查看全部

0 采集收起来源：自适应雪碧图
2015-12-24
邪恶临近

transform-origin http://www.w3school.com.cn/cssref/pr_transform-origin.asp

查看全部

0 采集收起来源：镜头效果
2015-12-24
macoo

腻害！

查看全部

0 采集收起来源：课程简介
2015-12-24
丨汧心忄夬泺

-webkit-transform: rotateY(70deg); -moz-transform: rotateY(70deg);

查看全部

0 采集收起来源：3D变换的梳理
2015-12-24
丨汧心忄夬泺

运动 = 关键帧动画 + 坐标变化

查看全部

0 采集收起来源：元素运动实现
2015-12-24
丨汧心忄夬泺

用雪碧图做精灵动画会有一个问题：必须通过绝对尺寸获取图片坐标，否则就会出错，大多情况下可能会准备2套图片

查看全部

0 采集收起来源：自适应雪碧图
2015-12-23
丨汧心忄夬泺

关键帧动画

查看全部

1 采集收起来源：关键帧动画
2015-12-23
weibo_前瞻o0_0

observer

查看全部

0 采集收起来源：场景切换
2015-12-23
NoLimits

rem是什么？ rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem 自适应处理：使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子元素跟着一起缩放,从而达到自适应的效果

查看全部

0 采集收起来源：自适应rem布局
2015-12-22
二一丫

好厉害！

查看全部

0 采集收起来源：课程简介
2015-12-22
tomatozq

call和apply是改变函数中this的指向，trigger函数中用apply是为了直接将函数中trigger函数中带的参数（除第一个事件名），直接用到之前绑定的函数中，例如： observer.subscribe("test",function(a,b){...}); //该函数如果带有this，在publish中会指向observer observer.publish("test",a,b);

查看全部

1 采集收起来源：观察者模式的理解
2018-03-22
qq_酵父菌_0

在嵌套回调异步里，点击后定义两个函数A，B，A的输出结果为参数为1的回调函数执行结果，B的输出结果为参数+2的回调函数执行结果，则A执行后，将1作为参数传给B，B将参数+2，执行回调函数，在html里显示'嵌套异步：3'

查看全部

0 采集收起来源：异步编程梳理
2015-12-21

首页上一页 16 17 18 19 20 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想 5、SVG基础知识 6、Canvas基础知识

老师告诉你能学到什么？: 1、rem式布局 2、转场特效 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果 7、H5的视频效果 8、SVG画图 9、canvas画图