js调用陀螺仪配合CSS3 3D实现VR效果(一) 2016年淘宝发出一封造物节的H5邀请函,风靡朋友圈.我们发现不需要通过建模、webgl等技术,仅通过css3与js我们也能实现3D场景与视角.我们经常使用css3中的transform对元素进行3d变换,实现一些长方体等.就从这个角度出发,我们一点点实现3D场景.

从web技术的发展过程,探索mvvm模式的形成 最近几年web开发领域新技术新框架层出不穷,本文将阐述一下我对mvvm开发模式的理解。个人认为mvvm是更偏向于前端开发的一种模式,mvvm模式的出现将更好的实现前后端分离的开发机制,或者说为了更好的实现前后端分离开发而形成了mvvm模式

2016前端开发技术巡礼 2016年马上过去了,像过去六年中的每一年一样,Web前端领域又产生了

ECMAScript 6新特性及适用场景 ES6 是对javascript语言的一次重大升级,目前es6中很多新语法和特性已经被浏览器兼容

git,webpack相关记录 前端从grunt、gulp,到browserify,再到现在的webpack,构建和打包的工具层出不穷,好在webpack

Flexbox 布局完全解析 最近看到不少,关于布局的讨论,有用百分比自适应的,有用Table layout的

JS事件---冒泡与捕获相关的记录(二) stopPropagation(阻止传播)在事件绑定时分为了两种情况。一种是事件从父级dom开始,向子孙dom传播.一种是事件从子孙dom开始,向父级dom传播.非事件绑定的事件触发默认,只是响应子孙dom向父级dom的事件传播

简述移动端网页显示适配方案(一) 移动端页面开发从一开始就比pc端的适配要头疼一些。从媒体查询到viewport缩放,再到现在,rem方案才是喜欢简单粗暴的切图仔的福音。移动端开发有着多屏幕尺寸,多像素比(devicePixelRatio)的限制,不能像pc那样做到设计稿和页面同比例同尺寸了。

JS事件---冒泡与捕获相关的记录(一) 先上一张图来描述下冒泡与捕获

http缓存与cdn相关技术 缓存对于网站新能优化有重要意义,一直对缓存里的ETag,Last-Modified,Expires有些纠结。看到这篇说的比较详细了,这里记录学习下,并添加一些内容。