手机开发火了很久了，各种app玲琅满目，一直开发pc web版的前端人员，怎么转到移动开发上呢？wap站？好老了，现代浏览器，很大的特点是：webkit内核， 支持html5，css3，国内主流的手机浏览器UC、海豚等，因此pc转移动，也就是要会html5、css3,自然js、html4、css2也是必须的。

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。

...

随着html5的广泛应用，为图片链接使用datauri，似乎是一个时髦，有人说，这是为了减少图片的请求数，但是datauri文件增大0.1k; 而且每次都需要解码，消耗cpu;这让手机的芯片情何以堪，为此我们可以考虑缓存这些datauri

在Html5中，可以将图片经过base64编码后直接写在HTML中来展示图片，使用这种方式可以减少Http请求数量，从而可加快页面展示，同时也减少了很多对服务器的压力。

    例: <img src="data:image/png;base64,iVBORw0KGgooCAMAAAC7...（此处略去N个字）...lFTkSuQmCC"/> 

文/阑夕 （微信公众号：techread）

昨天，奇虎360诉腾讯垄断一案正在最高法院审理。

11月25日，周鸿祎在清华大学演讲，称“如果腾讯赢了，那中国互联网就输了”。

11月26日，周鸿祎在创业邦年会上演讲，谈及案情时，周说，“是输是赢都值了”。

朝去夕来，翻云覆雨，中国互联网的地位也从“不可承受之轻”到了“不值一提的秤砣”。

为什么要使用浏览器DNS缓存，无非就是提供域名的解析速度（因为直接ip是代表主机的，域名只是ip的马甲，拖了马甲才能睡觉~）

什么是DNS？简而言之是从域名(www.camnpr.com)解析为IP(116.255.161.231)的过程，详情可移步 wikipedia。

...

经常做Web开发的工程师，都会遇到需要将某个域名绑定到特定IP上，进行测试的情况。大家一般都会用修改hosts文件的方式来解决，但是经常也会遇到修改hosts不生效的情况，而且有时生效，有时不生效的情况也有发生，这到底是为什么呢？

起：DNS缓存机制

关于DNS缓存的机制，有一篇非常详细的文章What really happens when you navigate to a URL。

...

前端面试的时候，很多考官都会提到“盒子模型”，如果你能很好的解释清楚，那么证明你css基本功很不错。下边来说一说盒子模型吧。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 
...

Chrome(版本 25.0.1364.172 m)下的console对象的方法有：

memory profiles _commandLineAPI debug error info log warn dir dirxml trace assert count markTimeline profile profileEnd time timeEnd timeStamp group groupCollapsed groupEnd clear

...

在用网站安全检查工具websecurify的时候，看到注册页面点击输入框的时候，出现下图的提示信息：

HTML代码：

...

var html = '<div>dom</div>', body.innerHTML=html; 和 var div = document.createElement('div'), txt = document.createTextNode('dom'); div.appendChild(txt); 哪种方式好？

关于代码的优化，有时候要针对不同的浏览器。 上边innerHTML和appendChild哪个好呢？
...

在判断当前浏览器是否IE的方法很多，比如下边放到if条件里边都可以说明是ie浏览器，
!-[1,] window.VBArray window.ActiveXObject window.attachEvent 等等，基本都是利用ie的奇葩（因为其它主流浏览器都很正统:-)）

应用例子JS代码如下：

...