前端开发攻城师绝对不可忽视的五个HTML5新特性
HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标，HTML5绝对不容忽视。 在今天这篇技术分享文章中，我们将介绍几个HTML5的重要特性，能够帮助你提高整个w 继续>
分类： 前端技术
前端性能优化：高频执行事件/方法的防抖
上一篇我们说了用InnerHTML和DocumentFragment来减少DOM注入的次数，这次我们说一说如何处理高频事件触发时的优化。 高频执行事件/方法的防抖 通常，开发人员会在有用户交互参与的地方添加事件，而往往这种事件会被频繁触发。想象一下窗口的resize事件或者是一个元素的onmouse 继续>
浏览器开发调试工具的秘密 – Secrets of the Browser Developer Tools
如果你是一个前端开发人员的话，正确的了解和使用浏览器开发工具是一个必须的技能。 Secrets of the Browser Developer Tools是一个帮助大家了解开发和debug工具的网站，列出了很多不同浏览器下调试和开发工具的相关技巧和说明。 包含浏览器： Firefox IE Chr 继续>
前端性能优化：DocumentFragments或innerHTML取代复杂的元素注入
我们的浏览器执行越来越多的特性，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。前端给力的地方是可以有 许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧，只需要一分钟，就可以优化你现有的代码。 使用Docume 继续>
小技巧：让页面滚起来
1 | $("html, body").animate({ scrollTop: $(document).height() }, "normal"); |
以上就是让页面滚动到底部的代码了 比较重要的一点是,选择器部分,需要是html, body,这样可以兼容所有浏览器
快速转化html结构
快速转化html结构（适合于改版时内容不变等情况使用）
1 2 3 4 | <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> <a><span>大西瓜</span></a> |
需要转换成
1 2 3 4 | <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> <li><a >大西瓜</a></li> |
（这里为了示例，省略属性，省略不同的文字）那么把上边的html单独出一个文件，例如： [crayon-6 继续>
Is there a way to detect if a browser window is not currently active?
Since originally writing this answer, a new specification has reached working draft status thanks to the W3C. The Page Visibility API now allows us to 继续>
纯前端Js解决各种汉字urlencode,urldecode（GBK、UTF-8均可）
我们都知道javascript在做表单提交的时候，会遇到很多坑爹的 中文需要转换成gbk encode或者big5 encode的问题， 比如 中文的 javascript原生的escape只是将中文转换为unicode编码，encodeURI或者encodeURIComponent也是对于中文un 继续>
CSS渲染器：将Photoshop Filters效果带入网络
Chrome的Canary频道和Sarafi的WebKit nightly build，这两者现在都已经支持CSS渲染器的Photoshop风格混合模式，Adobe将Photoshop样式的过滤工具带入了网络。 要应用最新的混合模式，你需要获取最新的Chrome Canary版本或者是WebKit 继续>
开发小技巧 – 如何使用jQuery来处理图片坏链？
Cindy今天给大家带来的是页面开发过程中的一个小技巧：如何处理裂图。如果这个图片没有加载成功了会怎么办？ 第一步：HTML页面里：
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <head> <title>gbin1</title> <meta charset=utf-8 /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> </head> <body> <img src="broken.jpg" /> </body> </html> |
运行这个页面大家会看到一个坏掉的图。 第二部：是一个JavaScript，它的功能是：如果图片坏掉了 继续>
超棒的页面checkbox和radio美化jQuery类库 – iCheckbox
在线演示 iCheckbox是一个超棒的界面美化Javascript类库。 主要特性 跨浏览器和设备统一的input样式和UI（包括了桌面和移动设备） 支持触摸设备 – iOS，android，blackberry，windows phone 支持键盘控制 – Tab，空格， 继续>
2013年又是浏览器大混战的时节
过去二十年间浏览器的技术大战已经发生了好几次，头把交椅从Netscape转到IE又转到了如今的WebKit，战火从桌面蔓延到移动平台……但万变不离其宗，似乎总有一个强大的派系脱颖而出，成为某时间内的网络主宰者。 WebKit一度是下个领导者的有力人选，当移动市场占有率相当高的Opera也迫于缺乏开发 继续>
CSS 中文字体的英文名称 宋体 微软雅黑等
在网页前端开发制作中经常遇到需要使用微软雅黑，宋体等中文字体的情况，一般我们直接使用
1 | font-family:"微软雅黑"; |
这样的写法，然而在一些英文系统或者MAC中直接在CSS中使用中文可能会无法读取，或者你是像我一样，看到在CSS中出现中文就心里不爽的人，那么，介绍C 继续>
javascript中小数取整的方法总结
javascript中小数取整的方法总结： 以下总结了在js中小数取整的一些方法，需要的朋友可以参考一下。 1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(9/2) 4,向下取整 Ma 继续>