Web 前端开发资源总结

Javascript相关

  • parallel.js: 前后端通用的一个并行库

  • zepto: 用于现代浏览器的兼容 jQuery 的库

  • totoro: 稳定的跨浏览器测试工具

  • TheaterJS: 一个用于模拟人输入状态的 JS 库

  • stellar.js: 前端用于实现异步滚动效果的库,现已不再维护

  • skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相

  • Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程序

  • regulex: 用于生成 正则表达式 的可视化流程图

  • markdown-it: 新型 Markdown 解析器,快速,支持插件

  • multiline: 用于 Javascript 中的多行文本,类似于 Ruby 的 HERE Doc

  • screenfull.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 JIT

  • jquery-ui: jQuery 团队开发的 UI 相关的前端库,功能强大

  • todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库

  • localForage: Mozilla 出品,用于离线存储,基于IndexedDB, WebSQL 或者 localStorage, 提供一致的接口

  • EventEmitter: 浏览器版的 EventEmitter

  • jquery.serializeJSON: jQuery 插件,用于将 form 表单序列化成 JSON 数据

  • knockout: 前端 MVVM 框架,用于开发富前端应用

  • mermaid: 可以根据文本生成流程图,类似于 Markdown 的语法

  • js-sequence-diagrams: 另一款可以根据文本生成流程图的库,类似于 Markdown 的语法

  • flow: 一个用来检测 Javascript 语法错误的库, Facebook 出品

  • zoomooz: jQuery 插件,用来处理浏览器缩放

  • fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库,优雅大方

  • mithril.js: 轻量型前端 MVC 框架,部分使用场景下性能优于 Angular.js 和 React

  • backbone: 强大的前端 MVC 库,鼻祖级前端库,最初为了配合 Rails 来模块化前端应用,兼容性良好 (兼容到 IE6),插件丰富,性能良好

  • jquery.smartbannersmartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持

  • jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素, 支持回退等

  • jScrollPane: 自定义的滚动条,让所有浏览器都显示一样的滚动条

  • onepage-scroll: 提供类似于 iPhone6 展示页类似的效果,适用于单页应用,兼容到 IE8

  • scrollMonitor: 前端插件用来监控元素的滚动事件(进入、退出等),性能很好

  • 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 和 CSS

  • jquery-qrcode: jQuery 插件,用来生成二维码

  • Wookmark-jQuery: jQuery 的一个插件,可以用来实现瀑布流的效果

  • isotope: 可以用来过滤、排列布局,实现美观的动态布局切换效果,Demo

HTML5 相关

  • sensor.js: 在智能移动设备浏览器上,通过HTML5的api使用移动设备的功能。定位、运动、倾斜等

  • hyhyhy: 用于创建 基于 HTML5 的 演示文稿

  • swipebox: jQuery 插件,用于处理移动端的触摸事件

  • FileAPI: 前端用户处理文件(拖放、多文件上传等)

  • Sortable: 现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery

  • Swiper: 用于实现浏览器上的滑动切换效果,支持硬件加速

  • 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 版的 Firefox

  • jquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库,基于 HTML5

  • interact.js: 一个适用于现代浏览器的,用于处理 手势、拖放、缩放等的库

  • rebound-js: 实现部分物理效果,Facebook 出品

  • basket.js: 基于 LocalStorage 的资源加载器,可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存

  • iscroll: 高性能的滚动(scroll)处理库,功能强大,支持各种事件,不依赖任何的库,且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的

  • metrics-graphics: 基于 D3 的图表库,简洁、高效,Mozilla 出品

  • Placeholders.js: 为不支持的 HTML5 的浏览器提供 Placeholder 支持

  • prefixfree: 自动为 CSS 添加 Vender Prefix,把你从不停添加浏览器前缀的噩梦中解放出来

  • accessible-html5-video-player: Paypal 出品的 Video 播放器

AngularJS

CSS

  • Hover: 基于 CSS3 的各种 鼠标悬停(hover)特效, 点击查看效果

  • icono: 一款用纯 CSS 实现的图标库

  • normalize.css: 一个用于重置浏览器内置样式的库

  • Skeleton: 一个 CSS 相关的库,用于构建对手机友好的网站

本文摘选自:https://github.com/lyfeyaj/awesome-resources#web-%E5%89%8D%E7%AB%AF

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将立即给予删除

转载请注明:文章转载自:全分享社区 「http://www.aweb.cc

本文标题:Web 前端开发资源总结

本文地址:http://www.aweb.cc/article/detail/id/275.html

php开发框架推荐之-CakePHP是一 <<上一篇