YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

YAOHAIXIAO.COM » Home

[更新]BlueNight 原创 WordPress 主题下载(Version 1.3.36)

[更新]BlueNight 原创 WordPress 主题下载(Version 1.3.36)

自己是做前端开发工作的,对于页面前端代码的质量和性能一直都要求比较严格。而从网上下载的那些 WordPress 主题的 HTML 结构和前端的性能一直都不太满意,所以这两天就自己动手做了一个——BlueNight。 BlueNight 主题特点简介 支持自定LOGO,可设置文字或者图片 LOGO 支持自定义背景图片 支持(顶部、主导航、底部)自定义菜单 支持 Featured Image, 默认尺寸:106 * 106 支持 Featured Image Header(首页幻灯图片) 非首页显示20张随机的背景图片,没什么特殊,就是为了展示一下自己的城市,让页面也不那么单调。如果您对这些图片背后的故事感兴趣,可以看看《BlueNig… [阅读全文]

auolink()函数 PHP实现将文本中的所有的URL地址转换为可点击的链接

auolink()函数 PHP实现将文本中的所有的URL地址转换为可点击的链接

其实我在《将文本中url地址替换为可以点击的链接的处理办法》一文中介绍过PHP代码如何实现将URL地址转化成链接的方法,今天给大家介绍一个更加简洁的版本,先来看看PHP的源代码: auolink() API /** * Author: SeeDZ * From: http://code.seebz.net/p/autolink-php/ **/ function autolink($str, $attributes = array()) { $attrs = ”; foreach ($attributes as $attribute=>$value) { $attrs .= ” {$attribute}=\”{$value}\”"… [阅读全文]

TodoMVC 让选择适合项目的JavaScript MVC框架不再纠结

TodoMVC 让选择适合项目的JavaScript MVC框架不再纠结

TodoMVC 选择适合项目的MVC框架不再纠结。又一个新的项目开始了,可是还在犯愁该使用什么MVC框架才适合现在的项目。不知道大家有没有过类似的经历,我是曾经纠结过的。TodoMVC 这款工具应该可以解决你的烦恼。TodoMVC 是这样介绍自己的: Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing their JavaScript web apps. Backbone, Ember, AngularJS… the list of … [阅读全文]

推荐几本前端性能优化相关的书籍

推荐几本前端性能优化相关的书籍

之前写了关于前端性能优化的系列博文,介绍了 YSlow 和 PageSpeed 的前端性能优化的规则。而今天则要给大家推荐几本个人认为不错的关于前端性能优化的书籍。 《高性能网站建设指南》 作者:Steve Souders 出版社:电子工业出版社 简介:这本书是 Steve 还在任雅虎首席性能分析师时编写的,这个本书应该算是前端工程师必看的一本书关于前端性能优化的书了。真不必多介绍了,一定要买了看看! 整本书就是介绍14条前端性能优化规则,每一条规则都是前端工程师们应该牢记的(Steve 的演讲视频:High Performance Web Sites 14 Rules for Faster Pages): 尽可能的减少 HTTP … [阅读全文]

开发工具:7款免费的代码编辑器

开发工具:7款免费的代码编辑器

Light Table Light Table是一个多平台的免费的IDE。其网站是这么介绍这款IDE的: Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work. Light Table 是… [阅读全文]

前端性能优化:Defer parsing of JavaScript

今天介绍 PageSpeed 的前端性能优化规则是:Defer parsing of JavaScript(暂缓 JavaScript 解析)。 Defer parsing of JavaScript 规则简介 In order to load a page, the browser must parse the contents of all <script> tags, which adds additional time to the page load. By minimizing the amount of JavaScript needed to render the page, and deferring … [阅读全文]

前端性能优化:Specify image dimensions

今天介绍 PageSpeed 的前端性能优化规则是:Specify image dimensions(指定图片大小)。 Specify image dimensions 规则简介 Specifying a width and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints. 译文:为所有图像指定宽度和高度能够实现更快的渲染并可以省去不必要的重排列和重绘。 其实在前面介绍《Do not scale images in HTML》规则的是有就提到过,给图片设置大小的… [阅读全文]

前端性能优化:Optimize images

今天介绍 PageSpeed 的前端性能优化规则是:Optimize images(优化图片)。 Optimize images 规则简介 Properly formatting and compressing images can save many bytes of data. 译文:选择正确的图片格式和压缩图像可以节省很多的字节的数据。 优化图片不光指压缩图片大小,还包括如何选择正确文件格式保存图片。压缩的工具我在《推荐4款在线图片压缩工具》一文中已经介绍了一些,今天再介绍一款Mac系统下的压缩工具:ImageOptim,可以压缩很多中格式的图片,可以在MacUpdate里直接下载,目前还是免费的,而且图片的压缩率也还不错。用… [阅读全文]

前端性能优化:Optimize the order of styles and scripts

今天介绍 PageSpeed 的前端性能优化规则是:Optimize the order of styles and scripts(优化样式表和脚本的排列顺序)。之前我们介绍过关于调用外部资源文件的规则《Put CSS at top》和《Put JavaScript at bottom》,今天要讲的是,如果JavaScript外部资源文件不得不放在头部的时候要如何优化它们之间的排列顺序。 Optimize the order of styles and scripts 规则简介 Correctly ordering external stylesheets and external and inline scripts enabl… [阅读全文]

DataTables

DataTables

DataTables 是一款开源的jQuery的表格Grids插件,采用GPL v2 或者 BSD (3-point) 协议授权。 DataTables is dual licensed under the GPL v2 license or a BSD (3-point) license. DataTables 有较为完善的 API 文档,常用的示例和使用方法都可以非常方便的在网站上查询到。DataTables 本身的功能就已经是十分强大了,再加上众多的 Extras 和 Plug-ins,让 DataTables 变得更加强大。推荐大家试用一下! 官方网站:http://datatables.net/ 软件下载:V1.9.4

JSONLint

JSONLint

JSONLint 是免费的 JSON 数据的验证器,还有收费的 JSONLint Pro,Github 上还提供源代码下载(Source is on GitHub)。我现在开发Ajax应用几乎全是用的JSON格式数据,一直苦恼没有好的验证工具,而不同框架里的错误提示都不太清楚,很含糊,无法准确的定位错误。有了 JSONLint,我可以很放点位到错误出现在数据的哪一行。 The JSON Validator 谢谢 Arc90 Lab,校验JSON数据终于可以变得轻松容易了。

Toggle side bar