随笔分类 -  移动端前端

摘要：LESS动画优点·快速开发css3动画·采用less mixins写法，不会生成冗余css·已加入主流浏览器前缀，保证最大兼容性·LESS-Animation 部分mixins支持传参，自定义动画幅度（PS：sublime的less2css插件可能不支持编译本库的一些新写法，建议使用官方less编译... 阅读全文

摘要：1、利用css伪类after或before的写法来设置某些小icon的时候，高度、宽度都是0，虽然有边框，但是如果加上overflow:hidden，安卓2.xx的低版本的自带浏览器就无法显示了.cur:after{display:block;content:"";width:0px;height:0px;border-width:6px;border-color:transparent transparent #fff;border-style:solid;position:absolute;bottom:0px;left:50%;margin-left:-10px;} 阅读全文

摘要：Swipe JS 是一个轻量级(3.7 kb) mobile slider，支持 1:1 触摸移动(基于精确的触摸位置的内容滑动)。 但是我使用一段时间后发现两个bug，所以在官方2.0（官网http://swipejs.com/）的基础上我做了一下优化，在这里定义为swipe2.1吧。 两点优化： 1、解决触摸滑动结束后停止自动播放的bug（代码分析，这里只提下修复bug的地方）；handleEvent: function(event) { switch (event.type) { case 'touchstart': this.start(event);... 阅读全文

摘要：1、先来看淘宝无线wiki要求在页面中添加的meta标签。第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；另有default（白色），black-translucent（灰色半透明）；第四个meta标签表示：告诉设备忽略将页面中的数 阅读全文