摘要： 一、引导之言 虽然现代浏览器支持CSS3，但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。像box-shadow, border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是，有些CSS3属性，例如渐变，oh,my GEE GEE，前缀少不了，于是每次应用都像是建大楼一样，如下jQuery Mobile CSS中的某一渐变截图： 比楼高是很傻逼的一件事情，所以如此霸气侧漏的CSS大楼反而让人伤不起，我们总希望一马平川小山丘，老天开眼掉美妞。心中甚是希望跟这些前缀说 “顾德白”。有此想法的前端er们想必大有人在，于是，一些牛逼且执着于web技. 阅读全文

摘要： 一、关于功能情境 先来简单的，页面上一个“兑换礼品”的按钮，这个按钮上有如下些逻辑判断： 1. 用户是否已经登录，如果没有登录，则弹出登录框，让其执行登录操作（无刷新），登录成功后执行2；否则直接执行2. 2. 如果用户已经登录或登录成功，弹出选择礼品数目的弹框，让用户进行数目设置。 上面的逻辑功能该如何实现？ 二、现实世界的映射 我们习惯于将现实世界的思维方式映射到程序逻辑的实现中，这是很正常。我们很自然会想到如下的逻辑处理（大家一般都熟悉的jQuery的写法，下同）： var funDLogin = function(callback) { /* ... */}, funDoN... 阅读全文

摘要： 一、pointer-events:none是？ pointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用 理会。当下，对于偶们来讲，与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto” 类似，一般在一些特殊场合露一手，平时闺门不出，没什么说头。因此，一轮筛选下来，我们需要留意的只是pointer-events:none而已。 pointer-events:none是个很有意思的东西，某些情况下其精湛的表现会让人两眼发光。 pointer-events:none顾名思意，就是 阅读全文