摘要：
善良有什么用？善良可以让你找到世界上最好的老婆！ 有些程序员工作之余干私活，赚的是快钱；有些程序员工作之余研究技术，提升自己，赚的是长远收益。某种程度上，善良这种特质也是一种长远收益，当下感受不到明显收益，但是一段时间后，你会庆幸自己的善良。 ———————— 我刚开始工作的时候，为了有更多的时间学 阅读全文
摘要：
一、庞然的HTML5 Web Audio API 首先务必要弄清这一点，本文这里所说的HTML5 Web Audio API和HTML5 <audio>元素完全不是一个东西，其体量也完全不是一个等级的，HTML5 Web Audio API接口的丰富程度和体量可以和HTML canvas API相提 阅读全文
摘要：
一、现代web之前的window.self和self 对于web页面，在默认状况下，下面4个写法都是等同的： 这种有意思的现象就不禁会让人疑惑了，既然都是相等的，那window.self和self还有什么出现的意义呢？直接全部使用window不就好了？ 其实真实情况还就是这样，并没有需要self出场 阅读全文
摘要：
一、缓存和离线开发 说得HTML5离线开发，我们通常第一反应是使用html5 manifest缓存技术，此技术已经出现很多年了，我以前多次了解过，也见过一些实践案例，但是却从未在博客中介绍过，因为并不看好。 为什么不看好呢？用一句话解释就是“投入产出比有些低”。 对于web应用，掉线不能使用是理所当 阅读全文
摘要：
一、indexedDB为何替代了Web SQL Database？ 跟小朋友的教育从来没有什么“赢在起跑线”这种说法一样，在前端领域，也不是哪来先出来哪个就在日后引领风骚的。 HTML5 indexedDB和Web SQL Database都是本地数据库数据存储，Web SQL Database数据 阅读全文
摘要：
一、图片上传前端压缩的现实意义 对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。 这种体验包括两方面： 二、图片前端JS压缩并上传功能体验 特意制作了一个图片前端压缩并上传的完整demo，您可以狠狠的点击这里：使用canvas在前端压缩图片并上传demo 进入de 阅读全文
摘要：
一、<button>等元素新增HTML5属性 – form 在过去，表单元素<form>和表单提交需要的一些控件元素（如<input>，<select>）在DOM结构上必须是父子关系，但是在HTML5背景下，表单元素和控件元素可以是在页面文档的任何位置，这种特性的实现就是通过使用form属性。 关于 阅读全文
摘要：
一、从SVG文本换行说起 SVG和CSS几乎可以看成是同一个年代出来的东西，但是在Web界面展示这块，CSS长期统领江山，SVG偃旗息鼓，直到这些年，SVG开始乘势而上。 时势造英雄。当年web网页都是以图文展示为主，所以门户，博客这些网站兴起。而SVG擅长的是图形展示，对于文本呈现，只能嘿嘿一下， 阅读全文
摘要：
一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的，这个和top, bottom等属性的百分比值不一样。 这么设计的原因在我的新书（应该不出几个月就要出版了）中会有说明，这里不展开。 对于pad 阅读全文
摘要：
所以此技术只适用于对兼容性没有严格要求的一些项目。 三、结束语 其实很多效果，我们直接在结束当前页面的window上下文预览也没什么，但是有一些效果就不行，例如，预览针对响应式布局的media屏幕宽度查询下的效果，必须是真实的窗体宽度才会触发CSS查询语句的执行，此时，只能在<iframe>中预览， 阅读全文