月度归档:2013年12月

一些移动端web开发资料

media type与media query: http://www.qianduan.net/media-type-and-media-query.html

WEB APP 不同设备屏幕下图片适应分辨率: http://bbs.blueidea.com/home.php?mod=space&uid=168495&do=blog&id=23366

web app自适应屏幕方案探讨: http://www.mansonchor.com/blog/blog_detail_79.html

http://isux.tencent.com/移动终端开发必备知识.html(http://www.qianduan.net/mobile-webapp-develop-essential-knowledge.html)

跨浏览器的调试: http://html.adobe.com/edge/inspect/

移动终端前端开发日志: http://tmt.io/

 

WebSocket入门使用

源自:http://ued.sina.com.cn/?p=900

前言

互联网发展到现在,早已超越了原始的初衷,人类从来没有像现在这样依赖过他;也正是这种依赖,促进了互联网技术的飞速发展。而终端设备的创新与发展,更加速了互联网的进化;

HTTP/1.1规范发布于1999年,同年12月24日,HTML4.01规范发布;尽管已到2012年,但HTML4.01仍是主流;虽然HTML5的草案已出现了好几个年头,但转正日期,遥遥无期,少则三五年,多则数十年;而HTML5的客户代理(对于一般用户而言,就是浏览器),则已百家争鸣,星星向荣;再加上移动终端的飞速发展,在大多数情况下,我们都可以保证拥有一个HTML5的运行环境,所以,我们来分享一下HTML5中的WebSocket协议;

本文包含以下六个方面:

1. WebSocket的前世今生

2. WebSocket是什么

3. 为什么使用WebSocket

4. 搭建WebSocket服务器

5. WebSocket API

6. 实例解析

以上六点分为两大块,前3点侧重理论,主要让大家明白WebSocket是什么,而后3点则结合代码实战,加深对WebSocket的认知。

Continue reading WebSocket入门使用

Yeoman-基于node.js的前端项目工作流工具集合

看Yeoman官网描述:Yeoman是一个工作流,一个包含了各种工具及最佳实践的集合。

以下内容源自: http://www.36ria.com/6144

今天明河介绍一个比较新的前端工具:Yeoman

什么是Yeoman

很难使用一句话来表述Yeoman用途,因为Yeoman其实是三个工具的集合:YOGRUNTBOWER,所以需要先解释下这三个工具的用途。

移动网页开发调试方法

来源于: http://thx.github.io/mobile/debugging-in-mobile/

三分靠 coding,七分 debugging!

少年天才以外的我们,与其说是 coder,不如说是 debugger,都是一路调戏过来的,不好意思,是调试【本人口齿不清,发音不准,再发生类似事故请多多见谅】,因此当你 主动/被动 All in 了无线以后,你发现,知识的储备只是时间的积累和有意识的训练而已,可面对众多的 爱疯,案桌儿,山柴,内核不同,大小不一的设备。尼玛,没有个顺手的调试工具,简直是不能忍受的。

于是,结合我做无线有 一个季度 以来的爽与痛,再扒扒找找,整理一份专门调戏无线设备的攻略如下,不对之处,请千万指正:

Continue reading 移动网页开发调试方法