一开始叫我使用angular开发移动端页面的时候我是拒绝的,且不说性能问题吧,主要是姐不会angular啊。移动端的开发我更倾向于vue。 移动端touch问题 angular官方提供了一个touch模块angular-…
标签:移动web开发
读Zepto源码之Touch模块
大家都知道,因为历史原因,移动端上的点击事件会有 300ms 左右的延迟,Zepto 的 touch 模块解决的就是移动端点击延迟的问题,同时也提供了滑动的 swipe 事件。 读 Zepto 源码系列文章已经放到了gi…
移动web开发问题和优化小结
1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一…
前端常用样式总结
本文全部使用 scss + autoprefixerBrower support: flex box(IE 10+), :before & :after IE 8+(IE8 only supports the s…
使用position:fixed 保持流畅。on WindowsPhone 8.1 IE
是手机端浏览器不支持position:fixed 吗? **使用了position:fixed之后** 遇到的问题: 想要固定显示的内容并没有固定显示 触屏上滑动时,卡顿现象严重 可能的原因 html,body 标签是否…
使用adb调试应用
安卓开发中,adb是很重要的调试手段。其实,对于前端来说,adb工具也是学习一下的,因为它确实很方便。 比如,我在手机助手中,调试一个安装APP的页面,这个过程中就要反复下载应用安装,然后退出页面卸载,很麻烦,使用adb…
HTML5与移动端web学习笔记
概述 HTML5 提供了很多新的功能,主要有: 新的 HTML 元素,例如 section, nav, header, footer, article 等 用于绘画的 Canvas 元素 用于多媒体播放的 video 和…
移动H5前端性能优化指南
概述 PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒种渲染完成首屏指标 基于第二点,首屏加载3秒完成或使用Loading 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1…
关闭Android/iPhone浏览器自动识别数字为电话号码
iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个…
云适配:One Web, Any Device 的网站跨屏适配
云适配是一家帮助企业快速将桌面版网站适配到各种移动设备终端的屏幕上的新创公司,结合最前沿的HTML5,无需再像传统WAP 技术那样需要额外开发和维护一个移动网站,用户要做的就是添加一行代码。 云适配官网:http://y…
原生 js 实现移动端 Touch 滑动反弹
移动端 Touch 滑动反弹 什么是 Touch滑动?就是类似于 PC端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 Touch事件结合 js去实现,效果如下: 1. 准备工作 什么是移动端的 Touch事件?…
Chrome, vh Is Always Calculated as If the Url Bar Is Hidden
The first time when I know vh I was very excited. Finally, we can do this by css instead of js. However, still…