【背景】 如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触web前端研发至今已然有…
jQuery 1.9把所有在之前版本里标记为deprecated的api都正式删除了，彻底不再向后兼容。对于升级到最新jQuery的童鞋而言，这意味着得花费一些额外的时间把代码升级使用新的api，或者自己另外实现这些被删除的方法。幸运的是，jQuery团队意识到了这个break change带来的种种不便，推出了一个叫jQuery Migrate插件，用于能够自动恢复那些在最新版本里被废弃的API。只要引用了这个插件，已有的js代码无须改动就能和最新的jQuery库一起正常运行。当开发者需要在代码中使用新版本的jQ…
rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位…
最近在折腾一个半开源的建站程序（什么叫半开源？你懂得！），给客户把模板做好了，网站放到服务器上了，客户那边把数据也都上传了很多，但是突然发现分页出现了问题，域名成了localhost，然后就是各种查找原因，重新安装部署，问题依旧没法解决，将文件和数据库全部搬到本地来确是好好的，开始也没想着是程序有问题（这个建站程序还算比较成熟），所以折腾了好久，最后没办法了看了看分页程序是怎么写的，原来是_SERVER["SERVER_NAME"]惹的祸，服务器是linux的，_SERVER["SERVER_NAME"]的值是Ap…
今天处理了一个bug，代码是另一个同事写的，遇到了这个问题，导致非ie浏览器无法使用，下面说说解决方法 首先先分析几个事件： onpropertychange事件，顾名思义，就是property(属性)change(改变)的时候，触发事件。这是IE专有的！如果想兼容其它浏览器，有个类似的事件，oninput，还有另外一个事件，onchange。 onpropertychange会在设置disable=true的时候失效，而且onpropertychange是在触发对象改变任何属性时都会触发。 onpropertyc…
chrome表单自动填充后，input文本框的背景会变成黄色的，通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下，这个黄色的背景会影响到我们界面的效果，尤其是在我们给input文本框使用图片背景的时候，原来的圆角和边框都…
重置 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, …
用CSS截断字符串 方法一： <div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意长度的字符串 </div> 说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。 方法二： <input type=”…
DPI和PPI DPI（Dots Per Inch）最初用于衡量打印物上每英寸的点数密度，就是说你的打印机可以在一英寸内打多少个点。DPI值越小图片越不精细。 当DPI的概念用在计算机屏幕上时，就应称之为PPI（Pixels Per Inch）。同理： PPI就是计算机屏幕上每英寸可以显示的像素点的数量。你说 DPI大伙也能理解。 Windows系统默认PPI 为96， Mac OS系统默认PPI 为72。 一般非视网膜屏幕的桌面电脑的 PPI在72 到120之间。使用 72到120 之间的PPI进行设计基本可以保…