日期：2012-10-15  来源：GBin1.com 如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。 使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。 在这个两个部分的文章中，我们将介绍一些非常实用的javascript和jQuery类库，帮助你解决你经常遇到的问题。你可能知道一些，但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。 这里我们继续超全超实用的Javascript类库和jQuery插件大全之一系列。这是第二部分，包含如下内容： 文字处理: syntax highlighter – URI.js – jQuery URL parser – cutting paragraphs – text truncation – TOC generator –FAQ generator – sorting text by relevancy. 表格和列表处理: table styling – searchable/sortable lists – visual search – nested sortable lists – large data sets – CSV to table conversion (or Csonv.js) – Excel-like tables – advanced tables 实用的javascript开发工具: Yeoman – command line for JS – image placeholder – percentage loader – URL parser – URI normalization –touch events – multi-touch gestures – Markdown Embedding – accessibility enhancement – templating engine– filepicker – extensible regex – client-side caching 文字处理 Prism 一个轻量级并且可扩展的语法高亮类库。不需要指定的class或者标签，你可以使用标准的标签。Prism支持web workers。所有的样式都是由CSS来处理生成，比较敏感的class名称包括，.comment，.string，.property等等。压缩版1.5kb TOC jQuery Plugin: Generate Tables Of Contents 这个类库可以帮助你针对页面生成一个内容表格，支持自定义并且当前内容可以高亮显示。轻量级，可以在页面上使用多次，包含了一个页面内容平滑滚动功能。类似的插件有：Tocify jQuery plugin MagicNav: Generates Links for The FAQ 如果你希望创建一个快速FAQ导航，你可以使用这个jQuery插件，能够动态的生成内容的导航链接 Cutter.js 这个类库解决了内容剪裁问题，可能你有内容长度的限制，而且你不希望修改标签。它帮助你简单的剪裁内容到需要的长度，而且允许你查看完整的内容。 Trunk8 这是个文字剪裁jQuery类库，帮助你剪裁合适的文字来适应页面内容。和传统的剪裁不一样，它不指定文字长度来剪裁而是自动剪裁合适的文字长度来适应给定的空间。 Relevancy.js 这个类库允许你基于数组项目的相关性来排序。这个脚本尝试基于部分内容来匹配，当然目前来说这个方式还没有非常成功的实现。它需要你提供一个字符串来匹配内容进行排序。 表格和列表处理 Handsontables: Excel-Like Tables For The Web 这个超棒的jQuery类库帮助你自动的扩展和自动补齐来添加行和列内容。同时包含了图例，滚动，上下文菜单，条件格式化和其它特性。你可以设置监控表格变化。所有的数据都可以被拷贝到excel，google spreadsheet和libreoffice。 List.js 一个跨浏览器的本地js类库将HTML列表转变成灵活的可编辑内容。是的你的列表更加容易搜索和排序。一个模板驱动的概念使得你更加简单的编辑和添加内容 Create Nested Sortable Lists With jQuery 这个插件帮助你创建一个可排序的列表，你的用户可以拖拽列表中的项目到任何选择的配置。你可以设置各种属性，例如最大的镶套数量层次，设置自定义的方法（包括层次，数组和序列化）。类似插件还有 HTML5 Sortable ，一个HTML5实现的类似功能 Pivot.js 使用pivot你可以轻松的处理大量数据。这个类库帮助你创建自定义的表格视图。pivot表格工具结果（例如，排序，计算，总计，平均数）可以来自输入数据(JSON或者CSV)并被显示为HTML表格 Crossfilter 一个js类库支持在浏览器中查询大量的多变量数据集。 jQuery CSV to Table 这个类库从CSV文件中或者tab分隔文件TSV中读取数据并且生成HTML table Csonv.js 一个小巧的类库用来获取CSV数据。使用中，每一个文件代表一个实体，类库可以镶套数据，就好像在数据库中使用SQL join一样。 DataTables jQuery Plug-in 这个类库可以显示不同来源的数据，例如，DOM，数组，或者服务器端JSON格式文件。提供了分页，过滤和多列排序功能。很多免费的功能都通过插件来实现，例如，行分组，列过滤，列改变大小。这个类库最小68kb，gzip后20kb。开源并且基于GPL和BSD。 实用的javascript开发工具 Yeoman 一套类库和工具帮助你处理新的项目，自动编译coffeescript和Compass，基于jshint来运行你的脚本以便测试正确的语言覆盖并且优化你的图片。有效的利用了NodeJS，Compass和PhantomJS等插件，要求安装Node 0.8.x Grunt.js: Task-Based Command Line Tool Grunt是一个基于任务的javascript命令行编译工具。拥有大量的预定义的任务：文件关联，项目管理，JSHint语法验证，UglifyJS压缩，qUnit单元测试，服务器启动，运行单元测试等 Holder.js 一个客户端的图片占位类库，帮助你处理生成浏览器中的占位内容。支持在线和离线，提供了一个链状的API。你可以使用在不同区域不同的主题。因为它使用你的设置扩展了 缺省的设置，你只需要包含哪些你需要修改的配置即可 PxLoader 一个javascript类库帮助你在执行一定操作前更简单的下载图片，声音文件或者其它文件。这个脚本允许你设置一个HTML5游戏或者网站的preloader。你可以监控下载状态甚至设定优先级。 Percentage Loader 这个超棒的进度条我们在分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader 中介绍过这个超棒的类库，允许你生成漂亮的进度条样式。 Resumable.js 这个类库设计用来处理大文件的HTTP上传容错机制。提供了多个，同时，可续传的HTML文件API，这意味着丢失连接后不需要一个完整的重新上传。用户可以不担心丢失来管理上传。当然，需要浏览器支持HTML5 File API，所有只有Firefox4+和Chrome11+可以使用。 History.js 这个类库优雅的在浏览器中支持HTML5 history/State API（pushState，replaceState，onPopState）。包括了而支持数据，标题，replaceState。支持jQuery，Mootools和Prototype。你可以修改URL，不需要使用hashes。 Jurlp 一个jQuery的URL的插件用来解析，处理，过滤和监控URL中的href和src属性，也可以从URL创建锚定元素 。 URI.js 如果处理URL，你可以使用这个类库。提供了jQuery样式的API。提供简单，强大的方式来处理查询字符串，拥有很多URI相关的功能方法，可以转化相对和绝对路径。 Touchy.js 一个处理触摸事件的类库，没有任何类库依赖。可以很方便的帮助你处理触摸事件。类似类库： Hammer.js gridster.js 这个超酷的类库在 jQuery插件：超酷的多列网格式拖放插件gridster.js文章中我们曾经介绍过，另外一个款非常不错的拖拽jQuery插件。 Freetile Freetile也是一款非常酷的帮助你生成响应式动态布局的插件 Strapdown.js 这个工具帮助你嵌入一个编辑器到你的页面。不需要任何服务器端支持。跨浏览器并且拥有Github风格的语法高亮。 accessifyhtml5.js 一个HTML5的 polyfill 。很多现代浏览器都支持HTML的新的元素。但是缺乏ARIA访问属性。这个脚本帮助添加这些属性到你的网站。 jQuery++ 一个jQuery的扩展类库，添加了很多事件和特性。 参考：jQuery的实用特性扩展类库：jQuery++ Hogan.js Twitter的模板引擎，允许针对vanilla javascript来你预编译你的模板。这个引擎使用Mustache测试套件来开发 Zepto.js 超棒的轻量级的javascript类库，拥有类似jQuery的语法。更多信息请查看： 了解轻量级的移动开发Javascript类库- Zepto.js CSSrefresh 自动刷新CSS文件的工具，参考： 分享2个帮助你自动刷新CSS文件的工具 Has.js 帮助你查找所使用类库参考及其关联的javascript类库，纯javascript实现 Filepicker.io 一个高级的文件上传解决方案，并且可以和facebook，dropbox等整合 XRegExp 一个开源的MIT license的js类库。提供了可扩展的正则表达式。提供了跟多新的语法，标示和方法。类似类库：Matches.js FrameWarp 这个类库帮助你使用CSS过渡效果来展示页面。拥有一个辅助方法来比较iframe中的URL和地址栏中的URL。如果匹配则访问iframe中的DOM，并且添加APU方法，一个隐藏，另一个发送消息到父窗口。 Filer.js 基于HTML5的File system API的封转类库。重用了类似UNIX的命令，是的HTML5更加容易使用。可能你对另外一个类库DownloadBuilder.js也有兴趣。提供了本地文件合并及其用户session存储来缓存JSONP/AJAX请求 Client Side Caching For JavaScript 服务器端缓存对于响应速度非常有益处。但是有时候可能希望在客户端执行缓存。 这个类库使用HTML5的本地存储来缓存内容。拥有类似memcache的API。不依赖其它类库。如果浏览器不支持本地存储的话，这个类库可以自动适应。IE6/7用户不会遇到任何js错误。 最后两个好东西 ReView.js 我们曾经介绍过的review.js，超棒的javascript响应式视图（viewport）切换工具类库，帮助你更好的控制和管理响应式视图。 A Hotline For All Your JavaScript Problems 在线帮助你处理javascript问题的网站，当然，使用英文！ via smashingmagazine   来源：超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用的javascript开发工具 日期：2012-10-8  来源：GBin1.com 如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。 使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。 在这个两个部分的文章中，我们将介绍一些非常实用的javascript和jQuery类库，帮助你解决你经常遇到的问题。你可能知道一些，但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。 因为文章篇幅的原因，这里我们分为几个部分： web表单 web印刷排版 实用类库 地图和图片 快速了解： 下面你将看到一个简单的类库列表介绍，每个类库连接到了对应的网站，能够帮助你快速的找到需要的类库工具。 web表单： forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity web印刷排版： repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js 实用类库： exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon) 图片，地图和图形： world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization Web表单和输入验证 Select2 jQuery插件 一个用来替换和增强<select>的jQuery插件。这个插件支持搜索，远程数据集合无限滚动。用户可以通过输入来查找他们需要查找的内容。非匹配的内容将会被移除，选择项可以通过鼠标单击和回车来选取。这个插件可以支持标准的selectbox和多选selectbox及其optgroup。同时也支持selected，disabled和缺省文字（HTML5的placeholder属性）。这个插件基于Chosen，另外一个支持jQuery，Mootools和Prototype及其Drupal 7模块的类库解决方案。 jQueryCoreUISelect 另外一个通过jQuery和CSS来跨浏览器增强<select>元素的类库。要求jQuery1.6+。提供了完整的自定义，支持optiongroup，自动计算，键盘支持，callback方法兼容移动设备。 Sisyphus.js 这个类库在GBin1以前的文章中我们曾经详细介绍过。一个类库Gmail的自动保存脚本。将表单数据保存到HTML5本地存储，并且在页面重加载后将内容恢复。当用户递交内容后，清除本地存储内容。 jQuery Credit Card Validator 这个类库监听输入事件（使用keyup事件作为fallback），当每次一个数值输入，调用验证方法。当信用卡可以识别，类型将自动高亮。如果信用卡数字正确，显示一个绿色的正确标记。支持美国快递，Diners club，Discover Card，JCB，Laser，MasterCard，Visa和visa Electron。 你也可以考虑credit cards JavaScript validator和Smart Validate Credit Card Validation plugin。 TextExt 这个类库在GBin1文章也专题介绍过。允许你将HTML文字转化为输入字段，能够帮助你生成标签，支持AJAX和Focus。 Avgrund: Better Modal Boxes 一个jQuery的插件帮助你显示页面和弹出内容框。最早脚本由Hakim El Hattab开发，使用CSS变化和过渡，插件可以针对老版本浏览器兼容。MIT licensed。 VisualSearch.js 这个插件帮助你提高搜索体验，提供了自动补齐功能。你可以指定补齐长度，及其完整的数值。你得到的搜索查询是一个结构化的对象，所以不需要你自己解析。 Ideal Forms Framework 一个非常好用的用来创建和验证响应式HTML5表单的jQuery插件。提供了键盘支持，自定义输入类型。验证，本地化和HTML5的placeholder。支持IE8+，Chrome，FF，Opera，iOS5+，Android4.0+。 Mailcheck 一个javascript的拼写验证，一旦遇到错误能够提示其他的域名。帮助你有效的减少输入错误。你可以自己自定义需要的域名。 Validate.js 一个轻量级的javascript验证类库。你可以使用一套规则或者自定义信息来验证表单信息，整个类库没有任何的依赖，你可以定义自己的callback方法。支持所有主流浏览器（支持IE6） jQuery File Upload 支持多文件选择，拖拽，及其进度条和图片预览。支持跨域，分块和续传，及其客户端图片修改大小。支持所有的服务端平台（PHP，Python，Ruby，java，Node.js等等） Grumble.js 这个jQuery插件提供了多方向的工具条提示。可以针对指定的元素使用CSS旋转一定角度，或者360度。支持IE6+和现代浏览器。 同时你可以看看Tipped，另外一个稍大一点的工具提示类库，拥有可扩展的API Dialogs for Twitter Bootstrap 一个非常小的javascript类库，允许你使用twitter的bootstrap来创建对话框，不用担心创建，管理和删除需要的DOM元素和JS事件处理。 或者你可以看看Date Range Picket for Bootstrap还有一个发展中的类库：HTML Snippets for Twitter Bootstrap. ddSlick 一个免费的轻量级的jQuery插件帮助你创建一个自定义的下拉菜单，可以包含一般文本及其图片，描述。支持选择的callback方法。当然你也可以使用CSS3 Drop-Downs noty 这个jQuery插件式帮助你更简便的创建alert，success，error，warning，信息及其确认提示。 可以设置到页面的任何位置，你可以快速的自定义文本，动画，速度和按钮 jQuery.complexify.js 这个插件在以前的文章超棒的jQuery密码强度检验插件- Complexify中有详细介绍。帮助你生成具有强度验证的密码。 Numberfy 使用这个类库你可以整合本地行号支持到你的textarea中。当在文本框中按任何一个按键，当前的数值将会分行。这个插件因为textwrap的bug所以不支持IE。 FormAccordion jQuery插件帮助你简单的有条件隐藏和限制表单字段 jQuery.superLabels 你可以使用这个类库来生成一个滑动淡出式标签。这个实现能够帮助你在变化焦点的时候滑动显示，并且输入内容的时候淡出。而且提供了一个fallback方法。 cryptico 一个使用RSA和AES加密的javascript系统 via smashingmagazine   来源：超全超实用的Javascript类库和jQuery插件大全之一：Web表单和输入验证

日期：2012-10-15  来源：GBin1.com 如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。 使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。 在这个两个部分的文章中，我们将介绍一些非常实用的javascript和jQuery类库，帮助你解决你经常遇到的问题。你可能知道一些，但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。 这里我们继续超全超实用的Javascript类库和jQuery插件大全之一系列。这是第二部分，包含如下内容： 文字处理: syntax highlighter – URI.js – jQuery URL parser – cutting paragraphs – text truncation – TOC generator –FAQ generator – sorting text by relevancy. 表格和列表处理: table styling – searchable/sortable lists – visual search – nested sortable lists – large data sets – CSV to table conversion (or Csonv.js) – Excel-like tables – advanced tables 实用的javascript开发工具: Yeoman – command line for JS – image placeholder – percentage loader – URL parser – URI normalization –touch events – multi-touch gestures – Markdown Embedding – accessibility enhancement – templating engine– filepicker – extensible regex – client-side caching 文字处理 Prism 一个轻量级并且可扩展的语法高亮类库。不需要指定的class或者标签，你可以使用标准的标签。Prism支持web workers。所有的样式都是由CSS来处理生成，比较敏感的class名称包括，.comment，.string，.property等等。压缩版1.5kb TOC jQuery Plugin: Generate Tables Of Contents 这个类库可以帮助你针对页面生成一个内容表格，支持自定义并且当前内容可以高亮显示。轻量级，可以在页面上使用多次，包含了一个页面内容平滑滚动功能。类似的插件有：Tocify jQuery plugin MagicNav: Generates Links for The FAQ 如果你希望创建一个快速FAQ导航，你可以使用这个jQuery插件，能够动态的生成内容的导航链接 Cutter.js 这个类库解决了内容剪裁问题，可能你有内容长度的限制，而且你不希望修改标签。它帮助你简单的剪裁内容到需要的长度，而且允许你查看完整的内容。 Trunk8 这是个文字剪裁jQuery类库，帮助你剪裁合适的文字来适应页面内容。和传统的剪裁不一样，它不指定文字长度来剪裁而是自动剪裁合适的文字长度来适应给定的空间。 Relevancy.js 这个类库允许你基于数组项目的相关性来排序。这个脚本尝试基于部分内容来匹配，当然目前来说这个方式还没有非常成功的实现。它需要你提供一个字符串来匹配内容进行排序。 表格和列表处理 Handsontables: Excel-Like Tables For The Web 这个超棒的jQuery类库帮助你自动的扩展和自动补齐来添加行和列内容。同时包含了图例，滚动，上下文菜单，条件格式化和其它特性。你可以设置监控表格变化。所有的数据都可以被拷贝到excel，google spreadsheet和libreoffice。 List.js 一个跨浏览器的本地js类库将HTML列表转变成灵活的可编辑内容。是的你的列表更加容易搜索和排序。一个模板驱动的概念使得你更加简单的编辑和添加内容 Create Nested Sortable Lists With jQuery 这个插件帮助你创建一个可排序的列表，你的用户可以拖拽列表中的项目到任何选择的配置。你可以设置各种属性，例如最大的镶套数量层次，设置自定义的方法（包括层次，数组和序列化）。类似插件还有 HTML5 Sortable ，一个HTML5实现的类似功能 Pivot.js 使用pivot你可以轻松的处理大量数据。这个类库帮助你创建自定义的表格视图。pivot表格工具结果（例如，排序，计算，总计，平均数）可以来自输入数据(JSON或者CSV)并被显示为HTML表格 Crossfilter 一个js类库支持在浏览器中查询大量的多变量数据集。 jQuery CSV to Table 这个类库从CSV文件中或者tab分隔文件TSV中读取数据并且生成HTML table Csonv.js 一个小巧的类库用来获取CSV数据。使用中，每一个文件代表一个实体，类库可以镶套数据，就好像在数据库中使用SQL join一样。 DataTables jQuery Plug-in 这个类库可以显示不同来源的数据，例如，DOM，数组，或者服务器端JSON格式文件。提供了分页，过滤和多列排序功能。很多免费的功能都通过插件来实现，例如，行分组，列过滤，列改变大小。这个类库最小68kb，gzip后20kb。开源并且基于GPL和BSD。 实用的javascript开发工具 Yeoman 一套类库和工具帮助你处理新的项目，自动编译coffeescript和Compass，基于jshint来运行你的脚本以便测试正确的语言覆盖并且优化你的图片。有效的利用了NodeJS，Compass和PhantomJS等插件，要求安装Node 0.8.x Grunt.js: Task-Based Command Line Tool Grunt是一个基于任务的javascript命令行编译工具。拥有大量的预定义的任务：文件关联，项目管理，JSHint语法验证，UglifyJS压缩，qUnit单元测试，服务器启动，运行单元测试等 Holder.js 一个客户端的图片占位类库，帮助你处理生成浏览器中的占位内容。支持在线和离线，提供了一个链状的API。你可以使用在不同区域不同的主题。因为它使用你的设置扩展了 缺省的设置，你只需要包含哪些你需要修改的配置即可 PxLoader 一个javascript类库帮助你在执行一定操作前更简单的下载图片，声音文件或者其它文件。这个脚本允许你设置一个HTML5游戏或者网站的preloader。你可以监控下载状态甚至设定优先级。 Percentage Loader 这个超棒的进度条我们在分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader 中介绍过这个超棒的类库，允许你生成漂亮的进度条样式。 Resumable.js 这个类库设计用来处理大文件的HTTP上传容错机制。提供了多个，同时，可续传的HTML文件API，这意味着丢失连接后不需要一个完整的重新上传。用户可以不担心丢失来管理上传。当然，需要浏览器支持HTML5 File API，所有只有Firefox4+和Chrome11+可以使用。 History.js 这个类库优雅的在浏览器中支持HTML5 history/State API（pushState，replaceState，onPopState）。包括了而支持数据，标题，replaceState。支持jQuery，Mootools和Prototype。你可以修改URL，不需要使用hashes。 Jurlp 一个jQuery的URL的插件用来解析，处理，过滤和监控URL中的href和src属性，也可以从URL创建锚定元素 。 URI.js 如果处理URL，你可以使用这个类库。提供了jQuery样式的API。提供简单，强大的方式来处理查询字符串，拥有很多URI相关的功能方法，可以转化相对和绝对路径。 Touchy.js 一个处理触摸事件的类库，没有任何类库依赖。可以很方便的帮助你处理触摸事件。类似类库： Hammer.js gridster.js 这个超酷的类库在 jQuery插件：超酷的多列网格式拖放插件gridster.js文章中我们曾经介绍过，另外一个款非常不错的拖拽jQuery插件。 Freetile Freetile也是一款非常酷的帮助你生成响应式动态布局的插件 Strapdown.js 这个工具帮助你嵌入一个编辑器到你的页面。不需要任何服务器端支持。跨浏览器并且拥有Github风格的语法高亮。 accessifyhtml5.js 一个HTML5的 polyfill 。很多现代浏览器都支持HTML的新的元素。但是缺乏ARIA访问属性。这个脚本帮助添加这些属性到你的网站。 jQuery++ 一个jQuery的扩展类库，添加了很多事件和特性。 参考：jQuery的实用特性扩展类库：jQuery++ Hogan.js Twitter的模板引擎，允许针对vanilla javascript来你预编译你的模板。这个引擎使用Mustache测试套件来开发 Zepto.js 超棒的轻量级的javascript类库，拥有类似jQuery的语法。更多信息请查看： 了解轻量级的移动开发Javascript类库- Zepto.js CSSrefresh 自动刷新CSS文件的工具，参考： 分享2个帮助你自动刷新CSS文件的工具 Has.js 帮助你查找所使用类库参考及其关联的javascript类库，纯javascript实现 Filepicker.io 一个高级的文件上传解决方案，并且可以和facebook，dropbox等整合 XRegExp 一个开源的MIT license的js类库。提供了可扩展的正则表达式。提供了跟多新的语法，标示和方法。类似类库：Matches.js FrameWarp 这个类库帮助你使用CSS过渡效果来展示页面。拥有一个辅助方法来比较iframe中的URL和地址栏中的URL。如果匹配则访问iframe中的DOM，并且添加APU方法，一个隐藏，另一个发送消息到父窗口。 Filer.js 基于HTML5的File system API的封转类库。重用了类似UNIX的命令，是的HTML5更加容易使用。可能你对另外一个类库DownloadBuilder.js也有兴趣。提供了本地文件合并及其用户session存储来缓存JSONP/AJAX请求 Client Side Caching For JavaScript 服务器端缓存对于响应速度非常有益处。但是有时候可能希望在客户端执行缓存。 这个类库使用HTML5的本地存储来缓存内容。拥有类似memcache的API。不依赖其它类库。如果浏览器不支持本地存储的话，这个类库可以自动适应。IE6/7用户不会遇到任何js错误。 最后两个好东西 ReView.js 我们曾经介绍过的review.js，超棒的javascript响应式视图（viewport）切换工具类库，帮助你更好的控制和管理响应式视图。 A Hotline For All Your JavaScript Problems 在线帮助你处理javascript问题的网站，当然，使用英文！ via smashingmagazine   来源：超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用的javascript开发工具 日期：2012-10-8  来源：GBin1.com 如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。 使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。 在这个两个部分的文章中，我们将介绍一些非常实用的javascript和jQuery类库，帮助你解决你经常遇到的问题。你可能知道一些，但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。 因为文章篇幅的原因，这里我们分为几个部分： web表单 web印刷排版 实用类库 地图和图片 快速了解： 下面你将看到一个简单的类库列表介绍，每个类库连接到了对应的网站，能够帮助你快速的找到需要的类库工具。 web表单： forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity web印刷排版： repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js 实用类库： exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon) 图片，地图和图形： world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization Web表单和输入验证 Select2 jQuery插件 一个用来替换和增强<select>的jQuery插件。这个插件支持搜索，远程数据集合无限滚动。用户可以通过输入来查找他们需要查找的内容。非匹配的内容将会被移除，选择项可以通过鼠标单击和回车来选取。这个插件可以支持标准的selectbox和多选selectbox及其optgroup。同时也支持selected，disabled和缺省文字（HTML5的placeholder属性）。这个插件基于Chosen，另外一个支持jQuery，Mootools和Prototype及其Drupal 7模块的类库解决方案。 jQueryCoreUISelect 另外一个通过jQuery和CSS来跨浏览器增强<select>元素的类库。要求jQuery1.6+。提供了完整的自定义，支持optiongroup，自动计算，键盘支持，callback方法兼容移动设备。 Sisyphus.js 这个类库在GBin1以前的文章中我们曾经详细介绍过。一个类库Gmail的自动保存脚本。将表单数据保存到HTML5本地存储，并且在页面重加载后将内容恢复。当用户递交内容后，清除本地存储内容。 jQuery Credit Card Validator 这个类库监听输入事件（使用keyup事件作为fallback），当每次一个数值输入，调用验证方法。当信用卡可以识别，类型将自动高亮。如果信用卡数字正确，显示一个绿色的正确标记。支持美国快递，Diners club，Discover Card，JCB，Laser，MasterCard，Visa和visa Electron。 你也可以考虑credit cards JavaScript validator和Smart Validate Credit Card Validation plugin。 TextExt 这个类库在GBin1文章也专题介绍过。允许你将HTML文字转化为输入字段，能够帮助你生成标签，支持AJAX和Focus。 Avgrund: Better Modal Boxes 一个jQuery的插件帮助你显示页面和弹出内容框。最早脚本由Hakim El Hattab开发，使用CSS变化和过渡，插件可以针对老版本浏览器兼容。MIT licensed。 VisualSearch.js 这个插件帮助你提高搜索体验，提供了自动补齐功能。你可以指定补齐长度，及其完整的数值。你得到的搜索查询是一个结构化的对象，所以不需要你自己解析。 Ideal Forms Framework 一个非常好用的用来创建和验证响应式HTML5表单的jQuery插件。提供了键盘支持，自定义输入类型。验证，本地化和HTML5的placeholder。支持IE8+，Chrome，FF，Opera，iOS5+，Android4.0+。 Mailcheck 一个javascript的拼写验证，一旦遇到错误能够提示其他的域名。帮助你有效的减少输入错误。你可以自己自定义需要的域名。 Validate.js 一个轻量级的javascript验证类库。你可以使用一套规则或者自定义信息来验证表单信息，整个类库没有任何的依赖，你可以定义自己的callback方法。支持所有主流浏览器（支持IE6） jQuery File Upload 支持多文件选择，拖拽，及其进度条和图片预览。支持跨域，分块和续传，及其客户端图片修改大小。支持所有的服务端平台（PHP，Python，Ruby，java，Node.js等等） Grumble.js 这个jQuery插件提供了多方向的工具条提示。可以针对指定的元素使用CSS旋转一定角度，或者360度。支持IE6+和现代浏览器。 同时你可以看看Tipped，另外一个稍大一点的工具提示类库，拥有可扩展的API Dialogs for Twitter Bootstrap 一个非常小的javascript类库，允许你使用twitter的bootstrap来创建对话框，不用担心创建，管理和删除需要的DOM元素和JS事件处理。 或者你可以看看Date Range Picket for Bootstrap还有一个发展中的类库：HTML Snippets for Twitter Bootstrap. ddSlick 一个免费的轻量级的jQuery插件帮助你创建一个自定义的下拉菜单，可以包含一般文本及其图片，描述。支持选择的callback方法。当然你也可以使用CSS3 Drop-Downs noty 这个jQuery插件式帮助你更简便的创建alert，success，error，warning，信息及其确认提示。 可以设置到页面的任何位置，你可以快速的自定义文本，动画，速度和按钮 jQuery.complexify.js 这个插件在以前的文章超棒的jQuery密码强度检验插件- Complexify中有详细介绍。帮助你生成具有强度验证的密码。 Numberfy 使用这个类库你可以整合本地行号支持到你的textarea中。当在文本框中按任何一个按键，当前的数值将会分行。这个插件因为textwrap的bug所以不支持IE。 FormAccordion jQuery插件帮助你简单的有条件隐藏和限制表单字段 jQuery.superLabels 你可以使用这个类库来生成一个滑动淡出式标签。这个实现能够帮助你在变化焦点的时候滑动显示，并且输入内容的时候淡出。而且提供了一个fallback方法。 cryptico 一个使用RSA和AES加密的javascript系统 via smashingmagazine   来源：超全超实用的Javascript类库和jQuery插件大全之一：Web表单和输入验证

前端开发全面知识库，包括HTML5，CSS3和js的基本框架知识，以及DOM和BOM操作的基础知识和一些基本工具和IDE。学习本篇，你将了解到以下知识。 核心 Core HTML5 W3C http://www.w3school.com.cn/html5/W3C https://www.w3.org/html/ig/zh/wiki/HTML5菜鸟教程 http://www.runoob.com/html/html5-intro.htmlHTML5中文门户 http://www.html5cn.org/ CSS3 W3C CSS教程 http://www.w3school.com.cn/css/index.aspW3C CSS3教程 http://www.w3school.com.cn/css3/index.asp菜鸟教程CSS教程 http://www.runoob.com/css/css-tutorial.html菜鸟教程CSS3教程 http://www.runoob.com/css3/css3-tutorial.htmlCSS参考手册 http://css.doyoe.com/ JS W3C http://www.w3school.com.cn/js/菜鸟教程 http://www.runoob.com/js/js-tutorial.html廖雪峰js教程 http://www.liaoxuefeng.comjs标准参考教程-阮一峰http://javascript.ruanyifeng.com/ jQuery W3C http://www.w3school.com.cn/jquery/菜鸟教程 http://www.runoob.com/jquery/jquery-tutorial.html极客学院 http://wiki.jikexueyuan.com/project/jquery-tutorial/廖雪峰 http://www.liaoxuefeng.com/wiki/参考手册 http://www.css88.com/jqapi-1.9/参考手册 http://www.runoob.com/manual/jquery/ ES6 阮一峰ES6 http://es6.ruanyifeng.com/极客学院 http://wiki.jikexueyuan.com/project/es6/JavaScript 标准参考　阮一峰http://javascript.ruanyifeng.com/advanced/ecmascript6.html 插件 parallel.js: 前后端通用的一个并行库zepto: 用于现代浏览器的兼容 jQuery 的库totoro: 稳定的跨浏览器测试工具TheaterJS: 一个用于模拟人输入状态的 JS 库stellar.js: 前端用于实现异步滚动效果的库，现已不再维护skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序regulex: 用于生成 正则表达式 的可视化流程图markdown-it: 新型 Markdown 解析器，快速，支持插件multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Docscreenfull.js: 全屏插件，支持各大浏览器lunr.js: 类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用jquery.hotkeys: jQuery 插件，用于绑定热键breach_core: Javascript 编写的 Browser (浏览器)octocard: 用于生成 Github 信息卡片的库github-cards: 用于生成 Github 信息卡片的库money.js: 轻量级货币转换库，web 和 node 皆可用accounting.js: 轻量级的数字、货币转换库javascript-algorithms: Javascript 实现的各种算法集合lazy.js: 类似于 underscore, 但是会延迟执行，某些场景下，性能会有很大的提升seajs: 前端模块加载器，解决模块化、依赖等问题jQuery-One-Page-Nav: 单页应用中一个用于处理导航栏的库js.js: Javascript 实现的 javascript JITjquery-ui: jQuery 团队开发的 UI 相关的前端库，功能强大todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库localForage: Mozilla 出品，用于离线存储，基于IndexedDB, WebSQL 或者 localStorage, 提供一致的接口EventEmitter: 浏览器版的 EventEmitterjquery.serializeJSON: jQuery 插件，用于将 form 表单序列化成 JSON 数据knockout: 前端 MVVM 框架，用于开发富前端应用mermaid: 可以根据文本生成流程图，类似于 Markdown 的语法js-sequence-diagrams: 另一款可以根据文本生成流程图的库，类似于 Markdown 的语法flow: 一个用来检测 Javascript 语法错误的库， Facebook 出品zoomooz: jQuery 插件，用来处理浏览器缩放fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方mithril.js: 轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 Reactbackbone: 强大的前端 MVC 库，鼻祖级前端库，最初为了配合 Rails 来模块化前端应用，兼容性良好 (兼容到 IE6)，插件丰富，性能良好jquery.smartbanner: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素， 支持回退等jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条onepage-scroll: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8scrollMonitor: 前端插件用来监控元素的滚动事件(进入、退出等)，性能很好ScrollMagic: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果infinite-scroll: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作animatable: 仅仅依靠 border-width 和 background-position 实现的各种动态效果，看真相Fluidbox: 页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果jquery-validation: jQuery 的一个插件，用于校验 Form 表单BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果emscripten: 一款基于 LLVM, 可以将 C/C++ 转换成 Javascript 的工具，使得 Javascript 可以近乎 Native 的速度qrcode-generator: 各种语言的二维码生成工具device.js: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSSjquery-qrcode: jQuery 插件，用来生成二维码Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demolazysizes: 功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片progressbar.js: 简洁美观的进度条，扁平化pigshell: 一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive 等网络服务spectrum: Js实现的颜色选择器 (Colorpicker)jQuery.countdown: jQuery 倒计时插件summernote: WYSIWYG 富文本编辑器awesomplete: 非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观switchery: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器trix: Basecamp 公司出品的富文本编辑器，简洁小巧sensor.js: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等hyhyhy: 用于创建 基于 HTML5 的 演示文稿swipebox: jQuery 插件，用于处理移动端的触摸事件FileAPI: 前端用户处理文件（拖放、多文件上传等）Sortable: 现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuerySwiper: 用于实现浏览器上的滑动切换效果，支持硬件加速matter-js: 2D 物理效果引擎，碰撞、弹跳等jQTouch: 用于辅助创建手机端的 Web 应用，支持主题、Zepto.js 等snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库c3: 基于 D3 的图表库echarts: 企业级图表库，百度开发parallax.js: 一个用于响应智能手机 orientation 的库jQuery-Animate-Enhanced: jQuery 动画库的一个增强，用于现代浏览器wysihtml: 富文本编辑器，适用于现代浏览器slip: 一个通过滑动或者拖拽来操控列表的库evil-icons: 一个矢量图库，提供 Ruby/Node 等支持PhotoSwipe: JS 的一个图片展示库focusable: 是页面上一个元素高亮的库，有图有真相firefox.html: Firefox 在浏览器端的实现 —— HTML 版的 Firefoxjquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库，基于 HTML5mobile-angular-ui: 基于angularjs和bootstarp的web app开发框架interact.js: 一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库rebound-js: 实现部分物理效果，Facebook 出品basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存iscroll: 高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的metrics-graphics: 基于 D3 的图表库，简洁、高效，Mozilla 出品accessible-html5-video-player: Paypal 出品的 Video 播放器loading: 几种 Loading 效果，基于 SVGflippant.js: 一款能够漂亮的网页元素翻转效果库，代码许久不更新，不过作为源码学习还是不错的move.js: 基于 CSS3 的前端动画框架scrollReveal.js: 使元素以非常酷帅的方式进入画布 (Viewpoint)，看 DemoModernizr: 一个用来检测 HTML5 和 CSS3 支持情况的库foundation: 另一款前端模版框架，类似于 BootstrapFlat-UI: Bootstrap 的一款主题，简洁美观iCheck: 一款漂亮的 Checkbox 插件Swipe: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kbslick: 功能异常强大的一个图片滑动切换效果库SocialButtons: 漂亮的社交按钮sweetalert: 一个非常美观的用于替换浏览器默认 alert 的库web-animations-js: Javascript 实现的 Web Animation APIvivus: 可以动态描绘 SVG 的 JS 库, 支持多种动画plyr: 轻量, 小巧, 美观的 HTML5 视频播放器timesheet.js: 基于 HTML5 & CSS3 时间表slideout: 一个非常美观的侧滑菜单 包管理工具 Package Managers NPM 菜鸟教程NPM 使用介绍 http://www.runoob.com/nodejs/nodejs-npm.html淘宝 NPM 镜像 https://npm.taobao.org/npm 模块安装机制简介 http://www.ruanyifeng.com/blog/2016/01/npm-install.htmlnpm包搜索地址 https://www.npmjs.com/ Bower Bower中文网 http://www.bowercn.com/Bower：客户端库管理工具-阮一峰 http://javascript.ruanyifeng.com/tool/bower.html Yarn yarn中文网 https://yarnpkg.com/zh-Hans/快速、可靠、安全的依赖管理YARN 简介 https://www.ibm.com/developerworks/cn/data/library/bd-yarn-intro/ 编辑器 Text Editors WebStorm 官网下载 http://www.jetbrains.com/webstorm/download前端网破解版下载 http://www.qdfuns.com/tools VScode 官网下载 https://code.visualstudio.com/vscode 插件精选 - 献给所有前端工程师https://segmentfault.com/a/1190000006697219 SublimeText 官网下载 https://www.sublimetext.com/前端网破解版插件版下载 http://www.qdfuns.com/toolsSublimeCodeIntel: Sublime Text 的代码补全工具，支持多种语言Emmet：一个用于提高开发效率的编辑器插件，前身是Zen codingSublimeLinter: 一个提供代码质量检测的插件SublimeTmpl：快速新建指定的模版文件Syntax-highlighting-for-Sass：sass代码高亮插件MarkdownEditing: Sublime Text 强大的 Markdown 扩展, 提供快捷键, 主题等ApplySyntax: 辅助检测语法插件CTags: Sublime Text Ctags 支持插件, 需要安装 ctagssublime-react: React 代码高亮 Atom 官网下载 https://atom.io/ HBuilder 官网下载 http://www.dcloud.io/ JS框架 JS Frameworks Backbone Backbone.js API中文文档http://www.css88.com/doc/backbone/ AngularJs 中文官方文档https://angular.cn/angularjs中文网http://www.apjs.net/angularjs教程http://www.angularjs.net.cn/Angular 基础入门http://www.cnblogs.com/micua/p/angular-essential.htmlangular-masonry: Masonry 的 AngularJS 插件，用于瀑布流angular-schema-form: 根据 JSON 生成响应的 Form 表单restangular: Angular 中用来处理 RESTful API 的插件，可替代 $resourceng-cordova: Cordova 常用组件的 Angular 版本angular-translate: Angular 的国际化 (I18n)ng-inspector: Chrome 插件，用于调试 Angularangularjs-style-guide: AngularJS 代码风格ngReact: React 的 Angular 插件，可以在 Angular 中使用 React Componentsmaterial: Google Material Design 效果的 Angular 实现angular-local-storage: Angular 插件, 提供了对 localStorage 的友好支持, 并对不支持的浏览器使用 cookie 优雅降级angular-filter: 一组有用的 Angular Filtersbindonce: Angular 插件, 用于减少 Watcher 的数量, 提升性能 React 英文官方文档https://facebook.github.io/react/docs/hello-world.html中文官方文档http://reactjs.cn/react/docs/getting-started-zh-CN.htmlgitbooks手册https://hulufei.gitbooks.io/react-tutorial/content/introduction.html阮一峰react入门http://www.ruanyifeng.com/blog/2015/03/react.html阮一峰React Router入门http://www.ruanyifeng.com/blog/2016/05/react_router.htmlReact Router 中文文档https://react-guide.github.io/react-router-cn/react-redux 中文文档http://cn.redux.js.org/docs/react-redux/index.html阮一峰Redux 入门教程http://www.ruanyifeng.com/blogreact: React 框架源代码react-native: Facebook 出品的使用 React 开发 IOS 原生应用的框架react-hot-loader: 实时调整 React 组件效果grunt-react: React 的 Grunt 组件, 用于将 JSX 编译成 JStouchstonejs: 基于 React 的手机应用前端框架essential-react: 基于 React, ES6, React-Router的一个应用脚手架react-router: React 路由解决方案 Vue vue官方http://cn.vuejs.org/vuex官方http://vuex.vuejs.org/zh-cn/vue-router官方https://router.vuejs.org/zh-cn/ UI框架 UI Frameworks Bootstrap 最受欢迎的 HTML、CSS 和 JS 框架 http://v3.bootcss.com/ Ionic 一款接近原生的Html5移动App开发框架　会html css js就可以开发apphttp://www.ionic.wang/ Foundation Foundation 中文网 迄今为止最好的响应式前端框架http://www.foundcss.com FrozenUI 移动端服务的前端框架http://frozenui.github.io/ materializecss 基于Material Design的主流前端响应式框架http://www.materializecss.cn/ mui 最接近原生APP体验的高性能前端框架http://dev.dcloud.net.cn/mui/ AntDesign 和react配合的UI框架https://ant.design eleme 和vue配合的UI框架http://element.eleme.io/ JS预处理 JS Preprocessors TypeScript TypeScript 入门教程 菜鸟教程http://www.runoob.com/TypeScript中文网https://www.tslang.cn/TypeScript教程gitbookhttps://www.gitbook.com/ CoffeeScript CoffeeScript 中文http://coffee-script.org/CoffeeScript 实用手册 极客学院http://wiki.jikexueyuan.com/project/coffeescript/ 过程自动化 Process Automation Grunt Grunt中文网http://www.gruntjs.net/ Gulp gulp.js 中文网http://www.gulpjs.com.cn/gulp详细入门教程http://www.ydcss.com/前端构建工具gulpjs的使用介绍及技巧http://www.cnblogs.com/2050/p/4198792.htmlGulp开发教程https://www.w3ctech.com/topic/134 模板引擎 Templating Handlebars handlebarsjs官网http://handlebarsjs.com/Handlebars中文文档http://www.360doc.com/content/Handlebars.js 中文文档http://keenwon.com/992.htmlHandlebars的使用方法文档整理http://www.tuicool.com/articles/fqQFN3 Haml haml官方文档https://github.com/haml/hamlhaml入门http://blog.csdn.net/napoay/article/details/50491363 Jade Jade 官方的英文文档http://www.w3cplus.com/html/how-to-use-jade.htmlJade的使用http://www.w3cplus.com/html/how-to-use-jade.html带你学习Jade模板引擎视频http://www.imooc.com/learn/259 构建工具 Build Tools RequireJS RequireJS 英文网http://requirejs.org/RequireJS 中文网http://requirejs.cn/require.js的用法-阮一峰http://www.ruanyifeng.com/blog seajs seajs文档http://seajs.org/docs/SeaJS从入门到原理http://www.tuicool.com/articles/FfEJv2u Browserify 官网http://browserify.org/githubhttps://github.com/substack/node-browserify/ Webpack Webpack 中文指南http://webpackdoc.com/webpack的实例http://www.vichily.comwebpack的入门http://www.vichily.com一小时包教会 —— webpack 入门指南http://www.w2bc.com/Article/50764 CSS预处理器 CSS Preprocessors Sass sass入门http://www.w3cplus.com/sassguide/sass参考手册http://sass.bootcss.com/docs/sass-reference/SASS用法指南-阮一峰http://www.ruanyifeng.com/blog/ Less less中文网http://lesscss.cn/less快速入门http://less.bootcss.com/ stylus stylus中文文档-张鑫旭http://www.zhangxinxu.com/jq/stylus/

前端开发全面知识库，包括HTML5，CSS3和js的基本框架知识，以及DOM和BOM操作的基础知识和一些基本工具和IDE。学习本篇，你将了解到以下知识。 核心 Core HTML5 W3C http://www.w3school.com.cn/html5/ W3C https://www.w3.org/html/ig/zh/wiki/HTML5 菜鸟教程 http://www.runoob.com/html/html5-intro.html HTML5中文门户 http://www.html5cn.org/ CSS3 W3C CSS教程 http://www.w3school.com.cn/css/index.asp W3C CSS3教程 http://www.w3school.com.cn/css3/index.asp 菜鸟教程CSS教程 http://www.runoob.com/css/css-tutorial.html 菜鸟教程CSS3教程 http://www.runoob.com/css3/css3-tutorial.html CSS参考手册 http://css.doyoe.com/ JS W3C http://www.w3school.com.cn/js/ 菜鸟教程 http://www.runoob.com/js/js-tutorial.html 廖雪峰js教程 http://www.liaoxuefeng.com js标准参考教程-阮一峰http://javascript.ruanyifeng.com/ jQuery W3C http://www.w3school.com.cn/jquery/ 菜鸟教程 http://www.runoob.com/jquery/jquery-tutorial.html 极客学院 http://wiki.jikexueyuan.com/project/jquery-tutorial/ 廖雪峰 http://www.liaoxuefeng.com/wiki/ 参考手册 http://www.css88.com/jqapi-1.9/ 参考手册 http://www.runoob.com/manual/jquery/ ES6 阮一峰ES6 http://es6.ruanyifeng.com/ 极客学院 http://wiki.jikexueyuan.com/project/es6/ JavaScript 标准参考　阮一峰http://javascript.ruanyifeng.com/advanced/ecmascript6.html 插件 parallel.js: 前后端通用的一个并行库zepto: 用于现代浏览器的兼容 jQuery 的库totoro: 稳定的跨浏览器测试工具TheaterJS: 一个用于模拟人输入状态的 JS 库stellar.js: 前端用于实现异步滚动效果的库，现已不再维护skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序regulex: 用于生成 正则表达式 的可视化流程图markdown-it: 新型 Markdown 解析器，快速，支持插件multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Docscreenfull.js: 全屏插件，支持各大浏览器lunr.js: 类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用jquery.hotkeys: jQuery 插件，用于绑定热键breach_core: Javascript 编写的 Browser (浏览器)octocard: 用于生成 Github 信息卡片的库github-cards: 用于生成 Github 信息卡片的库money.js: 轻量级货币转换库，web 和 node 皆可用accounting.js: 轻量级的数字、货币转换库javascript-algorithms: Javascript 实现的各种算法集合lazy.js: 类似于 underscore, 但是会延迟执行，某些场景下，性能会有很大的提升seajs: 前端模块加载器，解决模块化、依赖等问题jQuery-One-Page-Nav: 单页应用中一个用于处理导航栏的库js.js: Javascript 实现的 javascript JITjquery-ui: jQuery 团队开发的 UI 相关的前端库，功能强大todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库localForage: Mozilla 出品，用于离线存储，基于IndexedDB, WebSQL 或者 localStorage, 提供一致的接口EventEmitter: 浏览器版的 EventEmitterjquery.serializeJSON: jQuery 插件，用于将 form 表单序列化成 JSON 数据knockout: 前端 MVVM 框架，用于开发富前端应用mermaid: 可以根据文本生成流程图，类似于 Markdown 的语法js-sequence-diagrams: 另一款可以根据文本生成流程图的库，类似于 Markdown 的语法flow: 一个用来检测 Javascript 语法错误的库， Facebook 出品zoomooz: jQuery 插件，用来处理浏览器缩放fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方mithril.js: 轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 Reactbackbone: 强大的前端 MVC 库，鼻祖级前端库，最初为了配合 Rails 来模块化前端应用，兼容性良好 (兼容到 IE6)，插件丰富，性能良好jquery.smartbanner: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素， 支持回退等jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条onepage-scroll: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8scrollMonitor: 前端插件用来监控元素的滚动事件(进入、退出等)，性能很好ScrollMagic: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果infinite-scroll: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作animatable: 仅仅依靠 border-width 和 background-position 实现的各种动态效果，看真相Fluidbox: 页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果jquery-validation: jQuery 的一个插件，用于校验 Form 表单BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果emscripten: 一款基于 LLVM, 可以将 C/C++ 转换成 Javascript 的工具，使得 Javascript 可以近乎 Native 的速度qrcode-generator: 各种语言的二维码生成工具device.js: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSSjquery-qrcode: jQuery 插件，用来生成二维码Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demolazysizes: 功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片progressbar.js: 简洁美观的进度条，扁平化pigshell: 一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive 等网络服务spectrum: Js实现的颜色选择器 (Colorpicker)jQuery.countdown: jQuery 倒计时插件summernote: WYSIWYG 富文本编辑器awesomplete: 非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观switchery: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器trix: Basecamp 公司出品的富文本编辑器，简洁小巧sensor.js: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等hyhyhy: 用于创建 基于 HTML5 的 演示文稿swipebox: jQuery 插件，用于处理移动端的触摸事件FileAPI: 前端用户处理文件（拖放、多文件上传等）Sortable: 现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuerySwiper: 用于实现浏览器上的滑动切换效果，支持硬件加速matter-js: 2D 物理效果引擎，碰撞、弹跳等jQTouch: 用于辅助创建手机端的 Web 应用，支持主题、Zepto.js 等snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库c3: 基于 D3 的图表库echarts: 企业级图表库，百度开发parallax.js: 一个用于响应智能手机 orientation 的库jQuery-Animate-Enhanced: jQuery 动画库的一个增强，用于现代浏览器wysihtml: 富文本编辑器，适用于现代浏览器slip: 一个通过滑动或者拖拽来操控列表的库evil-icons: 一个矢量图库，提供 Ruby/Node 等支持PhotoSwipe: JS 的一个图片展示库focusable: 是页面上一个元素高亮的库，有图有真相firefox.html: Firefox 在浏览器端的实现 —— HTML 版的 Firefoxjquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库，基于 HTML5mobile-angular-ui: 基于angularjs和bootstarp的web app开发框架interact.js: 一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库rebound-js: 实现部分物理效果，Facebook 出品basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存iscroll: 高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的metrics-graphics: 基于 D3 的图表库，简洁、高效，Mozilla 出品accessible-html5-video-player: Paypal 出品的 Video 播放器loading: 几种 Loading 效果，基于 SVGflippant.js: 一款能够漂亮的网页元素翻转效果库，代码许久不更新，不过作为源码学习还是不错的move.js: 基于 CSS3 的前端动画框架scrollReveal.js: 使元素以非常酷帅的方式进入画布 (Viewpoint)，看 DemoModernizr: 一个用来检测 HTML5 和 CSS3 支持情况的库foundation: 另一款前端模版框架，类似于 BootstrapFlat-UI: Bootstrap 的一款主题，简洁美观iCheck: 一款漂亮的 Checkbox 插件Swipe: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kbslick: 功能异常强大的一个图片滑动切换效果库SocialButtons: 漂亮的社交按钮sweetalert: 一个非常美观的用于替换浏览器默认 alert 的库web-animations-js: Javascript 实现的 Web Animation APIvivus: 可以动态描绘 SVG 的 JS 库, 支持多种动画plyr: 轻量, 小巧, 美观的 HTML5 视频播放器timesheet.js: 基于 HTML5 & CSS3 时间表slideout: 一个非常美观的侧滑菜单 包管理工具 Package Managers NPM 菜鸟教程NPM 使用介绍 http://www.runoob.com/nodejs/nodejs-npm.html 淘宝 NPM 镜像 https://npm.taobao.org/ npm 模块安装机制简介 http://www.ruanyifeng.com/blog/2016/01/npm-install.html npm包搜索地址 https://www.npmjs.com/ Bower Bower中文网 http://www.bowercn.com/ Bower：客户端库管理工具-阮一峰 http://javascript.ruanyifeng.com/tool/bower.html Yarn yarn中文网 https://yarnpkg.com/zh-Hans/快速、可靠、安全的依赖管理 YARN 简介 https://www.ibm.com/developerworks/cn/data/library/bd-yarn-intro/ 编辑器 Text Editors WebStorm 官网下载 http://www.jetbrains.com/webstorm/download 前端网破解版下载 http://www.qdfuns.com/tools VScode 官网下载 https://code.visualstudio.com/ vscode 插件精选 - 献给所有前端工程师https://segmentfault.com/a/1190000006697219 SublimeText 官网下载 https://www.sublimetext.com/ 前端网破解版插件版下载 http://www.qdfuns.com/tools SublimeCodeIntel: Sublime Text 的代码补全工具，支持多种语言 Emmet：一个用于提高开发效率的编辑器插件，前身是Zen coding SublimeLinter: 一个提供代码质量检测的插件 SublimeTmpl：快速新建指定的模版文件 Syntax-highlighting-for-Sass：sass代码高亮插件 MarkdownEditing: Sublime Text 强大的 Markdown 扩展, 提供快捷键, 主题等 ApplySyntax: 辅助检测语法插件 CTags: Sublime Text Ctags 支持插件, 需要安装 ctags sublime-react: React 代码高亮 Atom 官网下载 https://atom.io/ HBuilder 官网下载 http://www.dcloud.io/ JS框架 JS Frameworks Backbone Backbone.js API中文文档http://www.css88.com/doc/backbone/ AngularJs 中文官方文档https://angular.cn/ angularjs中文网http://www.apjs.net/ angularjs教程http://www.angularjs.net.cn/ Angular 基础入门http://www.cnblogs.com/micua/p/angular-essential.html angular-masonry: Masonry 的 AngularJS 插件，用于瀑布流 angular-schema-form: 根据 JSON 生成响应的 Form 表单 restangular: Angular 中用来处理 RESTful API 的插件，可替代 $resource ng-cordova: Cordova 常用组件的 Angular 版本 angular-translate: Angular 的国际化 (I18n) ng-inspector: Chrome 插件，用于调试 Angular angularjs-style-guide: AngularJS 代码风格 ngReact: React 的 Angular 插件，可以在 Angular 中使用 React Components material: Google Material Design 效果的 Angular 实现 angular-local-storage: Angular 插件, 提供了对 localStorage 的友好支持, 并对不支持的浏览器使用 cookie 优雅降级 angular-filter: 一组有用的 Angular Filters bindonce: Angular 插件, 用于减少 Watcher 的数量, 提升性能 React 英文官方文档https://facebook.github.io/react/docs/hello-world.html 中文官方文档http://reactjs.cn/react/docs/getting-started-zh-CN.html gitbooks手册https://hulufei.gitbooks.io/react-tutorial/content/introduction.html 阮一峰react入门http://www.ruanyifeng.com/blog/2015/03/react.html 阮一峰React Router入门http://www.ruanyifeng.com/blog/2016/05/react_router.html React Router 中文文档https://react-guide.github.io/react-router-cn/ react-redux 中文文档http://cn.redux.js.org/docs/react-redux/index.html 阮一峰Redux 入门教程http://www.ruanyifeng.com/blogreact: React 框架源代码react-native: Facebook 出品的使用 React 开发 IOS 原生应用的框架react-hot-loader: 实时调整 React 组件效果grunt-react: React 的 Grunt 组件, 用于将 JSX 编译成 JStouchstonejs: 基于 React 的手机应用前端框架essential-react: 基于 React, ES6, React-Router的一个应用脚手架react-router: React 路由解决方案 Vue vue官方http://cn.vuejs.org/ vuex官方http://vuex.vuejs.org/zh-cn/ vue-router官方https://router.vuejs.org/zh-cn/ UI框架 UI Frameworks Bootstrap 最受欢迎的 HTML、CSS 和 JS 框架 http://v3.bootcss.com/ Ionic 一款接近原生的Html5移动App开发框架　会html css js就可以开发apphttp://www.ionic.wang/ Foundation Foundation 中文网 迄今为止最好的响应式前端框架http://www.foundcss.com FrozenUI 移动端服务的前端框架http://frozenui.github.io/ materializecss 基于Material Design的主流前端响应式框架http://www.materializecss.cn/ mui 最接近原生APP体验的高性能前端框架http://dev.dcloud.net.cn/mui/ AntDesign 和react配合的UI框架https://ant.design eleme 和vue配合的UI框架http://element.eleme.io/ JS预处理 JS Preprocessors TypeScript TypeScript 入门教程 菜鸟教程http://www.runoob.com/ TypeScript中文网https://www.tslang.cn/ TypeScript教程gitbookhttps://www.gitbook.com/ CoffeeScript CoffeeScript 中文http://coffee-script.org/ CoffeeScript 实用手册 极客学院http://wiki.jikexueyuan.com/project/coffeescript/ 过程自动化 Process Automation Grunt Grunt中文网http://www.gruntjs.net/ Gulp gulp.js 中文网http://www.gulpjs.com.cn/ gulp详细入门教程http://www.ydcss.com/ 前端构建工具gulpjs的使用介绍及技巧http://www.cnblogs.com/2050/p/4198792.html Gulp开发教程https://www.w3ctech.com/topic/134 模板引擎 Templating Handlebars handlebarsjs官网http://handlebarsjs.com/ Handlebars中文文档http://www.360doc.com/content/ Handlebars.js 中文文档http://keenwon.com/992.html Handlebars的使用方法文档整理http://www.tuicool.com/articles/fqQFN3 Haml haml官方文档https://github.com/haml/haml haml入门http://blog.csdn.net/napoay/article/details/50491363 Jade Jade 官方的英文文档http://www.w3cplus.com/html/how-to-use-jade.html Jade的使用http://www.w3cplus.com/html/how-to-use-jade.html 带你学习Jade模板引擎视频http://www.imooc.com/learn/259 构建工具 Build Tools RequireJS RequireJS 英文网http://requirejs.org/ RequireJS 中文网http://requirejs.cn/ require.js的用法-阮一峰http://www.ruanyifeng.com/blog seajs seajs文档http://seajs.org/docs/ SeaJS从入门到原理http://www.tuicool.com/articles/FfEJv2u Browserify 官网http://browserify.org/ githubhttps://github.com/substack/node-browserify/ Webpack Webpack 中文指南http://webpackdoc.com/ webpack的实例http://www.vichily.com webpack的入门http://www.vichily.com 一小时包教会 —— webpack 入门指南http://www.w2bc.com/Article/50764 CSS预处理器 CSS Preprocessors Sass sass入门http://www.w3cplus.com/sassguide/ sass参考手册http://sass.bootcss.com/docs/sass-reference/ SASS用法指南-阮一峰http://www.ruanyifeng.com/blog/ Less less中文网http://lesscss.cn/ less快速入门http://less.bootcss.com/ stylus stylus中文文档-张鑫旭http://www.zhangxinxu.com/jq/stylus/

Android开源框架系列Android开源项目Android开发常用开源框架2Android开发常用开源框架3GitHub上最火的Android开源项目,所有开源项目都有详细资料和配套视频2017年伊始，你需要尝试的25个Android第三方库Android开发常用第三方平台免费的计算机编程类中文书籍free-programming-booksMark！Android最佳的开源库集锦移动开发周刊：Android最佳的开源库集锦GitHub Top 100的Android开源库Android 开源项目分类汇总GitHub Android Libraries Top 100 简介Android 学习资料收集awesome-android-uiAwesome-MaterialDesignawesome-androidAndriod-collect-blogs计算机常用基础算法阿里珍贵技术资料限时免费下载​开源框架https://github.com/JackChan1999/Android_Open_Project目录Android开发常用框架android-open-project开源项目快速开发框架工具集2017年伊始，你需要尝试的25个Android第三方库第三方开发平台图片处理网络请求响应式编程性能优化图表二维码动画多媒体缓存事件总线数据库依赖注入热修复Log日志UI控件TextViewUI控件第1季utilsproject后台处理Awesome-MaterialDesignSquare& JakeWharton框架名称功能描述Picasso一个强大的图片下载与缓存的库OkHttpSquare出品，一个Http与Http/2的客户端RetrofitSquare出品，类型安全的Http客户端ButterKnife将Android视图和回调方法绑定到字段和方法上sqlbrite一个响应式的数据查询框架keywhiz一个隐私管理分配系统，能很好地与SOA配合LeakCanary内存泄漏检测工具javapoet动态生成Java源码phrase字符串格式化dagger依赖注入框架FlowFlow 将一个应用分成一个逻辑上的 Screen组合，Screen不是任何形式的特殊的库对象，而是一个被创造来代表我们应用视图的普通java对象（POJO）MortarMortar是一个专注拖拽和依赖注入的库，Mortar 用以下几个不同的部分将一个应用分为可组合的模块：Blueprints, Presenters and a boatload of custom ViewsRxBinding可以实现数据层与View层的绑定，当数据发生变化，View会自动更新UIRxAndroidRxJava的扩展, 优雅地处理异步请求timber对Android的Log类进行封装后的一个Log工具ViewPagerIndicatorPaging indicator widgets compatible with the ViewPagerDiskLruCacheJava实现基于LRU的磁盘缓存OttoOtto 是 Square 公司出的一个事件库 (pub/sub 模式), 用来简化应用程序组件之间的通讯, otto 修改自 Google 的 Guava 库, 专门为 Android 平台进行了优化, 与上面介绍的 EventBus 相比, 两个库各有各的优点, 完全取决于我们自己项目的需求来选择它们哪一个javapoetA Java API for generating .java source files 动态生成Java源码阿里巴巴项目名称功能描述freelineFreeline 是 Android 平台上的秒级编译方案，Instant Run 的替代品，也可以从 Freeline 官方主页来获取更多的信息。Freeline 由蚂蚁聚宝 Android 团队开发，它可以充分利用缓存文件，在几秒钟内迅速地对代码的改动进行编译并部署到设备上，有效地减少了日常开发中的大量重新编译与安装的耗时。Freeline能够为Android开发者节省很多喝杯咖啡的时间weexA framework for building Mobile cross-platform UIfastjsonA fast JSON parser/generator for JavaDubboDubbo is a distributed, high performance RPC framework enpowering applications with service import/export capabilitiesAndFixAndFix is a library that offer hot-fix for Android App.dexposeddexposed enable ‘god’ mode for single android application.小米开源项目项目名称功能描述Notes小米便签社区开源版FileExplorerMIUI文件管理器社区开源版SoundRecorderMIUI录音机社区开源版Google开源项目项目名称功能描述GCMGoogle Cloud Messaging 消息推送iosched：Google I/O Android Appandroid-topekaGoogle官方给出的material design应用指南android-UniversalMusicPlayerGoogle官方给出的m音乐播放器，支持Android phones, tablets, Auto, Wear and Cast devicesExoPlayerAn extensible media player for AndroidguavaGoogle Core Libraries for Java 6+flexbox-layoutFlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android.guice轻量级的依赖注入框架gsonA Java serialization/deserialization library that can convert Java Objects into JSON and back.protobufProtocol Buffers - Google’s data interchange formatmaterial-design-iconsMaterial Design icons by GoogleautoAuto 是 Java 生成器源代码集合，包括：AutoFactory - 兼容 JSR-330 的工厂；AutoService - ServiceLoader 的 Provider-configuration 文件；AutoValue - Java 1.6+ 的不可变 value-type 代码生成；Common - Helper 实用工具，用来编写注释处理器android-architectureA collection of samples to discuss and showcase different architectural tools and patterns for Android appsandroid-topekaandroid-UniversalMusicPlayerExoPlayerAn extensible media player for AndroidStreaming media with ExoPlayer - Google I/O 2016guavaflexbox-layout1、图片加载，缓存，处理框架名称功能描述Android Universal Image Loader一个强大的加载，缓存，展示图片的库，已过时Picasso一个强大的图片下载与缓存的库Fresco一个用于管理图像和他们使用的内存的库Glide一个图片加载和缓存的库，使用的App有：网易新闻GlidePaletteAndroid Lollipop Palette is now easy to use with GlidePicassoPaletteAndroid Lollipop Palette is now easy to use with Picasso !Picasso-transformations一个为Picasso提供多种图片变换的库Glide-transformations一个为Glide提供多种图片变换的库Picasso是著名的开源组织Square出品的图片处理框架，使用的比较多Glide是Google的员工基于Picasso开发，优化的，Android官网推荐使用的图片处理框架Fresco是Facebook开源的图片处理框架，真正做到了三级缓存，功能强大，强烈推荐使用Android Universal Image Loader是一个老牌的图片处理框架，但是在2015年的9月份已经停止更新维护，所以不推荐使用2、图片裁剪框架名称功能描述uCropImage Cropping Library for Android，使用的App有：薄荷，哔哩哔哩android-crop图片裁剪，使用的App有：网易新闻，芒果TVcropper图片裁剪开源框架Android-Image-CropperImage Cropping Library for Android, optimized for Camera / GalleryPhotoCropperAndroid 大图片裁剪终极解决方案android-cropimageCropImage Activity from Gallery.apk packaged as a reusable Android libraryPhotoCropA Library which can be used to crop images in Android similar to Facebook and Telegram，使用的App有：快手uCropandroid-cropAndroid-Image-CropperPhotoCropperPhotoCrop​3、图片选择框架名称功能描述MultiImageSelector图片选择，使用的App有：薄荷BGAPhotoPicker-AndroidAndroid 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件TakePhoto轻量级Android照片处理框架RxGalleryFinalAndroid图片单选/多选、拍照、裁剪、压缩。视频选择和录制。GalleryFinalboxing一个多媒体选择器库，B站出品。可以选择一张或者多张图片，提供预览和裁剪功能。同样支持gif图，选择视频和图像压缩功能。boxingMultiImageSelectorBGAPhotoPicker-AndroidTakePhotoRxGalleryFinal4、图片转换，压缩，滤镜框架名称功能描述Android-gpuimage一个开源的基于GPU的图像处理库，提供各种各样的图像处理滤镜，并且支持照相机和摄像机的实时滤镜，使用的App有：快手photoview使用的App有：薄荷,网易新闻circleimageview圆形图片，使用的App有：薄荷RoundedImageView圆形图片，使用的App有：薄荷SelectableRoundedImageViewAndroid ImageView that supports different radii on each cornerandroid-gif-drawablegif图片，使用的App有：网易新闻，快手Luban可能是最接近微信朋友圈的图片压缩算法CompressorCompressor is a lightweight and powerful android image compression libraryAndroid-gpuimagecircleimageviewRoundedImageViewSelectableRoundedImageView5、高斯模糊，毛玻璃，图片模糊框架名称功能描述android-stackblurAndroid StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. The library is based on the code of Mario Klingemann.BlurryBlurry is an easy blur library for Androidblurkit-androidThe missing Android blurring library. Fast blur-behind layout that parallels iOS.BlurViewDynamic iOS-like blur of underlying Views for AndroidImageBlurringAndroid blurring image(bitmap) by java and jniandroid-stackblurBlurryblurkit-androidBlurView​ImageBlurring缓存框架名称功能描述LruCacheAndroid原生API，内存缓存DiskLruCacheJava实现基于LRU的磁盘缓存ASimpleCache一个为android制定的轻量级的开源缓存框架base-diskcacheAndroid 缓存库，融合了DiskLruCache和ASimpleCache网络请求框架名称功能描述httpclientapache开源的网络请求框架，已过时AsyncHttpClient基于httpclient封装，已过时OkHttpSquare出品，一个Http与Http/2的客户端RetrofitSquare出品，类型安全的Http客户端VolleyGoogle推出的Android异步网络请求框架和图片加载框架，使用的App有：网易新闻从Android 6.0 开始，Google删除了apache的开源网络请求框架httpclient，所以基于httpclient的AsyncHttpClient也不推荐使用了Volley适合那些请求频繁但数据量不大的场景，不适用于大数据的请求，比如下载文件Android 6.0 后，Android开始使用OkHttp，而Retrofit是一个网络代理框架，可以更简单的使用OkHttp网络解析框架名称功能描述Gson一个Java序列化/反序列化库，可以将JSON和java对象互相转换JacksonJackson可以轻松地将Java对象转换成json对象和xml文档，同样也可以将json、xml转换成Java对象FastjsonJava上一个快速的JSON解析器/生成器HtmlPaser一种用来解析单个独立html或嵌套html的方式Jsoup一个以最好的DOM，CSS和jQuery解析html的库数据库框架名称功能描述OrmLiteJDBC和Android的轻量级ORM java包Sugar用超级简单的方法处理Android数据库GreenDAO一种轻快地将对象映射到SQLite数据库的ORM解决方案，使用的App有：薄荷，京东ActiveAndroid以活动记录方式为Android SQLite提供持久化SQLBriteSQLiteOpenHelper 和ContentResolver的轻量级包装android-database-sqlcipher数据库加密storioBeautiful API for SQLiteDatabase and ContentResolverrealm-java移动数据库，高性能数据库：一个SQLite和ORM的替换品ObjectBox相信不少人都用过GreenDao和EventBus，这两库都是greenrobot公司出品。ObjectBox也是该公司出品。GreenDao号称是最快的与SQLite的对象关系映射（ORM）。但是自从2011年以来，公司声称发现了许多的缺陷，有很多问题影响了性能。所以开发出另外一套性能最好且易用的NoSQL数据库，优于其他数据库5-15倍的性能。依赖注入框架名称功能描述ButterKnife将Android视图和回调方法绑定到字段和方法上Dagger2一个Android和java快速依赖注射器AndroidAnotations快速安卓开发。易于维护RoboGuiceAndroid平台的Google Guice 已退役guiceGoogle开发的依赖注入框架图表Chart框架名称功能描述WilliamChart创建图表的Android库HelloCharts兼容到API8的Android图表库，使用的App有：薄荷MPAndroidChart一个强大的Android图表视图/图形库，使用的App有：春雨医生后台处理框架名称功能描述Tape一个轻快的，事务性的，基于文件的FIFO的库Android Priority Job Queue一个专门为Android轻松调度任务的工作队列事件总线框架名称功能描述EventBus安卓优化的事件总线，简化了活动、片段、线程、服务等的通信，使用的App有：薄荷Otto一个基于Guava的增强的事件总线HermesEventBus一个基于EventBus的、能在进程间发送和接收event的库，在IPC或者插件开发中非常有用响应式编程框架名称功能描述RxJavaJVM上的响应式扩展RxJavaJoins为RxJava提供Joins操作RxAndroidAndroid上的响应式扩展，在RxJava基础上添加了Android线程调度RxBinding提供用RxJava绑定Android UI的APIAgeraAndroid上的响应式编程RxLifecycleLifecycle handling APIs for Android apps using RxJavaLog框架框架名称功能描述Logger简单，漂亮，强大的Android日志工具Hugo在调试版本上注解的触发方法进行日志记录Timber一个小的，可扩展的日志工具测试框架框架名称功能描述MockitoJava编写的Mocking单元测试框架RobotiumAndroid UI 测试RobolectricAndroid单元测试框架Android自带很多测试工具：JUnit，Monkeyrunner，UiAutomator，Espresso等调试框架框架名称功能描述Stetho调试Android应用的桥梁，使得可以利用Chrome开发者工具进行调试性能优化框架名称功能描述LeakCanary内存泄漏检测工具BlockCanary轻松找出Android App界面卡顿元凶ACRAAndroid应用程序崩溃报告Google GuavaGuava工程包含了若干被Google的 Java项目广泛依赖 的核心库，例如：集合 [collections] 、缓存 [caching] 、原生类型支持 [primitives support] 、并发库 [concurrency libraries] 、通用注解 [common annotations] 、字符串处理 [string processing] 、I/O 等等。 所有这些工具每天都在被Google的工程师应用在产品服务中。google protobuf由google开发，并且在google内部使用。Protobuf的作用和xml、json是一回事，但他是二进制格式，性能好、效率高。ProtoBuf开发者指南热修复框架名称功能描述tinker腾讯开源的一个热修复框架AndFixalibaba热修复框架dexposedalibaba热修复框架二维码框架名称功能描述Zxing一个二维码开源框架barcodescanner使用的App有：薄荷BGAQRCode-Android扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式zxing-android-embedded使用的App有：春雨医生，芒果TV多媒体框架名称功能描述ijkplayerBilibili开源的视频播放器DanmakuFlameMasterAndroid开源弹幕引擎·烈焰弹幕使，使用的App有：网易新闻Vitamio一款全能多媒体开发框架，全面支持硬件解码与 GPU 渲染FFmpeg一个基于C语言的多媒体开源框架百度媒体云基于百度视频处理、人脸识别、语音等技术媒体相关的整体解决方案ExoPlayerGoogle开源的视频播放器KSYStreamer_Android金山云Android采集推流SDK(Livestream SDK)，支持内置/自定义美颜(Beauty Filter)、美声(Beauty Voice)、软硬编(Software/Hardware Encoder) 、网络自适应(Network Auto Adapt)、混音(Voice Mixer)、混响(Reverb)、画中画(PIP)、连麦(RTC)、动态贴纸(Sticker)KSYMediaPlayer_Android金山云Android播放SDK（KSYUN Live Streaming player SDK），支持RTMP HTTP-FLV HLS 协议（supporting RTMP HTTP-FLV HLS protocol），直播延时2-3秒（Living delay 2 or 3 seconds），supporting jitter control，software&hardware decodeKSYLive_AndroidAndroid播放&推流融合版本[Android Play and LiveStreaming SDK] 直播延时2-3秒（Living delay 2 or 3 seconds），supporting jitter control，software&hardware decode, 支持内置/自定义美颜(Beauty Filter)、美声(Beauty Voice)、软硬编(Software/Hardware Encoder) 、网络自适应(Network Auto Adapt)、混音(Voice Mixer)、混响(Reverb)、画中画(PIP)KSYMediaPlayer_Android金山云Android播放SDK（KSYUN Live Streaming player SDK），支持RTMP HTTP-FLV HLS 协议（supporting RTMP HTTP-FLV HLS protocol），直播延时2-3秒（Living delay 2 or 3 seconds），supporting jitter control，software&hardware decodeMD360Player4AndroidAndroid上全景视频渲染的库汉语转拼音框架名称功能描述pinyin4jhttps://github.com/belerweb/pinyin4jTinyPinyin适用于Java和Android的快速、低内存占用的汉字转拼音库。PinyinSearchLibraryThe library of PinyinSearch,a Java Library which provide data parsing methods, data matching method and so on for T9 search and Qwerty search.PinyinSearch = T9Search + QwertySearchcom.pinyin4android唯品会使用下载框架名称功能描述MultiThreadDownload使用的App有：薄荷FileDownloaderAndroid 文件下载引擎，稳定、高效、灵活、简单易用RxDownload基于RxJava和Retrofit打造的下载工具, 支持多线程下载和断点续传, 智能判断是否支持断点续传等功能file-downloader安卓上轻量级Http/Https文件下载框架，我的目标是让安卓文件下载越简单越好，尽可能以最简洁明了的方式完成复杂需求。动画框架名称功能描述facebook:reboundA Java library that models spring dynamics and adds real world physics to your appViewAnimatorA fluent Android animation libraryMaterial-AnimationsAndroid Transition animations explanation with examplesAndroidViewAnimationsCute view animation collection.ListViewAnimationsAn Android library which allows developers to easily add animations to ListView itemsrecyclerview-animatorsAn Android Animation library which easily add itemanimator to RecyclerView items.RecyclerViewItemAnimatorsAn Android library which provides simple Item animations to RecyclerView itemsAnimationEasingFunctionsAndroid Animation Easing Functions. Let’s make animation more real!BaseAnimationBaseAnimation收集网络Android相关动画集合，自定义控件等，近200多种源码FragmentAnimations3D animations for support-v4 Fragment transition.AnimatedEditTextAndroids EditText that animates the typed text. EditText is extended to create AnimatedEditText and a PinEntryEditText.ViewPagerTransformsLibrary containing common animations needed for transforming ViewPager scrolling for Android v13+lottie-androidRender After Effects animations natively on Android and iOSAndroid选择器类库包括日期时间选择器、单项选择器、地址选择器、颜色选择器、文件目录选择器、数字选择器、星座选择器等框架名称功能描述material-calendarviewmaterial design 风格的日历控件使用的App有：薄荷MaterialDateTimePickerPick a date or time on Android in style，使用的App有：薄荷android-times-squareStandalone Android widget for picking a single date from a calendar view.AndroidPicker安卓选择器类库，包括日期时间选择器、单项选择器、地址选择器、颜色选择器、文件目录选择器、数字选择器、星座选择器等。Android-PickerView仿iOS的PickerView控件，有时间选择和选项选择并支持一二三级联动效果WheelPickerSimple and fantastic wheel view in realistic effect for android.Android-FilePickerPhotopicker and document picker for androidNumberPickerViewanother NumberPicker with more flexible attributes on Android platformAndroid-PickerView-LibrarySimple PickerView for AndroidRajawaliRajawali是一个用于Android应用的3D引擎，基于 OpenGL ES 2.0。它可以用于普通的应用程序，以及实时壁纸。使用的App有：网易新闻aspectjAspectJ是一个面向切面的框架，它扩展了Java语言。使用的App有：网易新闻Apache Thrift可伸缩的跨语言服务开发框架，使用的App有：网易新闻Fabric SDKhttps://realm.io/cn/news/oredev-ty-smith-building-android-sdks-fabric/?utm_source=tuicool&utm_medium=referralGNU TroveTrove 是一个快速、轻量级 Collection 类的集合。Trove 提供所有标准 java.util Collections 类的更快的版本以及能够直接在原语（primitive）（例如包含 int 键或值的 Map 等）上操作的 Collections 类的版本。使用的App有：网易新闻Java-WebSocket简单的说，websocket就是用来做网页聊天以及手机推送用的。使用的App有薄荷以前不管使用HTTP轮询或使用TCP长连接等方式制作在线聊天系统，都有天然缺陷，随着HTML5的兴起，其中有一个新的协议WebSocket protocol，可实现浏览器与服务器全双工通信(full-duplex)，它可以做到：浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。这个新的协议的特点正好适合这种在线即时通信。现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客服端的浏览器。这种传统的HTTP request 的模式带来很明显的缺点 – 浏览器需要不断的向服务器发出请求，然而HTTP request 的header是非常长的，里面包含的数据可能只是一个很小的值，这样会占用很多的带宽。而最比较新的技术去做轮询的效果是Comet – 用了AJAX。但这种技术虽然可达到全双工通信，但依然需要发出请求。在 WebSocket API，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。org.eclipse.mat内存分析。使用的App有薄荷，网易新闻CommonAdapter使用的App有：薄荷Android-Best-PracticesJKeyboardPanelSwitchAndroid键盘面板冲突 布局闪动处理方案起源，之前在微信工作的时候，为了给用户带来更好的基础体验，做了很多尝试，踩了很多输入法的坑，特别是动态调整键盘高度，二级页面是透明背景，魅族早期的Smart bar等, 后来逐一完善了，考虑到拥抱开源，看业界还是有很多应用存在类似问题。就有了这个repo使用的App有：薄荷美洽最快连接你与顾客 美洽，在线客服软件的漂亮之选MeiqiaSDK-Android GitHub - Meiqia/MeiqiaSDK-Android: 美洽 Android SDK 3.0 面向开发者的 Demo使用的App有：薄荷logger使用的App有：薄荷DeepLinkDispatch最常见的应用就是在网页中跳转到App的某个页面，电商类应用可是都用了的。根据data跳转不同的页面使用的App有：京东CroutonContext sensitive notifications for AndroidBolts-Android 一个底层库集合com.arcsoft.livebroadcastReLinkerRelink是一个加载Android so文件(shared library)的一个库。在Android平台上加载本地库的危险性kikCHAT ON KIKKik lets you connect with friends, groups and the world around you through chat. And now, you can chat with bots too.nanohttpd嵌入式HTTP服务器 ，NanoHTTPD是一个免费、轻量级的(只有一个Java文件) HTTP服务器,可以很好地嵌入到Java程序中。支持 GET, POST, PUT, HEAD 和 DELETE 请求，支持文件上传，占用内存很小。可轻松定制临时文件使用和线程模型。i-jettyjetty经过交叉编译移植到android平台的web服务器软件，它可以部署web网站com.googlecode.mp4parserSpartacom.hp.hpl.sparta：XML、DOM、XPath解析器，Home PageJRegexJRegex：jregex：正则表达式库NativeSubprocess唯品会使用NativeSubprocess 是一个可以让你在android 程序中创建Linux子进程并执行你的java代码的so库。由于市面上典型的内存清理工具只清理apk 包关联的进程，而不会处理linux原生进程，所以NativeSubprocess 可以做什么您懂的！androidqueryAndroid-Query（AQuery）是一个轻量级的开发包，用于实现 Android 上的异步任务和操作 UI 元素，可让 Android 应用开发更简单、更容易，也更有趣。唯品会使用，GitHub - androidquery/androidquery: AndroidQueryMarsDaemon进程常驻，进程保活唯品会使用 https://github.com/Marswin/MarsDaemonSA-iSecuritySA-iSecurity 客户端安全输入系统，唯品会使用口碑推荐平台TapReasonTapReason提供了一款无广告的App增长解决方案。他们的广告是最值得信赖的，因为这些广告都是来自于好友或同事的推荐。唯品会使用ImageViewZoomAndroid ImageView widget with zoom and pan capabilities，春雨医生使用LayoutCastCast android code and resource changes to the running application through ADB. Android SDK sucks. It’s so slow to build and run which waste me a lot of time every day.把代码和资源文件的改动直接同步到手机上，应用不需要重启。省去了编译运行漫长的等待，比较适合真机调试的时候使用。Joda-TimeJodaTime 提供了一组Java类包用于处理包括ISO8601标准在内的date和time。可以利用它把JDK Date和Calendar类完全替换掉，而且仍然能够提供很好的集成。Joda-Time主要的特点包括：易于使用:Calendar让获取”正常的”的日期变得很困难，使它没办法提供简单的方法，而Joda-Time能够 直接进行访问域并且索引值1就是代表January。易于扩展：JDK支持多日历系统是通过Calendar的子类来实现，这样就显示的非常笨重而且事实 上要实现其它日历系统是很困难的。Joda-Time支持多日历系统是通过基于Chronology类的插件体系来实现。提供一组完整的功能：它打算提供 所有关系到date-time计算的功能．Joda-Time当前支持6种日历系统，而且在将来还会继续添加。有着比JDK Calendar更好的整体性能等等。GitHub - JodaOrg/joda-time: Joda-Time is the widely used replacement for the Java date and time classes prior to Java SE 8.msgpackMessagePack是一个基于二进制高效的对象序列化Library用于跨语言通信。 它可以像JSON那样，在许多种语言之间交换结构对象；但是它比JSON更快速也更轻巧。 比Google Protocol Buffers还要快4倍https://github.com/msgpack/msgpack-javascribejavaScribeJava 是一个简单的 Java 实现的 OAuth/OAuth2 库。LogbackLogback是由log4j创始人Ceki Gülcü设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。frame-video-viewNo more issues with VideoViewJakeWharton scalpelJake Wharton，Android开发领域传奇一般的存在，熟悉Android开发的同学应该都听说过，即便没有，也应该会经常用到他主导或参与贡献的开源 项目，他在GitHub上开源了多个Android兼容性、依赖注入相关的知名项目，目前就职Square, 也参与贡献了Square公司开源的诸如Retrofit, okhttp等热门项目。Jake大神喜欢以刀命名自己的项目，可能他觉得这能很好的表达它们作为开发利器的犀利程度，不过没准他也很喜欢中国武侠小说呢。他最有名的两把刀，一把是Dagger, 匕首，一个依赖注入框架，用来解耦开发中各模块依赖的，最早由他开发与维护，后来转给Google维护；另一把是同样大名鼎鼎的ButterKnife， 黄油刀，有了它，你再也不用写findViewById了，以后有机会给大家详细介绍它们。今天的主角是它们不那么知名的小兄弟，Scalpel，这把非常酷炫实用的解剖刀。他其实就是实现了一个三维效果的界面布局层次展示，不需要手机连接开发设备，只需要简单几行代码将其集成到你的应用中，即可开启酷炫之旅，它提供的功能包括：通过setLayerInteractionEnabled(boolean)可开启与关闭此功能。通过setDrawViews(boolean)可控制是否绘制View, 也就是说它可以仅仅是个简单的布局线框图，也可以是色彩丰富的真实效果图。通过setDrawIds(boolean)可控制是否显示各控件的Id, 你就能知道你自己正在调试的那个控件到底在哪了？通过setChromeColor，setChromeShadowColor可自定义线框图的颜色，随你喜欢。material-camerahttps://github.com/afollestad/material-camerahawkAndroid的安全、简单Key-Value存储bugsnagBugsnag crash reporting for Android apps ，Bugsnag exception reporter for AndroidgoldengateAn Android annotation processor for generating type safe JavaScript bindings (Bridges)Helpshiftslf4jSLF4J，即简单日志门面（Simple Logging Facade for Java），不是具体的日志解决方案，它只服务于各种各样的日志系统。按照官方的说法，SLF4J是一个用于日志系统的简单Facade，允许最终用户在部署其应用时使用其所希望的日志系统。Nuwa热修复Nuwa, pure Java implementation, can hotfix your android application.Android 热修复Nuwa的原理及Gradle插件源码解析megvii人脸识别RadiusNetworksFlybuy | Save time.Radius Networks · GitHubSwiper开源，免费，强大的移动端触摸滑动插件Swiper常用于移动端网站的内容触摸滑动Swiper3依然拥有progress，这是制作3D切换效果的利器在Swiper上加些小动画，制作高大上的展示NettyNetty是由JBOSS提供的一个java开源框架。Netty提供异步的、事件驱动的网络应用程序框架和工具，用以快速开发高性能、高可靠性的网络服务器和客户端程序。也就是说，Netty 是一个基于NIO的客户、服务器端编程框架，使用Netty 可以确保你快速和简单的开发出一个网络应用，例如实现了某种协议的客户，服务端应用。Netty相当简化和流线化了网络应用的编程开发过程，例如，TCP和UDP的socket服务开发。“快速”和“简单”并不用产生维护性或性能上的问题。Netty 是一个吸收了多种协议的实现经验，这些协议包括FTP,SMTP,HTTP，各种二进制，文本协议，并经过相当精心设计的项目，最终，Netty 成功的找到了一种方式，在保证易于开发的同时还保证了其应用的性能，稳定性和伸缩性。cheesesquare：Demos the new Android Design libraryFBReaderJFBReaderJ是一个Android 平台上的电子书阅读器。这是一个Java版的FBReader图书阅读器的克隆。 FBReaderJ支持多种电子书格式： oeb ， epub ，和fb2 。直读从zip、tar和gzip等格式hawtdispatchHawtDispatch is a small ( less than 100k ) thread pooling and NIO handling framework API modeled after the libdispatch API. libdispatch is the API that Apple created to power the Grand Central Dispatch (GCD) technology in OS X. It allows you to more easily develop multi-threaded applications which can more easily scale to take advantage of all the processing cores on your machine. At the same time, its development model simplifies solving many of the problems that plague multi-threaded NIO development.ZeroMQ 一个轻量级消息内核autobahn-androidWebSocket & WAMP in Java for AndroidRobotiumRobotium 是一款国外的Android自动化测试框架，主要针对Android平台的应用进行黑盒自动化测试，它提供了模拟各种手势操作（点击、长 按、滑动等）、查找和断言机制的API，能够对各种控件进行操作。Robotium结合Android官方提供的测试框架达到对应用程序进行自动化的测 试。另外，Robotium 4.0版本已经支持对WebView的操作。​Robotium 对Activity，Dialog，Toast，Menu 都是支持的。One Step & Big Bang锤子科技的一小步，智能手机进化的一大步什么是一步（One Step）？通过拖拽完成将信息发送至应用或联系人的动作，节省了在不同应用之间切换的诸多步骤，第一次打通了手持设备中应用间的边界进一步了解 One Step什么是大爆炸（Big Bang）？用拇指大面积按压屏幕中的文字，Big Bang 会将你按住的那一段文字全部“炸”开并且按照语义智能拆分成易于选取的独立的字和词，由你随心所欲地选择，并可直接搜索、分享和复制。Big Bang 开创性地解决了在手机这样的小屏幕上难于处理文字的弊端