摘要： 在ios上默认是可以用手指拖动屏幕的，而如果有些web app对拖动屏幕非常敏感，需要禁止拖动屏幕的话，可以试试对touch事件进行一下处理。但需要注意的是，不知道什么原因，如果对touchstart事件进行preventDefault()的话，会让所有的DOM事件监听全部失效，效果如同将事件冒泡... 阅读全文

摘要： 【进入和退出全屏】// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen();// Firefox 10element.mozRequ... 阅读全文

摘要： 1）border-image。一般情况下，我们为了向后兼容，这么写border-image-webkit-border-image:xxxx;-moz-border-image:xxx;border-image:xxxx;但如果将border-image放置最后的话，在pc终端上的chrome浏览... 阅读全文

摘要： 设置viewport禁用电话启用webapp。添加至主屏后，从主屏进入会隐藏地址栏和状态栏设置顶部电话信号那一栏的样式，可用值有default、black、black-translucent三种，其中第三种为半透明，不占高度。设置主屏的图标。该路径需要注意的就是放到将网站的文档根目录下但不是服务器... 阅读全文

摘要： 猫仔问我说“现在公司还没用到html5 ，甚至连css3 也没怎用到，但作为个人发展这些肯定不能落下。我在看html5相关的书中，感觉js 要有一定的能力才真的能学html5。现在就不清楚是要先看js 还是继续学html5。”我能理解猫仔这种初中级工程师们的心情，现在html5貌似很火热，老是听... 阅读全文

摘要： 很多朋友喜欢我提到的“类的组合”的方式，给了很高的评价。也有些朋友对使用类的组合，有一些疑问，觉得“有时候挂了七八个类，这样好吗？”。其实，我只是给出了一种选择，使用原子类的组合还是重新取一个class名，要试情况而定的，有利于维护才是目的，“原子类的组合”只是多一个达到目的的手段而已。 我更详... 阅读全文

摘要： 1）碰撞检测有两种常用方法：将所有物件两两测试，当物件数量少的时候，用这种方式既简单又快速; 基于网格检测，先将整个区域划分成格子，再基于格子检测，遍历所有格式，先检查本格中的所有物件，再将本格和相邻格中的物件一一检测，当物件数量多时，需要用这种方式进行检测，将大大减少检测数量;2）划分格式时，应... 阅读全文

摘要： 最近很多朋友都问到招聘条件中的“学历”问题。 其实技术官一般都是毫不关心学历问题，只关心能力的。但大公司机构更丰富，除了技术官之外，还有专业的hr和很可能无技术背景的中高层管理上员。决定一个人能否能被录用，不是技术官一个人说了就能算的，hr和中层管理都有一票否决权。而且，技术官一般只是面试的... 阅读全文

摘要： css3里有了border-image了，初次见到这个样式的时候，我不见为然，以为只是可以给border里也设置图像了而已。其实不然，border-image非常强大，它原生提供了九宫格的作用。 说到九宫格，很多人第一印象就是用四层div嵌套实现圆角。但有了border-radius之后，圆... 阅读全文

摘要： 这事从franky的一则招聘说起。昨天franky发了一则招聘前端的微博，招聘条件写得比较实在，不是那种一看就是从别的地方copy过来的那种： 招聘条件写得看似很低，所以一下子引起了很多关注，微博里，QQ群里很多人在讨论。关于这则招聘，我也有些话想说。 在新浪和腾讯，前端都是分css方... 阅读全文