2016年淘宝发出一封造物节的H5邀请函,风靡朋友圈.我们发现不需要通过建模、webgl等技术,仅通过css3与js我们也能实现3D场景与视角.我们经常使用css3中的transform对元素进行3d变换,实现一些长方体等.就从这个角度出发,我们一点点实现3D场景.
【原】简述移动端网页显示适配方案(二)
之前在简述移动端网页显示适配方案(一)中,记录了浏览器从pc端到移动端转变时,默认的缩放和显示机制。我们通过设置width=device-width和限定设计稿宽度的做法,初步实现了移动端的兼容。早期移动设备的屏幕宽度大都是320px,虽然通屏的大图宽度可以设置为100%,以此让它自动适配设备宽度,
【原】JS事件---冒泡与捕获相关的记录(二)
之前在JS事件---冒泡与捕获相关的记录(一)记录了cancelBubble和stopPropagation的一些区别.stopPropagation(阻止传播)在事件绑定时分为了两种情况。一种是事件从父级dom开始,向子孙dom传播.一种是事件从子孙dom开始,向父级dom传播.非事件绑定的事件触发默认,只是响应子孙dom向父级dom的事件传播.(如下面这种情况)
【原】简述移动端网页显示适配方案(一)
移动端页面开发从一开始就比pc端的适配要头疼一些。从媒体查询到viewport缩放,再到现在,rem方案才是喜欢简单粗暴的切图仔的福音。移动端开发有着多屏幕尺寸,多像素比(devicePixelRatio)的限制,不能像pc那样做到设计稿和页面同比例同尺寸了。
下面我贴出一张图的原图及在不同设备时的截图: