搜索关键字  :  

web移动端

《移动Web手册》读书笔记

《 The Mobile Web Handbook 》作者是荷兰的Peter-Paul Koch译者是360的前端团队 奇舞团Overview本书是对移动Web现状(2014年夏)的一个系统检阅,市场上有不少公司将赌注放在HTML5上,因此对于HTML5在移动Web上的应用多有炒作,但实际上如何呢?看完本书能让你有个清醒的认识。移动浏览器虽然大都实现了桌面浏览器的功能,但实际上

chrome://inspect调试安卓 h5移动应用

1. 首先电脑应该安装ADB Driver,它是ADB是一个客户端-服务器端 程序, 其中客户端是你用来操作的电脑, 服务器端是android设备。而ADB驱动就是电脑与android设备的通信的客户端驱动程序。2. 安装完成后需要在电脑上安装自己手机的驱动,比如我的三星手机就要从网上搜手机驱动SAMSUNG_USB_Driver_for_Mobile_Phones.exe。否则chrome识别不

移动web页面前端开发总结

1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。2.Gecko:( FireFox )优点就是功能强大、丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的资源,比如内存。3.Webkit: ( Chrome/ Sa

移动web资源

meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号

关于写手机页面demo的准备工作

写手机页面,存在不同的手机屏幕分辨率的问题,因此,怎样做到统一的画面展示,是我想要寻找的答案。虽然也搜寻过一些例子,不过还是不确定那种会更好。目前,想来做个笔记,记录其中的一个。首先页面中单位不再是用 px来写,而是em。其次,medioadaption.css是需要的,这里是一个例子@media screen and (min-width:1080px){html,body{ font-size

移动前端头部标签(HTML5 head meta)

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。    <!DOCTYPE html> <!-- 使用 HTML5 doctype,

“互联网 ”时代,移动平台是传统企业转型的核心驱动力

    李克强总理在今年政府工作报告中提出“互联网+”行动计划后,推动移动互联网、云计算、大数据、物联网等新一代互联网技术与各行各业结合,促进电子商务、 工业互联网和互联网金融等新兴业态发展成为经济领域的焦点话题。经济学界开始重新评估以互联网为核心的信息经济对于新常态下经济增长与转型的引领和带动作 用。  无论是互联网公司,还是传统企业,一切商业都将互联网化

手机访问页面时,拨打页面中的电话号码

来源网络下面的这篇文章主要是说,网页中的链接如何写,可以激活电话的功能。例如,页面中展示的是一个电话号码,当用户在手机浏览器里面点击这个电话号码的时候,手机会弹出拨号的面板,或者是短信程序会启动等。1. 打电话在android的浏览器中,如果电话号码是 XXX-XXX-XXXX的型式的话,用户点击的时候,拨号面板会激活,但是如果不是这一特定的格式,那么拨号功能是不会启动的。其实可以通过链接的方式激

移动网站页面多个元素绑定事件

在js中,给多个元素绑定事件,可以分别给元素绑定点击事件,这是其中一种能够做法,比如给一个 ul 里所有 li 绑定点击事件,选中 li 在绑定事件;另一种做法就是直接给 ul 标签绑定事件,在捕获阶段查找是否为 li 标签,然后才触发事件。第二种做法可以有效提高代码性能。在手机网站页面中,第二个方法似乎有问题,在手机中点击时,点击 li会 显示整个 ul 都被选中,这肯定不是我们需要的。

移动前端制作之动画效率问题简析

最近工作很忙,好久没有发帖了。在项目中技术核心点是动画效率问题。经过了近半个月的攻关各种难题总算是搞定了。同时,对移动端浏览器对动画的解析能力有了一个更高的认知。在这里想和大家分享一下。有 不足之处欢迎指正!做移动前端的盆友应该都知道,动画特效方面,尤其兼容安卓系统,就和互联网端兼容IE6一样麻烦。好多效果 不错的创意都因为不兼容安卓系统而夭折。归根到底还是因为安卓浏览器性能的问题。这里篇外话一下

精品书籍

更多

HTML5与CSS3权威指南代码清单
Sass和Compass设计师指南
JavaScript框架高级编程