YAOHAIXIAO.COM

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

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

Rss

Home » Posts tagged "开发工具"

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

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

【工具介绍】老虎Sitemap生成器

【工具介绍】老虎Sitemap生成器

自己的博客又重新开通了,为了做好网站的SEO,让网站能更好的被搜索引擎收录,创建sitemap文件是必修的一个功课。今天就介绍一款我觉得还不错的Sitemap生成工具-老虎Sitemap生成器。下面我就用截图说明如何使用这款工具生成站点地图: 我们可以选择创建新工程,也可以打开已有的工程 填写工程名称和要生成地图的网站地址(以后程序就会扫描这个目录下的web页面) sitemap我们一般都选择XML文件格式,然后选择保存地址 选择自动设置优先级 确认配置信息 点击开始,生成sitemap.xml文件 经过一段时间后,站点网页文件就扫描完毕(扫描时间视网站的网页数量而定)。不过你的网站可能会有“错误链接”,这一般是有的文件不存在了,或… [阅读全文]