YAOHAIXIAO.COM

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

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

Rss

Home » Archive by category "Tools"

我个人非常爱收集各种各样的开发工具,所以就专门有了这个分享开发工具的小栏目。基本都是免费的,高质量的开发工具,大家看到中意的下载试用吧!

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 … [阅读全文]

开发工具: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 是… [阅读全文]

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数据终于可以变得轻松容易了。

推荐4款在线图片压缩工具

推荐4款在线图片压缩工具

之前写过文章《隐藏 JavaScript 源代码?不,你只能混淆和压缩JavaScript源代码》介绍过几款压缩JavaScript的工具,今天就再介绍几款在线的图片压缩工具。相信对要做前端开发,优化前端性能的朋友会有一定的帮助。 PunyPNG PunyPNG 支持压缩PNG, JPEG 和 GIF 3中格式的图片,而不仅仅只是像网站名字那样的只支持PNG格式的图片。不过免费版的一次最多只能处理20张图片,图片大小不能超过500K。如果你升级为付费的用户,会有更多更强大的功能。 TinyPNG TinyPNG 一款很不错的免费软件,不限制图片的大小,也不限制图片的数量,不过只支持PNG格式的图片的压缩。TinyPNG是我非常喜欢的… [阅读全文]

隐藏 JavaScript 源代码?不,你只能混淆和压缩JavaScript源代码

隐藏 JavaScript 源代码?不,你只能混淆和压缩JavaScript源代码

隐藏、加密 JavaScript 源代码 自己写了很酷的代码,希望防止别人剽窃你的JavaScript代码。怎么才可以隐藏或者说是加密我的JavaScript代码啊?说实话,我以前也这么想过,不过很遗憾。JavaScript代码是一种天然的开放源代码的语言。除非你的JavaScript代码在你的本机里保存着,一旦作为在线的程序发布出去,只要浏览器可以运行访问它,任何人也就可以阅读到它。 你可能在网上看过有人说可以加密JavaScript源代码,但就像其他所有的加密方法一样,都是无法保证别人解密不了的。而实际上,从实际的前端性能来说,这些经过加密的代码反而会造成不必要的性能损失,甚至可能会让JavaScript代码无法正常运行。所以我… [阅读全文]

Brackets 专注 HTML、CSS、JavaScript 开发的编辑器

Brackets 专注 HTML、CSS、JavaScript 开发的编辑器

Brackets 专注 HTML、CSS、JavaScript 开发的编辑器。这个是我一直寻求的编辑器,没有其他复杂的功能,专注前端开发、专注HTML、CSS、JavaScript、开源免费、支持中文、多平台支持。还有什么要求,真的很完美了。强烈推荐打击试一试。 Code the Web. Brackets is an open source code editor for the web. It’s built with JavaScript, HTML and CSS by web developers like you. Download: http://download.brackets.io/ Brackets… [阅读全文]

IcoMoon App 一个在线的图标字体生成工具

IcoMoon App 一个在线的图标字体生成工具

相信用过 CSS3 的朋友对 @font-face 这个新特性一定不陌生,使用它我们可以在线给用户添加他们系统默认没有的字体,让网站的界面开起来更加美观。但是你有没有想过,网站上常用的图标也可以直接使用图标字体来实现呢? IcoMoon App 今天介绍的这个在线应用(个人是非常喜欢),它就可以在线生成图标字体。真的很不错哦! 生成自定义的字体包,并下载 IcoMoon App 提供免费服务,界面操作很简单,就像网站介绍的那样,在这里你几乎可以找到你需要的所有图标。而且最赞的就是,它可以根据你的需要只生成你需要的自定义的图标字体,而不需要下载全部的字体库。 例如上图,我只需要5个图标,那么你就选中5个我要的就好。然后点击“Font”… [阅读全文]

YSlow – 前端性能分析和优化的利器

YSlow – 前端性能分析和优化的利器

YSlow(为什么慢?) 是 YAHOO 开发的一款分析网页前端性能的浏览器插件,我非常喜欢一个开发插件,相信也是很多从事前端开发的朋友必备的一款插件了。不过对于刚接触前端开发的朋友来说,可能还不太熟悉,本文就详细的介绍一下 YSlow。(本文以 Firefox 浏览器为例讲解) YSlow 的安装和启动 安装 YSlow 要先安装 Firebug,然后到 YSlow 官网 下载 Firefox 版本的 YSlow(目前 YSlow 有四个版本可供选择:火狐(Firefox)浏览器、谷歌(Chrome)浏览器、欧朋(Opera)浏览器和移动版)。 下载安装完成后会需要你重新启动 Firefox 浏览器,之后就会在状态栏上显示 YSl… [阅读全文]

JW FlvPlayer – 最好的免费FLV播放器

JW FlvPlayer – 最好的免费FLV播放器

程序简介: JW FlvPlayer个人觉得是我用过的最好的免费FLV播放器了,当年youtobe在名不见经传的时候就是使用的这个播放器。播放器现在最新的版本是5.2了,不过我这里介绍还是以前的3.12版本的。如果你喜欢最新的,到JW FlvPlayer官方网站下载。 播放单个flv视频文件 $(‘#flvplayer’).flvPlayer({ width: 480, height: 400, // 设置videoHeight=height-20,则播放器的控制工具栏默认在播放器底部显示 // 如果不设置则控制工具栏则默认隐藏,鼠标放到播放器上才显示出来 videoHeight: 380, // isAutoPlay为flase再… [阅读全文]