-
Notifications
You must be signed in to change notification settings - Fork 46
/
Copy pathindex.html
5 lines (5 loc) · 33.6 KB
/
index.html
1
2
3
4
5
<!DOCTYPE html><html lang="zh"><head><title>前端导航站 - 前端工程师专用的导航站</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="baidu-site-verification" content="77c1c417ca4e5d0fa792494f27c99f06"><meta name="Keywords" content="前端工程师网站导航，前端工程师网址导航， Feder网址导航，前端导航，前端工程师导航，前端教程，优秀前端工程师聚合"><meta name="description" content="content"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"><link href="http://libs.baidu.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="style-min.css"></head><body><a href="http://github.com/jserme/123.jser.us" target="_blank" class="ribbon"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a><div class="navbar navbar-inverse"><div class="navbar-inner"><div class="container"><button type="button" data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="./index.html" class="brand">123.jser.us</a><div class="nav-collapse collapse"><ul class="nav"><li><a href=".">前端导航站</a></li><li><a href="https://github.com/jserme/123.jser.us#readme" target="_blank">我要补充</a></li><li><a href="http://weibo.com/ihubo" target="_blank">微博反馈</a></li><li><a href="javascript:;" data-toggle="feedback">意见&反馈</a></li></ul></div></div></div></div><div class="container"><div id="CDN" class="list-con"><div class="page-header"><h1>CDN</h1></div><div class="tags-list"><a href="http://bbs.aliyun.com/read.php?tid=139395" data-des="阿里云提供的公共CDN，最大特色是支持https" data-index="81" target="_blank" class="tag">阿里云 </a><a href="http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs" data-des="百度的CDN公共库，有名点的库都有，国内的，速度很赞" data-index="78" target="_blank" class="tag">百度CDN </a><a href="http://www.asp.net/ajaxlibrary/cdn.ashx" data-des="微软公司提供的公共CDN服务" data-index="82" target="_blank" class="tag">微软CDN </a><a href="http://staticfile.org/" data-des="为开源库提供稳定、快速的免费 CDN 服务，类似于CDNJS，非常推荐" data-index="104" target="_blank" class="tag">开放静态文件 </a><a href="http://open.bootcss.com/" data-des="Bootstrap中文网联合又拍云存储共同推出了开放CDN服务，我们对广泛的前端开源库提供了稳定的存储和带宽的支持，例如Bootstrap、jQuery等。" data-index="108" target="_blank" class="tag">开放CDN服务 </a><a href="http://lib.sinaapp.com/" data-des="新浪云的CDN" data-index="60" target="_blank" class="tag">sina sae cdn </a><a href="http://cdnjs.com/" data-des="最全的CDN公用库, 速度不是太稳定" data-index="8" target="_blank" class="tag">cdnjs </a><a href="https://developers.google.com/speed/libraries/devguide" data-des="Google提供的前端资源CDN" data-index="24" target="_blank" class="tag">GoogleCDN </a><a href="http://libs.useso.com/" data-des="提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库&字体库的调用方法" data-index="112" target="_blank" class="tag">360网站卫士常用前端公共库CDN服务 </a></div></div><div id="HTTP" class="list-con"><div class="page-header"><h1>HTTP</h1></div><div class="tags-list"><a href="http://www.httpwatch.com/" data-des="集成在IE和Firefox上的监听HTTP和HTTPS的工具" data-index="26" target="_blank" class="tag">httpwatch </a><a href="https://addons.mozilla.org/zh-CN/firefox/addon/live-http-headers/" data-des="可以查看到http头" data-index="40" target="_blank" class="tag">Live Http Header </a><a href="https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US" data-des="和HTTPWatch很类似的一个工具" data-index="25" target="_blank" class="tag">HttpFox </a><a href="http://www.fiddler2.com/" data-des="强大的HTTP调试工具" data-index="19" target="_blank" class="tag">Fiddler </a></div></div><div id="MVVM" class="list-con"><div class="page-header"><h1>MVVM</h1></div><div class="tags-list"><a href="http://knockoutjs.com/" data-des="Knockout是个JavaScript库，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。" data-index="85" target="_blank" class="tag">Knockout </a><a href="http://emberjs.com/" data-des="一个Web应用框架，用来创建有野心的应用。" data-index="87" target="_blank" class="tag">Ember.js </a><a href="http://backbonejs.org/" data-des="一种用于开发重量级JavaScript应用的框架。" data-index="86" target="_blank" class="tag">Backbone </a><a href="http://angularjs.org/" data-des="Google出品的WebApp开发框架。" data-index="88" target="_blank" class="tag">AngularJS </a></div></div><div id="UI库" class="list-con"><div class="page-header"><h1>UI库</h1></div><div class="tags-list"><a href="http://tuktuk.tapquo.com/" data-des="快速创建响应式和可扩展的框架" data-index="83" target="_blank" class="tag">TukTuk </a><a href="http://topcoat.io/" data-des="专注于webapp的框架" data-index="107" target="_blank" class="tag">Topcoat </a><a href="http://zeptojs.com/" data-des="小巧的与jQuery兼容的移动库" data-index="84" target="_blank" class="tag">Zepto </a><a href="http://semantic-ui.com/" data-des="语义化的ui" data-index="110" target="_blank" class="tag">semantic-ui </a><a href="http://m.sui.taobao.org/" data-des="SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。" data-index="116" target="_blank" class="tag">SUI </a><a href="http://knockoutjs.com/" data-des="Knockout是个JavaScript库，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。" data-index="85" target="_blank" class="tag">Knockout </a><a href="http://foundation.zurb.com/" data-des="Foundation 3，由 ZURB 公司开发，号称世界上最先进的响应式前端框架。利用灵活的网格系统可以快速设计出页面布局。更妙的是，网格可以是你所需要的任何尺寸，它很容易适应各种尺寸的屏幕。" data-index="22" target="_blank" class="tag">Foundation 3 </a><a href="http://designmodo.github.io/Flat-UI/" data-des="win8样式的UI库" data-index="21" target="_blank" class="tag">FlatUI </a><a href="http://emberjs.com/" data-des="一个Web应用框架，用来创建有野心的应用。" data-index="87" target="_blank" class="tag">Ember.js </a><a href="http://twitter.github.io/bootstrap/" data-des="程序员网站速成最佳UI库" data-index="4" target="_blank" class="tag">Bootstrap </a><a href="http://backbonejs.org/" data-des="一种用于开发重量级JavaScript应用的框架。" data-index="86" target="_blank" class="tag">Backbone </a><a href="http://angularjs.org/" data-des="Google出品的WebApp开发框架。" data-index="88" target="_blank" class="tag">AngularJS </a></div></div><div id="兼容性" class="list-con"><div class="page-header"><h1>兼容性</h1></div><div class="tags-list"><a href="http://msdn.microsoft.com/en-us/expression/" data-des="这是为微软自己发布的跨浏览器测试工具，您可以同时查看您的网页在多个浏览器的呈现情况，对页面排版进行直观的比较。" data-index="64" target="_blank" class="tag">Superpreview </a><a href="http://spoon.net/browsers/" data-des="点击你需要测试的浏览器环境，安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常" data-index="62" target="_blank" class="tag">Spoon Browser Sandbox </a><a href="http://modernizr.com/" data-des="Modernizr 是一个开源的 JavaScript 库，用于检测用户浏览器的 HTML5 和 CSS3 特性。它使得那些基于用户浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单，让 Web 开发人员可以在现代浏览器中充分利用 HTML5 和 CSS3 的那些先进的特性进行开发，同时又不会牺牲其它不支持这些新技术的浏览器的控制。" data-index="42" target="_blank" class="tag">Modernizr </a><a href="http://browserhacks.com" data-des="浏览器hack速查" data-index="5" target="_blank" class="tag">Browserhacks </a></div></div><div id="占位图" class="list-con"><div class="page-header"><h1>占位图</h1></div><div class="tags-list"><a href="http://temp.im/" data-des=" 稳定快速的占位图服务，使用Dropbox托管，七牛CDN加速" data-index="113" target="_blank" class="tag">temp.im </a><a href="http://placekitten.com/" data-des="占位图" data-index="53" target="_blank" class="tag">placekitten </a><a href="http://instasrc.com/" data-des="又一个占位图" data-index="30" target="_blank" class="tag">instasrc </a><a href=" http://imsky.github.io/holder/" data-des="在浏览器端根据特定属性生成占位图的程序" data-index="80" target="_blank" class="tag">holder.js </a></div></div><div id="原型设计" class="list-con"><div class="page-header"><h1>原型设计</h1></div><div class="tags-list"><a href="https://gomockingbird.com/" data-des="一个快速在Web上进行原型制作的工具" data-index="23" target="_blank" class="tag">gomockingbird </a><a href="http://maker.github.io/ratchet/" data-des="Ratchet可以让你通过简单的HTML, CSS, JavaScript来构建iPhone应用的原型。" data-index="93" target="_blank" class="tag">Ratchet </a><a href="http://proto.io/" data-des="Proto.io 是一个新的界面原型设计工具，专门针对移动应用程序。基于 Web 的在线环境，可以让你制作流行的 iPhone，iPad，Android 手机或平板电脑，以及任何带有屏幕界面的设备的原型项目。" data-index="54" target="_blank" class="tag">Proto.io </a></div></div><div id="字体" class="list-con"><div class="page-header"><h1>字体</h1></div><div class="tags-list"><a href="http://beta.typecastapp.com/" data-des="TypeCast让你可以从Fonts.com、TypeKit、FontDeck和Google这些字体供应和商选择字体，而且能非常方便的比较这些字体使用效果。如果你想获得用户对这些字体效果的反馈，只需要发布一个URL就可以了。这样，无需实际购买的字体，直到你已经决定在最终的解决方案。" data-index="65" target="_blank" class="tag">TypeCast </a></div></div><div id="安全" class="list-con"><div class="page-header"><h1>安全</h1></div><div class="tags-list"><a href="http://xss.codeplex.com/" data-des="x5s 是一款 Fiddler 插件，用于辅助渗透测试人员发现跨站点脚本（XSS）漏洞。" data-index="74" target="_blank" class="tag">X5s </a><a href="http://www.websecurify.com/" data-des="Websecurify 是一款开源的跨平台网站安全检查工具，能够帮助你精确的检测 Web 应用程序安全问题。" data-index="71" target="_blank" class="tag">Websecurify </a><a href="http://www.ict-romulus.eu/web/wapiti/home" data-des="Wapiti 是 Web 应用程序漏洞检查工具。它具有“暗箱操作”扫描，即它不关心 Web 应用程序的源代码，但它会扫描网页的部署，寻找使其能够注入数据的脚本和格式。" data-index="69" target="_blank" class="tag">Wapiti </a><a href="http://code.google.com/p/skipfish/" data-des="Skipfish 是 Google 公司发布的一款自动 Web 安全扫描程序，以降低用户的在线安全威胁。和 Nikto 和 Nessus 等其他开源扫描工具有相似的功能。" data-index="61" target="_blank" class="tag">Skipfish </a><a href="https://www.owasp.org/index.php/Category:OWASP_WebScarab_Project" data-des="WebScarab 一个用来分析使用HTTP和HTTPS协议的应用程序框架，通过记录它检测到的会话内容（请求和应答）来帮助安全专家发现潜在的程序漏洞。" data-index="48" target="_blank" class="tag">OWASP WebScarab Project </a><a href="http://www.mavitunasecurity.com/communityedition/" data-des="Netsparker Community Edition 是一款 SQL 注入扫描工具，是Netsparker的社区免费版本，提供了基本的漏洞检测功能。" data-index="45" target="_blank" class="tag">Netsparker Community Edition </a><a href="http://www.nstalker.com/products/editions/free/" data-des="N-Stalker Web 应用程序安全2012免费版本能够为您的 Web 应用程序清除该环境中大量常见的漏洞，包括跨站脚本（XSS）、SQL 注入（SQL injection）、缓存溢出（Buffer Overflow）、参数篡改 （Parameter Tampering）等等。" data-index="44" target="_blank" class="tag">N-Stalker Free Version </a><a href="http://labs.securitycompass.com/exploit-me/" data-des="Exploit-Me 是一套 Firefox 的 Web 应用程序安全测试工具，轻量，易于使用。" data-index="17" target="_blank" class="tag">Exploit-Me </a></div></div><div id="工作流" class="list-con"><div class="page-header"><h1>工作流</h1></div><div class="tags-list"><a href="http://yeoman.io/" data-des="提供了一套强大的工具、库和工作流，可以帮助开发人员快速构建出漂亮的、引人注目的Web应用。" data-index="75" target="_blank" class="tag">Yeoman </a></div></div><div id="工具" class="list-con"><div class="page-header"><h1>工具</h1></div><div class="tags-list"><a href="http://jsperf.com/" data-des="方便进行JS性能测试，有大量例子" data-index="38" target="_blank" class="tag">jspref </a><a href="http://json.parser.online.fr/" data-des="在线解析JSON数据的小工具" data-index="37" target="_blank" class="tag">json parser online </a><a href="http://jsfiddle.net/" data-des="在线运行、调试、分享代码" data-index="35" target="_blank" class="tag">jsfiddle </a><a href="http://gskinner.com/RegExr/" data-des="一个用Flex写的在线测试正则的工具" data-index="56" target="_blank" class="tag">RegExr </a></div></div><div id="性能" class="list-con"><div class="page-header"><h1>性能</h1></div><div class="tags-list"><a href="http://tools.pingdom.com/fpt/" data-des="在线检查网站每个元素的加载速度，生成非常详细的测试报告，帮助你轻松优化网站" data-index="52" target="_blank" class="tag">pingdom </a><a href="http://gtmetrix.com/" data-des="GTmetrix是一个免费的网页性能分析工具。" data-index="109" target="_blank" class="tag">gtmetrix </a><a href="http://jsperf.com/" data-des="方便进行JS性能测试，有大量例子" data-index="38" target="_blank" class="tag">jspref </a><a href="http://www.jiankongmofang.com/" data-des="用于性能分析和记录的在线工具" data-index="79" target="_blank" class="tag">监控魔方 </a><a href="http://www.webpagetest.org/" data-des="能够帮助你测试网站在 IE6-IE9，Chrome，Firefox 等各种浏览器环境下的加载速度。" data-index="70" target="_blank" class="tag">WebPagetest </a><a href="http://msfast.myspace.com/" data-des="Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况，只使用于IE中" data-index="43" target="_blank" class="tag">Myspace Performance Tracke </a><a href="https://developers.google.com/speed/pagespeed/?hl=zh-CN" data-des="Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能，并获得有关如何改进性能的建议" data-index="49" target="_blank" class="tag">PageSpeed </a><a href="https://developers.google.com/speed/pagespeed/insights" data-des="分析网页的内容来提供网站加载速度优化建议。" data-index="50" target="_blank" class="tag">PageSpeed Insights </a><a href="http://www.compuware.com.cn/application-performance-management/ajax-performance-testing.html" data-des="web前端性能分析工具" data-index="15" target="_blank" class="tag">dynaTrace </a><a href="http://www.showslow.com/" data-des="开源的测试工具，能够测试网站在 YSlow, Page Speed, WebPageTest 和 dynaTrace AJAX Edition 中的情况。" data-index="59" target="_blank" class="tag">Show Slow </a><a href="https://browsermob.com/free-website-performance-test" data-des="简单快速的了解网站的加载速度" data-index="46" target="_blank" class="tag">Neustar Web Performance </a><a href="http://whichloadsfaster.com/" data-des="在线对比两个网站的速度" data-index="73" target="_blank" class="tag">Which Loads Faster </a><a href="http://yslow.org/" data-des="全面分析网站性能" data-index="76" target="_blank" class="tag">YSlow </a><a href="https://github.com/mishoo/UglifyJS" data-des="目前最好的用的代码格式化压缩的用JS写的JS工具" data-index="91" target="_blank" class="tag">UglifyJS </a><a href="http://loadimpact.com/" data-des="提供在线测试服务，能够生成详尽的测试报告。" data-index="41" target="_blank" class="tag">Load Impact </a><a href="http://www.jshint.com/" data-des="JSHint是一个JavaScript的代码质量检查工具，主要用来检查代码质量以及找出一些潜在的代码缺陷。" data-index="92" target="_blank" class="tag">JSHint </a><a href="http://csslint.net/" data-des="CSSLint 是一个用来帮你找出 CSS 代码中问题的工具，它可做基本的语法检查以及使用一套预设的规则来检查代码中的问题，规则是可以扩展的。" data-index="90" target="_blank" class="tag">CSS Lint </a></div></div><div id="敏捷" class="list-con"><div class="page-header"><h1>敏捷</h1></div><div class="tags-list"><a href="http://yeoman.io/" data-des="提供了一套强大的工具、库和工作流，可以帮助开发人员快速构建出漂亮的、引人注目的Web应用。" data-index="75" target="_blank" class="tag">Yeoman </a><a href="http://docs.emmet.io/" data-des="前身是前端开发人员熟知的Zen Coding，一种提供快速编写HTML/CSS代码的方法。和一般的编辑器中使用的“代码片段”概念不同，Emmet使用动态的类似CSS表达式的语法来生成代码，这意味着你不需要自己去编辑并创建固定的代码片段，大大的提高了代码编写效率。" data-index="16" target="_blank" class="tag">Emmet </a></div></div><div id="文档" class="list-con"><div class="page-header"><h1>文档</h1></div><div class="tags-list"><a href="http://overapi.com/" data-des="收集了各种常用的软件的文档" data-index="47" target="_blank" class="tag">overapi </a><a href="http://expressjs.jser.us/" data-des="nodejs著名web框架express的中文文档" data-index="18" target="_blank" class="tag">express中文文档 </a><a href="http://caniuse.com/" data-des="查询最新的各种HTML5兼容情况" data-index="7" target="_blank" class="tag">caniuse </a></div></div><div id="文档工具" class="list-con"><div class="page-header"><h1>文档工具</h1></div><div class="tags-list"><a href="http://lab.lepture.com/nico/" data-des="快速搭建静态化文档服务器" data-index="105" target="_blank" class="tag">nico </a><a href="http://jekyllrb.com/" data-des="Github上最流行的静态站点生成工具。" data-index="94" target="_blank" class="tag">Jekyll </a><a href="https://github.com/jsdoc3/jsdoc" data-des="一个JS API文档生成器。" data-index="95" target="_blank" class="tag">JSDoc </a><a href="https://github.com/visionmedia/dox" data-des="Dox是一个用Node写的JavaScript文档生成器。" data-index="96" target="_blank" class="tag">Dox </a><a href="http://docbook.sourceforge.net/" data-des="DocBook是一种用于技术文件的语义标记语言。它本来是打算用于编写有关计算机硬件和软件的技术文件，但它可以用于任何其它类型的文件。" data-index="97" target="_blank" class="tag">DocBook </a></div></div><div id="格式化" class="list-con"><div class="page-header"><h1>格式化</h1></div><div class="tags-list"><a href="http://jsbeautifier.org/" data-des="在线Javascript格式化" data-index="33" target="_blank" class="tag">jsbeautifier </a><a href="http://www.codebeautify.org/" data-des="大量的格式化工具，神器" data-index="111" target="_blank" class="tag">codebeautify </a><a href="https://github.com/mishoo/UglifyJS" data-des="目前最好的用的代码格式化压缩的用JS写的JS工具" data-index="91" target="_blank" class="tag">UglifyJS </a><a href="http://jslint.com/" data-des="在线JS校验工具" data-index="36" target="_blank" class="tag">JSLint </a><a href="http://www.jshint.com/" data-des="JSHint是一个JavaScript的代码质量检查工具，主要用来检查代码质量以及找出一些潜在的代码缺陷。" data-index="92" target="_blank" class="tag">JSHint </a><a href="http://csslint.net/" data-des="CSSLint 是一个用来帮你找出 CSS 代码中问题的工具，它可做基本的语法检查以及使用一套预设的规则来检查代码中的问题，规则是可以扩展的。" data-index="90" target="_blank" class="tag">CSS Lint </a></div></div><div id="正则" class="list-con"><div class="page-header"><h1>正则</h1></div><div class="tags-list"><a href="http://regexpal.com/" data-des="一个用JS写的在线正则测试工具" data-index="55" target="_blank" class="tag">regexpal </a><a href="http://gskinner.com/RegExr/" data-des="一个用Flex写的在线测试正则的工具" data-index="56" target="_blank" class="tag">RegExr </a></div></div><div id="测试框架" class="list-con"><div class="page-header"><h1>测试框架</h1></div><div class="tags-list"><a href="http://visionmedia.github.io/mocha/" data-des="一个简单、灵活、有趣的测试框架，在node、浏览器环境下均可使用。" data-index="98" target="_blank" class="tag">mocha </a><a href="http://docs.seleniumhq.org/" data-des="Selenium是一款功能强大的集成测试工具，自动测试工具" data-index="100" target="_blank" class="tag">Selenium </a><a href="http://qunitjs.com/" data-des="老牌测试框架，来自jQuery社区。" data-index="101" target="_blank" class="tag">QUnit </a><a href="http://pivotal.github.io/jasmine/" data-des="一个流行的JavaScript单元测试框架。" data-index="99" target="_blank" class="tag">Jasmine </a><a href="http://chaijs.com/" data-des="适用于Nodejs与浏览器环境的断言框架，能够适配任意测试框架。" data-index="102" target="_blank" class="tag">Chai </a></div></div><div id="浏览器" class="list-con"><div class="page-header"><h1>浏览器</h1></div><div class="tags-list"><a href="http://browserhacks.com" data-des="浏览器hack速查" data-index="5" target="_blank" class="tag">Browserhacks </a></div></div><div id="浏览器插件" class="list-con"><div class="page-header"><h1>浏览器插件</h1></div><div class="tags-list"><a href="https://addons.mozilla.org/en-US/firefox/addon/655" data-des="以层级方式展示源码" data-index="66" target="_blank" class="tag">View Source Chart </a><a href="https://addons.mozilla.org/zh-CN/firefox/addon/live-http-headers/" data-des="可以查看到http头" data-index="40" target="_blank" class="tag">Live Http Header </a><a href="http://getfirebug.com/" data-des="没有谁不知道的web开发调试工具" data-index="20" target="_blank" class="tag">Firebug </a><a href="https://addons.mozilla.org/en-US/firefox/addon/7408" data-des="Firefox上的一个附加组件，当HOST文件改变时可以很快地更新页面而不需要重启浏览器" data-index="14" target="_blank" class="tag">DNS Flusher </a><a href="http://www.colorzilla.com" data-des="小巧的颜色工具，有Firefox和Chrome两种插件" data-index="11" target="_blank" class="tag">ColorZilla </a></div></div><div id="演示" class="list-con"><div class="page-header"><h1>演示</h1></div><div class="tags-list"><a href="http://www.rvl.io/" data-des="简洁的在线演示文稿" data-index="57" target="_blank" class="tag">rvl </a></div></div><div id="社区" class="list-con"><div class="page-header"><h1>社区</h1></div><div class="tags-list"><a href="http://jsdo.it/" data-des="jsdo.it 让开发者可以在线编写 JavaScript、HTML5和CSS3代码，能够在社区中相互分享代码。" data-index="34" target="_blank" class="tag">jsdo.it </a></div></div><div id="类库" class="list-con"><div class="page-header"><h1>类库</h1></div><div class="tags-list"><a href="http://docs.kissyui.com/" data-des="由阿里集团前端工程师们创建的一个开源JS类库。" data-index="39" target="_blank" class="tag">kissyui </a><a href="http://jquery.com" data-des="一个用途非常广泛的前端类库" data-index="31" target="_blank" class="tag">jQuery </a><a href="http://www.sencha.com/" data-des=" Sencha Touch 是一个基于 HTML5 的移动应用开发框架，致力于吸引 HTML5 开发者使用 Sencha Touch 构建在 iPhone、Android 和 BlackBerry 等设备上运行的移动 Web 应用，这些应用效果看起来如同本地应用。改进的 API，完善的文档和教程资料以及可靠的本地集成让 Sencha Touch 2 成为强有力的移动框架竞争者。" data-index="58" target="_blank" class="tag">Sencha Touch 2 </a><a href="http://aralejs.org/" data-des="基于SeaJS和CMD规范，开放、简单、易用的前端解决方案。" data-index="3" target="_blank" class="tag">Arale </a></div></div><div id="编辑器" class="list-con"><div class="page-header"><h1>编辑器</h1></div><div class="tags-list"><a href="http://ideone.com/" data-des="Ideone 是另外一款在线编译和调试工具，支持超过40种编程语言。" data-index="27" target="_blank" class="tag">ideone </a><a href="https://c9.io/" data-des="Cloud 9 是基于 NodeJS 构建的在线集成开发环境，语法高亮支持 C#, C++, Python, Perl, Ruby, Scala 等等众多常用开发语言。" data-index="9" target="_blank" class="tag">Cloud9 IDE </a><a href="http://www.lighttable.com/" data-des="该IDE基于一个简单的理念：代码需要在一个积极的环境中编写，并能够显示它正在做什么，以及如何探索和编辑它。在Light Table中，代码是活的，你可以看到你所创建的内容正在做什么。" data-index="106" target="_blank" class="tag">Light Table </a><a href="http://www.dcloud.io/" data-des="号称国内编写代码最快的前端编辑器， 懒人程序猿不能 错过" data-index="114" target="_blank" class="tag">HBuilder </a><a href="http://docs.emmet.io/" data-des="前身是前端开发人员熟知的Zen Coding，一种提供快速编写HTML/CSS代码的方法。和一般的编辑器中使用的“代码片段”概念不同，Emmet使用动态的类似CSS表达式的语法来生成代码，这意味着你不需要自己去编辑并创建固定的代码片段，大大的提高了代码编写效率。" data-index="16" target="_blank" class="tag">Emmet </a><a href="http://www.jetbrains.com/webstorm/" data-des="WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。" data-index="72" target="_blank" class="tag">WebStorm </a><a href="http://codepad.org/" data-des="codepad 是一款在线编译/解释工具，支持 C,C++,PHP,Perl,Python和Ruby等众多语言。" data-index="10" target="_blank" class="tag">codepad </a><a href="http://jsdo.it/" data-des="jsdo.it 让开发者可以在线编写 JavaScript、HTML5和CSS3代码，能够在社区中相互分享代码。" data-index="34" target="_blank" class="tag">jsdo.it </a><a href="http://www.sublimetext.com/2" data-des="新兴编辑器，小而全" data-index="63" target="_blank" class="tag">Sublime Text 2 </a><a href="http://www.vim.org/" data-des="编辑神器" data-index="67" target="_blank" class="tag">vim </a><a href="http://www.microsoft.com/visualstudio/eng/visual-studio-update" data-des="微软的强大的编辑器，功能之全" data-index="68" target="_blank" class="tag">Visual Studio </a><a href="http://www.aptana.com/" data-des="全面的编辑器" data-index="2" target="_blank" class="tag">Aptana </a><a href="https://github.com/adobe/brackets/" data-des="Brackets 是 Adobe 的开源 HTML、CSS 和 JavaScript 集成开发环境。Brackets 提供 Windows 和 OS X 平台支持。" data-index="0" target="_blank" class="tag">Adobe Brackets </a></div></div><div id="调试" class="list-con"><div class="page-header"><h1>调试</h1></div><div class="tags-list"><a href="http://ideone.com/" data-des="Ideone 是另外一款在线编译和调试工具，支持超过40种编程语言。" data-index="27" target="_blank" class="tag">ideone </a><a href="http://people.apache.org/~pmuellr/weinre/docs/latest/" data-des="移动端远程调试工具，在移动端网页真机测试时，是Chrome/Safari开发者工具的有效补充。" data-index="89" target="_blank" class="tag">Weinre </a><a href="http://jsdo.it/" data-des="jsdo.it 让开发者可以在线编写 JavaScript、HTML5和CSS3代码，能够在社区中相互分享代码。" data-index="34" target="_blank" class="tag">jsdo.it </a><a href="http://cssdesk.com/" data-des="cssdesk 是一个在线调试 CSS 代码的工具。" data-index="13" target="_blank" class="tag">cssdesk </a><a href="http://codepad.org/" data-des="codepad 是一款在线编译/解释工具，支持 C,C++,PHP,Perl,Python和Ruby等众多语言。" data-index="10" target="_blank" class="tag">codepad </a><a href="http://www.httpwatch.com/" data-des="集成在IE和Firefox上的监听HTTP和HTTPS的工具" data-index="26" target="_blank" class="tag">httpwatch </a><a href="http://jsbin.com/" data-des="JS Bin 是另外一款简洁的在线代码调试工具，能够选择 jQuery、YUI、Dojo、Mootools 和 Backbone等。" data-index="32" target="_blank" class="tag">JS Bin </a><a href="http://getfirebug.com/" data-des="没有谁不知道的web开发调试工具" data-index="20" target="_blank" class="tag">Firebug </a><a href="http://msdn.microsoft.com/en-us/expression/" data-des="这是为微软自己发布的跨浏览器测试工具，您可以同时查看您的网页在多个浏览器的呈现情况，对页面排版进行直观的比较。" data-index="64" target="_blank" class="tag">Superpreview </a><a href="http://www.microsoft.com/en-us/download/details.aspx?id=18359" data-des="IE低版本浏览器的调试工具" data-index="28" target="_blank" class="tag">IE Developer Toolbar </a><a href="http://www.my-debugbar.com/wiki/IETester/HomePage" data-des="IETester是一个免费的浏览器，它同时包括了IE 5.5、IE 6、IE 7、IE 8的所有内核，多版本IE测试好工具,DIV测试,CSS兼容和各个版本浏览器兼容检测工具" data-index="29" target="_blank" class="tag">IE Teste </a><a href="http://spoon.net/browsers/" data-des="点击你需要测试的浏览器环境，安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常" data-index="62" target="_blank" class="tag">Spoon Browser Sandbox </a><a href="http://www.fiddler2.com/" data-des="强大的HTTP调试工具" data-index="19" target="_blank" class="tag">Fiddler </a><a href="https://addons.mozilla.org/en-US/firefox/addon/7408" data-des="Firefox上的一个附加组件，当HOST文件改变时可以很快地更新页面而不需要重启浏览器" data-index="14" target="_blank" class="tag">DNS Flusher </a><a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" data-des="IE下的js调试工具，需要结合Microsoft Script Debugger使用，通过安装这个工具，但页面出现错误时会在左上角弹出一个小错误提示，点击会在IE下面显示出一个错误控制台，就如FF下的firebug控制台一样，错误信息提示很详细" data-index="12" target="_blank" class="tag">Companion JS </a><a href="http://browsershots.org/" data-des="BrowserShots 是一款免费的跨浏览器测试工具，捕捉网站在不同浏览器中的截图。这是最有名，也是最古老的浏览器兼容性测试工具。" data-index="6" target="_blank" class="tag">BrowserShots </a><a href="http://html.adobe.com/edge/inspect/" data-des="Edge Inspect 是一款对移动开发者非常有用的工具，其前身是 Adobe Shadow，用于帮助设计师和开发者同时在多个移动设备上预览应用设计，发现和解决跨平台问题。" data-index="1" target="_blank" class="tag">Adobe Edge Inspect </a></div></div><div id="跨平台" class="list-con"><div class="page-header"><h1>跨平台</h1></div><div class="tags-list"><a href="http://phonegap.com/" data-des="免费开源的开发框架，让Web开发人员能够使用熟悉的HTML，CSS和JavaScript构建跨平台的移动本地应用。" data-index="51" target="_blank" class="tag">PhoneGap </a></div></div><div id="配色" class="list-con"><div class="page-header"><h1>配色</h1></div><div class="tags-list"><a href="http://nipponcolors.com/" data-des="配色工具，非常小清新" data-index="103" target="_blank" class="tag">NIPPON COLORS </a></div></div></div><div class="footer"><div class="container"><p> 感谢各种开源项目, 一个程序猿的生活因为你们更美好！</p><p> 如果你觉得对你有用，可以访问<a href="http://guaidongdong.com?f=123jserus" target="_blank" title="女朋友的店">怪东东的店 </a></p><p> 共收录工具及链接 <span class="totalCount">115 个</span></p><p> 最后更新于 2015-12-11 04:12:48, 更新数量1</p></div></div><script src="http://libs.baidu.com/jquery/1.8.0/jquery.js"></script><script src="http://libs.baidu.com/bootstrap/2.3.2/js/bootstrap.min.js"></script><script type="text/javascript" src="app-min.js"></script><script type="text/javascript">(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'hm.baidu.com/h.js?73cf2d97668510747e3153441714c59d';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script></body></html>