直接拿来用！最火前端开源项目（三）

最新推荐文章于 2020-01-17 14:10:03 发布
最新推荐文章于 2020-01-17 14:10:03 发布
阅读量2.5k 收藏 3
点赞数 1
摘要：在前面的（一）、（二）中为开发者提供了十九个类别的开源项目列表，你们是否会感到目不暇接呢？没关系，只要对你有所帮助，我们的目的也就达到了，这里继续向你推荐剩下的二十六个类别的开源项目列表，供你查阅。

在《直接拿来用！最火前端开源项目（一）、（二）》中提供了十九个类别的开源项目列表，开发者们是否会目不暇接呢？没关系，只要对你有所帮助，我们的目的也就达到了，这里继续向你推荐剩下的二十六个类别的开源项目列表，供你查阅。

二十、Template Engines

模板引擎是为了使用户界面与数据分离而产生的，它可以生成特定格式的文档。使用模板引擎可以提升开发者的工作效率，该模板所拥有的良好设计也使得代码重用变得更加容易。


（1）ICanHaz.js：是一个简单而且功能强大的客户端的JavaScript模板引擎
（2）Hogan.js：是来自Twitter的JavaScript模板引擎
（3）Handlebars.js：是一个JavaScript的页面模板库
（4）Transparency
（5）doT.js：包含为浏览器和Node.js准备的JavaScript模板引擎
（6）Walrus
（7）Chibi
（8）Templayed.js：是一个兼容Mustache的JavaScript模板引擎，具有速度最快、体积最小等特性
（9）ECT
（10）pithy：JavaScript中为生成HTML的一个内部DSL
（11）T：T.js是一个模板引擎,使用简单的Javascript数据结构来表示HTML/XML数据。
（12）Nunjucks：是一个功能全面的JavaScript模板引擎。
（13）Linked.in Dust.js

二十一、RoutingAndUrls

（1）Crossroads.js
（2）Hash.js
（3）director
（4）Davis.js
（5）path.js
（6）URI.js
（7）Roadcrew.js
（8）jQuery Address
（9）page.js

二十二、Rich Text Editors

富文本编辑器（Rich Text Editor，简称 RTE）：是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Microsoft Word的编辑功能，即使不会编写容易HTML 的用户也能使用。


（1）WYSIHTML5：是一个开源的基于HTML技术的富文本编辑器，可生成完全兼容 HTML5 标签的文本
（2）MarkItUp：是一个轻量级、可定制、灵活的编辑器
（3）Hallo
（4）Substance Composer
（5）Proper
（6）SnapEditor
（7）Create.js
（8）MDMagick
（9）X-editable

二十三、Code Viewers & Editors

（1）Rainbow.js
（2）Intelligist
（3）Prism.js
（4）Brackets： Adobe用JavaScript、HTML 和CSS写的基于Web的开源代码编辑器
（5）CodeMirror
（6）Scripted
（7）tabIndent.js
（8）Behave.js：是一个轻量级的JavaScript库,为普通的text areas编辑框提供了IDE风格的行为，让它更适合书写代码。

二十四、Performance

（1）Writing Fast, Memory-Efficient JavaScript
（2）CSS-only:Load images on demand
（3）Videos

（4）General Information

（5）Memory

（6）Tools

（7）DOM Manipulation

（8）Animation

（9）Hardware Acceleration

（10）Browser Internals

（11）HTTP Transport

二十六、Modularity & Loaders

（1）Lazy Module Declaration
（2）UMD (Universal Module Definition) patterns
（3）Browserify
（4）require.js

（5） CrapLoader
（6） Writing Modular JavaScript With AMD, CommonJS & ES Harmony
（7） Путь JavaScript модуля
（8） Modular JavaScript with RequireJS
（9） LABjs & RequireJS: Loading JavaScript Resources the Fun Way
（10） JavaScript Inheritance and Public/Private members
（11） Deep dive into the murky waters of script loading
（12） Terminology: Modules

二十七、Package Management

（1）bower
（2）volo
（3）parce
（4）jam.js
（5）component

二十八、Image Manipulation

（1）Paintbrush.js
（2）Obscura
（3）jCrop

二十九、HTTP

（1）Using CORS
（2）Cross-domain Ajax with Cross-Origin Resource Sharing

三十、Error Handling & Debugging

（1）Tracing.js
（2）JavaScript error handling anti-pattern
（3）Tattletale

三十一、Documentation

（1）dexy
（2）docco
（3）Ronn
（4）dox
（5）YUIDoc
（6）coddoc

三十二、Windows 8 Style


（1）Metro UI CSS
（2）BootMetro
（3）metro-bootstrap
（4）Metro UI Template
（5）Droptiles – Metro-Style Web Dashboard
（6）Metro JS
（7）Windows Metro tiles with Javascript and CSS3
（8）Cosmo
（9）Vid: What Web Developers Need to Know When Building Metro style Apps
（10）CSS3 Microsoft Modern Buttons
（11）Visual Studio 2012 Image Library - 5,000+ Images Downloadable Now
（12）Metro User Interface Implementation and Resources

三十三、Video

SublimeVideo

三十四、Audio

（1）howler.js
（2）Stratus 2soundcloud player

三十五、Library Collections

（1）jster
（2）MicroJS
（3）JSPkg
（4）TheToolbox
（5）Unheap

三十六、Chat

XMPP using JSON

三十七、Prototyping

（1）fixie
（2）Holder.js

三十八、JSON

（1）JSON Query Language
（2）Oboe.js

三十九、Presentations

（1）Ancesor.js
（2）Slideshow.html
（3）HTML5 Slideshow
（4）jQuery Screen
（5）reveal.js
（6）html5 Slides by Google
（7）Slides
（8）CSSS
（9）deck.js
（10）controldeck.js

四十、Scrolling

（1）Scrollpath
（2）jQuery NiceScroll
（3）FoldScroll
（4）Scrollorama

四十一、Keyboard

（1）Mousetrap
（2）Keypress
（3）konami.js

四十二、Tables & DataGrids


（1）Tablecloth.js
（2）Responsive Data Tables
（3）stacktable.js
（4）FooTable
（5）Handsontable
（6）Backgrid.js
（7）Gridster
（8）Flex

四十三、Security

（1）oAuth Consumer Library

（2） JSO - a Javascript OAuth Library
（3） xdoauthproxy
（4） JavaScript Cryptography
（5） Javascript Crypto Library
（6） Stanford Javascript Crypto Library
（7） mozilla / jwcrypto
（8）Critic

四十四、Layout

（1）Shapeshift
（2）CollagePlus

四十五、Misc

（1）zip.js
（2）simpleCart.js
（3）Aware.js
（4）How to directly upload files to Amazon S3 from your client side web app


转载地址：http://www.csdn.net/article/2013-06-28/2816047-front-end-development

qjfpjie
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
konami.js:我尝试替代其他konami.js，因为原因
05-07
konami.js 因为重新发明轮子很有趣。 那个和另一个konami.js并不是为一个朋友工作的，而这种方法却是。 如何使用 将脚本从您自己的域（如果访问量为中到高）（或首选）或 （如果不需要SSL或没有，则最好从您自己的域）添加到页面中没有可自由上传到的网站空间）。 （您也可以将konami.js用作具有任何兼容加载程序（例如RequireJS）的AMD模块，在这种情况下，应将模块引用本身用作构造函数，而不是下面的示例中的全局“ Konami”对象。） 在您的代码中，创建一个新的Konami对象，并传入该函数以供识别代码时调用： var konami = new Konami(function() { // do some stuff here }); （可选）您也可以传入第二个true参数，以使其消耗移动按键，尽管该参数通常仅在单一用途的站点上有用，而不是在“真实的”
crossroads.js: 简洁易用的路由库
最新发布
gitblog_00037的博客
03-15 896
crossroads.js: 简洁易用的路由库 Crossroads.js 是一个轻量级的 JavaScript 路由库，它可以帮助您轻松地将 URL 映射到应用程序的不同部分，并在 URL 发生更改时触发相应的事件。 什么是 Crossroads.js？ Crossroads.js 是一个基于事件驱动的 JavaScript 模块，用于将 URL 映射到不同的处理函数。它允许您定义 URL 模式...
Stanford Javascript Crypto Library 斯坦福jscl 加密库
来自幻想
10-03 2888
斯坦福计算机安全实验室发布了一个基于javascript的安全加密库，项目使用了BSD和GNU GPL协议，开发者可以随意使用、修改、利用在自己的项目。压缩后的JS只有6.4KB，压缩速度显而易见的迅速。是WEB开发一大福音。
konami-js:用于检测著名的 Konami 代码输入并附加事件的简单系统
06-22
konami-js 用于检测著名的 Konami 代码输入并附加事件的简单系统 简单示例： (function() { var konami = new Konami(); konami.onSuccess = function () { alert('You win!'); }; konami.init(); }()); 具有特定目标的示例： (function() { var konami = new Konami(); konami.onSuccess = function () { alert('You win!'); }; konami.listenerTarget = document.getElementById('my_element'); konami.init(); }());
konami-js:Konami.js是一个ES6 JavaScript实例，允许Web开发人员在其网页上实现Konami代码。 通过向上，向上，向下，向下，向左，向右，向左，向右，B，A，Enter键，将执行一个或多个自定义JavaScript函数
05-15
Konami.js Konami.js是一个JavaScript软件包，允许Web开发人员在其网页上实现Konami代码的事件侦听器。 通过向上，向下，向下，向左，向右，向左，向右，按B，A，Enter键，将执行一个或多个自定义JavaScript函数。 例子 ES6 安装 npm install @gamingmedley/konami.js --save或 yarn add @gamingmedley/konami.js 添加事件监听器 import Konami from '@gamingmedley/konami.js' ; Konami . add ( ( ) => { alert ( 'This will alert every time the Konami code is entered.' ) ; } ) ; 添加单执行事件侦听器 import Konami f
前端开源库-tiff
08-29
** 前端开源库 tiff.js** `tiff.js` 是一个专门针对前端开发的开源库，用于解析和显示 TIFF 图像。这个库完全使用 JavaScript 编写，可以在浏览器环境中运行，无需依赖服务器端处理或额外的插件。通过 `tiff.js`，...
Vue2.x+Elemtui前端模板工程（直接白嫖，拿来即用）
11-18
Vue2.x和Element UI是当前前端开发中广泛使用的两个开源技术。Vue2.x是一个轻量级的JavaScript框架，以其简洁的API、高效的响应式系统和易于学习的特点深受开发者喜爱。Element UI则是一个基于Vue2.x的组件库，提供...
基于bootstarp的前端开源管理系统，最好用的后台管理模板
03-08
项目具有较高的学习借鉴价值，也可直接拿来修改复现。可以在这些基础上学习借鉴进行修改和扩展，实现其它功能。 【无积分此资源可私信博主有偿获取】 可放心下载学习借鉴，你会有所收获。 —— 对于学习和实践，...
基于echarts可视化大屏源码精品44套，拿来即用！
05-23
在"基于echarts可视化大屏源码精品44套，拿来即用！"这个资源中，你将获得44个预设好的ECharts大屏模板，这些模板是完整的HTML、CSS和JavaScript代码，可以帮助你快速构建出专业的大数据展示界面。 1. **ECharts...
基于java开发的开源网址导航网站项目
05-12
一个开源的网址导航网站项目，具备完整的前后台，您可以拿来制作自己的网址导航。文件上传集成七牛云接口，前端懒加载。 后台地址：http://domain/admin 默认用户：admin 默认密码：111111
konami-js:自2009年以来，将Konami Code复活节彩蛋添加到您的项目中！ 兼容智能手机和平板电脑上的手势
04-12
Konami-JS 将作为复活节彩蛋添加到您的Web项目。 与键盘和触摸事件兼容。 有关示例和其他信息，请访问： : （ 一个欢乐，轻浮的项目 安装 并将konami.js包含在您的项目中 与安装 ： npm install konami 用 bower install konami-js ： bower install konami-js Konami-JS在行动 常见的Konami-JS实例包括： （Skyscanner的设计系统文档） 特斯拉（ Archive.org ） 新闻周刊 奇迹（ Archive.org ） 此Mashable文章中几乎有一半的网站 粉碎杂志 游戏惯例的历史 ...还有很多！ 如果要将站点添加到列表中，请提交拉取请求。 看和听 观看我在此处谈论有关Konami-JS的历史以及在OdessaJS上维护“繁琐的”开源项目的喜悦和价值： ht
上上下下左右左右BA
wusuopuBUPT的专栏
10-21 3035
看到这个标题，你想到了什么？。。。。。。。。 哈哈，相信很多小伙伴会想到小时候玩的魂斗罗把！（满满的都是回忆啊，那时候叔叔那儿有个小霸王，他和表哥2人一起玩，我可能只有5岁左右吧！） 步入正题： 很多网站都有“上上下下左右左右BA"的彩蛋，详细可以这里：科乐美秘技 它是怎么实现的呢？ 其实，实现原理很简单，就是自己的网站上引用“konami.js”就可以了 konami
JS_konamiCode
trace的技术备忘专栏
01-13 597
代码是在此处看到的: http://www.planabc.net/2009/05/21/how_to_implement_konami_code_with_javascript/  var $ = { enabled: false, tmp: Array(), _konamiCode: Array(65,66,39,37,39,37,40,40,38,3
javascript模块化开发：require.js 基本用法
Blog
04-27 559
官网：require.js 自己写的一个地图应用小demo：github 基本使用 1 . 为什么使用require.js? 当加载多个js文件时，使用require.js有以下优点 实现js的异步加载 管理模块之间的依赖，便于代码的维护和编写 模块化开发 一个文件一个模块 减少全局变量 2 . 开始使用 文件目录结构 在 index.html 中 引用 ...
JS-Handsontable的使用
qq_32687373的博客
12-21 1381
<script type="text/javascript" src="~/Scripts/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script> <script type="text/jav...
前端进阶必备的七个开源项目！（必看）
yck199的博客
11-05 1508
点击蓝字前端真好玩关注，回复“1”加入前端进阶群与大家一起成长Github 上有很多宝藏仓库，这些仓库的内容能帮助我们很好地进行学习。以下是笔者收集的部分不错的仓库，以后也会定期分享给...
使用deck.js制作幻灯片
FuDesign2008的专栏
10-12 3898
使用deck.js制作幻灯片 2011-08-31 20:13 今天，无意中发现一个非常好玩的JS组件deck.js。使用它可以轻松的制作出自己想要的网页版PPT。 官网：http://imakewebthings.github.com/deck.js/#intro （使
那些令人惊叹的 HTML、CSS、JavaScript 工具和库
weixin_45919347的博客
01-17 363
前端开发很奇妙: 它入门很简单，但是想要成为大牛却很难。有太多的事情需要考虑，到处都有需要微调的地方，太多的细节处理才能保证让一切都刚刚好。幸运的是，开发者和设计师一直致力于为我们提供有用的工具和资源，来提高我们的技能、让我们做的更好。 所以今天我收集一系列省时的、有用的 HTML、CSS 和 JavaScript 资源给大家。我希望这些工具将帮助您提高专业技能以及工作流程。 HT...
jQuery Handsontable【jQuery插件-一个非常酷的可编辑表格】
xidajiancun
12-27 379
jQueryHandsontable 是jQuery插件中一款非常酷的可编辑的表格，它的描述是：a minimalistic Excel-like data grid editor for HTML, JavaScript &amp; jQuery. (一款类似于Excel的可编辑表格，通过HTML，JavaScript和jQuery可以对它进行实现) 我们来简单介绍下0.10.0-beta4，...
github好玩的前端开源项目
09-27
引用提供了一个名为33-js-concepts的前端开源项目，你可以在这个项目中学习和了解关于JavaScript的33个重要概念。同时，引用提供了一个名为makegirlsmoe_web的前端开源项目，它是一个可以生成动漫头像的网站。此外，引用中的redis-3.0-annotated是关于Redis的注释版文档。 其他一些好玩的前端开源项目还有: - Three.js: 一个用于创建交互式3D图形的JavaScript库。 - React: 一个用于构建用户界面的JavaScript库。 - Vue.js: 一个用于构建用户界面的渐进式JavaScript框架。 - D3.js: 一个用于创建数据可视化的JavaScript库。 - Chart.js: 一个简单灵活的JavaScript图表库。 - Bulma: 一个基于Flexbox的现代CSS框架。 - Anime.js: 一个轻量级的JavaScript动画库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值