说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

直接拿来用!最火前端开源项目(三)

HTML文档下载 WORD文档下载 PDF文档下载
在前面的(一)、(二)中为开发者提供了十九个类别的开源项目列表,你们是否会感到目不暇接呢?没关系,只要对你有所帮助,我们的目的也就达到了,这里继续向你推荐剩下的二十六个类别的开源项目列表,供你查阅。

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

二十、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

  • The client-side templating throwdown::mustache, handlebars, dust.js, and more
  • Leaving JSPs in the dust: moving LinkedIn to dust.js client-side templates
  • Tutorial
  • Testing Console

二十一、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

  • Faster HTML and CSS: Layout Engine Internals for Web Developers
  • Google I/O 2012 - Breaking the JavaScript Speed Limit with V8
  • DOM, HTML5, & CSS3 Performance
  • Nicholas Zakas | High Performance Javascript
  • Building A Performant HTML5 App 

(4)General Information

  • Writing Fast, Memory-Efficient JavaScript
  • JavaScript Performance Best Practices 
  • Improving the performance of your HTML5 App
  • Best Practices for a Faster Web App with HTML5
  • Front-end performance for web designers and front-end developers

(5)Memory

  • Memory 101
  • Memory leak patterns in JavaScript
  • Understanding and Solving Internet Explorer Leak Patterns
  • Finding memory leaks
  • How to write low garbage real-time Javascript
  • JScript Memory Leaks
  • Tracking Down Memory Leaks in Node.js
  • Effectively Managing Memory at Gmail scale

(6)Tools

  • Chrome Developer Tools
    • Heap Profiling
    • Profiles Panel
    • JavaScript Profiling With The Chrome Developer Tools
    • Introduction to Chrome Developer Tools, Part One
  • V8
    • Optimizing for V8
    • I-want-to-optimize-my-JS-application-on-V8 checklist
    • Performance tips for JavaScript in V8
  • JavaScript Leak Finder
    • Introduction Article
  • Navigation Timing
  • Firebug Paint Events
  • Locache:是一个JavaScript缓存框架,用于在浏览器上使用localStorage进行数据的缓存

(7)DOM Manipulation

  • Rendering: repaint, reflow/relayout, restyle
  • Reflows & Repaints: CSS Performance making your JavaScript slow?
  • The new game show: "Will it reflow?"
  • When does reflow happen in a DOM environment?
  • Speeding up JavaScript: Working with the DOM
  • Efficient JavaScript 
  • When Does JavaScript trigger reflows and rendering
  • How (not) to trigger a layout in WebKit

(8)Animation

  • requestAnimationFrame for smart animating
  • Leaner, Meaner, Faster Animations with requestAnimationFrame
  • Collie - high performance Animation library
  • Using requestAnimationFrame to Optimize Dragging Events
  • requestAnimationFrame API: now with Sub-Millisecond Precision
  • Why moving elements with translate() is better than pos:abs top/left

(9)Hardware Acceleration

  • Visualizing WebKit’s hardware acceleration
  • List of Chromium Command Line Switches

(10)Browser Internals

  • How Browsers Work: Behind the scenes of modern web browsers
  • How Browsers Work - Part 1 - Architecture
  • Know Your Engines at O’Reilly Velocity 2011
  • Video: GDC 2012: From Console to Chrome
  • Fast CSS: How Browsers Lay Out Web Pages
  • Video: What Browsers Really Think of Your App
  • WebKit blog five-part series on rendering
  • Video: Alex Russell - Life Of A Button Element
  • How a web page loads
  • Video: The Fundamentals, Primitives and History of HTML5
  • The JavaScript engine family tree
  • How JavaScript compilers work
  • JavaScript compiler strategies
  • The future for JavaScript

(11)HTTP Transport

  • Fantastic front-end performance: Concatenate, Compress & Cache
  • Video: Cache Is King! 

二十六、Modularity & Loaders

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

  • Plugins
(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 withCross-Origin Resource Sharing

三十、Error Handling & Debugging

(1)Tracing.js
(2)JavaScript error handlinganti-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 WebDashboard
(6)Metro JS
(7)Windows Metro tiles with Javascript and CSS3
(8)Cosmo
(9)Vid: What Web Developers Need toKnow When Building Metro style Apps
(10)CSS3 Microsoft Modern Buttons
(11)Visual Studio 2012 Image Library -5,000+ Images Downloadable Now
(12)Metro User InterfaceImplementation 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

  • ohauth
  • How iD Logs in to OpenStreetMap
(2)JSO - a Javascript OAuth Library
(3)xdoauthproxy
(4)JavaScript Cryptography
(5)Javascript Crypto Library
(6)StanfordJavascript Crypto Library
(7)mozilla/ jwcrypto
(8)Critic

  • Javascript Cryptography Considered Harmful
  • Final post on Javascript crypto

四十四、Layout

(1)Shapeshift
(2)CollagePlus

四十五、Misc

(1)zip.js
(2)simpleCart.js
(3)Aware.js
(4)How to directly upload files toAmazon S3 from your client side web app

文章来源:github.com

原生广告:移动推广的热门新宠 隐私之战:金山手机毒霸宣布开放安全检测平台 世界人民的头上有张监控大网——Xkeyscore 美国“监控门”情报收集系统 X-Keyscore 技术揭秘 为啥REST如此重要? 并非PHP Frameworks而是WordPress让PHP更加流行! Twitter Bootstrap深受开发者喜爱的11大理由 假如3D打印机也有“撤销”键 大数据的游戏运营:不能起死回生,只能锦上添花 15个步骤创立技术公司,并收获千万用户(一) 红帽再发力 将MongoDB整合到Linux系统 ZestFinance:前谷歌CIO创立的机器学习+大数据分析公司 7月份浏览器份额:IE仍最受欢迎 Chrome成最大赢家 2013 Q2 Android手机出货量再创新高 iPhone三年来新低 如何一个人打造日PV百万的网站架构——SDCC 2013讲师曹力专访 【一周观察】动辄9位数以上的投资,云数据中心缺口巨大! 硬件创业到底有多火? 知名网站分享:PHP代替Perl,Redis置换MySQL,日处理过亿PV 涨姿势了:Unity CEO聊如何玩转开发者生态 移动周报:再造Ruby女神背后的开发故事 超算什么都弱爆了:模拟一秒人脑计算需要8.3万处理器40分钟 人才短缺不能只靠等 看分析人士给硅谷的3个方案 九个相当有吸引力的WebGL演示 巨人网络朱永明谈运营:游戏就是社会的缩影 Dragon Forged创始人:不想当空军的开发者,不是好程序员 创业者应该怎样走出idea迷宫? TIOBE 2013年8月编程语言排行榜:Java领衔称霸 Gartner新报告:为改善风险管理,云服务合同需要更透明 没有银弹:探讨 Java 8 新增特性的优缺点 SDCC 2013议题更新 Pinterest架构实践、推荐系统、微信应用... 拥有82944个处理器的超级计算机 40分钟才能模拟一秒人脑活动 jsp调用javabean需要做那些步骤啊?在线等待,马上接贴! 有重庆的考程序员的吗?重庆什么时候考(留下你的联系方法) 立项建议书 vb画圆 立项建议书 请教关于数据库的问题 如何信达地翻译这句话? 请大家 推荐一些比较难的书(散分) 请问那里有isa server的中文教程下载?谢谢。 高手助我! 在VB中,用SQL语句时,怎样用函数。 图标在上网的时候改变,请问这是怎么回事? 编一个电话簿程序都需要哪些控件? powerbuild 在社会上用在那些方面 ? 请教一个问题:在word中能实现双面打印吗? 关于写文本文件的问题 怎么改密码啊?! 哪里有pb的电子图书下?在线等待 高分求avi播放器源代码(不使用控件) cab文件 关于crystal report export 的问题 XML带的?是什么?? 如何实现数据库CLIENT的用户之间的交互,即一旦一个用户更改了某项数据,其它用户能立刻知道,并能作出反应? 没有控制面板如何设置Delphi快捷键? 连接上网成功后会产生什么事件或者消息? 怎么定位treeview和listview? 哪里有DEIPHI5程序员参考这本书可以下载? ds,dt,dv数据绑定的时候,那个是最佳选择? 谁有串口通讯的控件comm32.zip,spcomm.zip,async32.zip,commst.zip? 游戏开发需要具备哪些知识? 在DELPHI中怎么命令调用外部exe文件?1 java运行环境参数 关于Apache 1.3和Tomcat 4.01结合使用的问题,搞不定了,请帮帮忙! 十万火急?请进!!! IBM 有自己的jkd吗? 哪位北京的朋友能帮我一下,给我妹妹找点事做 在DELPHI里面有没有读取时间的函数,其精确到毫秒的??急救。 小程序改错?急!!!请大家帮忙!!! 问题很小,给分不少 高手请进!!!!???急急急急急急 3个菜问题,请高人给答? 数据存储怎么写事件 局域网中如何隐藏网上邻居? 为什么这个api在w2k下没效果,而在wxp下可以。 求助,急需isa server的教程。请各位帮忙提供下载,谢谢。 win2000的非常奇怪的问题 linux的安全 怎样使DBmemo在输入文字多的情况下自动出现上下滚动条呢? ObjectARX编程问题 又遇高手 对于处理大数据量的应用,该使用何种数据库? (创新题)下列各项描述中,说明绿色化学的特点的是( ).下列各项描述中,说明绿色化学的特点的是( ).①充分利用资源和能源,采用无毒、无害的原料②在无毒、无害的条件下进行反应, 硝酸能使品红溶液褪色吗 生态环境遭到的破坏 绿色化学产品有什么特征求答案 稀硝酸能使品红褪色么?比如将同物质的量SO2和Cl2同时通入含有品红的硝酸钡溶液,会看到的现象,一定会有BaSO4沉淀,但还有没有红色?答案是有红色的,稀硝酸难道不能使品红褪色么?我怎么觉得 生态环境遭到哪些破坏?8点半之前要用!最好多来几个 烛焰通过凸透镜恰好在光屏上形成一个缩小\倒立的像,保持透镜位置不充,把烛焰和光屏的位置对调一下,则A.仍能呈现一个缩小\清晰的像 B.将能呈现一个放大\清晰的像 C.光屏上不能呈现 硝酸可以使品红溶液褪色吗一道题目里的意思是不能,但是硝酸氧化性很强为什么不行?还是因为浓度的关系?题目里加的只是几滴.谢了一楼的不要胡说了,次氯酸,过氧化钠等等强氧化剂都可 目前生态环境遭到破坏有那些原因? 电动车防盗器哪个牌子的好?价格多少? 烛焰通过凸透镜恰好在光屏上得到一个倒立缩小的像,若保持透镜的位置不变,把烛焰和光屏位置对调一下,则:A、光屏上仍呈缩小的像B、光屏上不能成像C、光屏上呈放大的像D、光屏上无像, 自吸排污泵哪家的质量好? 京沪高速共路全长大约1200千米.一辆大卡车和一辆小货车分别同时从北京和上海出发分别同时从北京和上海出发,相向而行,经过6小时在途中相遇,如果大客车的速度是小客车的11分之9,两辆车的 当烛焰离凸透镜30cm时,在凸透镜另一侧的光屏上可得到一个倒立、放大的实像,该凸透镜的焦距可能是?说出范围就行了 液下排污泵的厂商 圆柱和圆椎的计算公式(简单点啦)体积,面积都要 烛焰通过凸透镜恰好在光屏上得到一个缩小倒立的像,若保持透镜位置不变,把烛焰和光屏的位置对调一下,则光屏上( ).A.仍能呈现一个缩小的像 B.将能呈现一个放大的像 C.不会呈现放大或缩小 绿色化学的特点之一是零排放二氧化碳和氢气反应只生成一种产物就能实现零排放 求圆、圆锥、圆柱的计算公式要字母的圆、圆锥、圆柱的全部计算公式 焰通过凸透镜恰好在光屏上得到一个缩小倒立的像,若保持透镜位置不变.把烛焰与光屏的位置对调一下,则我知道答案是成放大的像 可是为什么 移动位置就会在一倍焦距和两倍焦距之间呢 求 若将能效比为⒋0的空调工作1h将比原空调节约电能kw.h 是多少 什么物质和氢气反应能生成co2 6年级上册语文第4单元作文建议书(关于汽车尾气)如果很赞加悬赏!要500字以上 谁知道有没有描写客厅的7言诗句 二氧化碳与一定比例氢气混合生成什么?只需一种就可以实现零排放的 对减少汽车尾气的合理建议必须合理至少三条 描写风很大的句子 将蜡烛放在距离凸透镜30CM的地方,在透镜另一侧的光屏上,有蜡烛清晰放大的像,该透镜的焦距可能是A 20cm B 15cmC 10cmD 5 cm HF 水 氨气的溶沸点高低顺序是什么? 一台普通挂式空调多少钱,每小时耗多少度电 把蜡烛放在里凸透镜远大于2倍焦距的地方,在光屏上出现了明亮,清晰的烛焰的像,完成光路图(无视掉我画的) 为什么氢化钠沸点比氨气高 1.写一种事物,但是打比方的句子 2.把物当成人来写的句子 3.在客厅挂一幅对联是什么对联 二氧化碳和氢气反应,只生成一种产物就能实现"零排放",这种产物是什么? 关于绿色化学零排放的绿色化学”能实现零排放(即反应物中的原子利用率达到100%).CO2和H2在一定条件下按照不同的比例可以合成不同的化工原料.根据零排放的要求,以CO2和H2合成的下列物 描写雨下的很大的句子 现在,街上有大量的汽车,这些汽车排出的尾气污染了空气,破坏了环境,你的建议是什么 绿色化学如何理解 再生活性炭如何辨认 凸透镜焦距11cm,蜡烛在距凸透镜30cm处,在光屏上获得清晰的像后,在蜡烛于透镜之间再放一个凸透镜为了得到清晰的像,光屏应向(. )透镜方向移动.括号内填''靠近'' 或''远离''. 为什么? 物质的相对原子质量怎么求,除了("质子数+中子数"外) 如何辩别活性炭是原生炭还是再生炭?从外观上有方法简单的分辩出来吗?两者有什么区别? ZMOMD 倒车摄像头,五线2红线2黑线1黄线,怎么接? 东方明珠电视塔高多少 什么是汽车行驶的平顺性?影响汽车行驶平顺性的主要因素有哪些 在城市规划中,红线,蓝线,黄线,白线等,分别代表什么? 质子数与中子数相等的物质rt属于短周期的元素,质子数与中子数相等的物质 什么是汽车的行驶平顺性 建筑领域中的红线、绿线、黄线等有什么区别,各自的意义又是什么 东方明珠电视塔高多少,宽多少 满载与空载对汽车平顺性的影响 压力锅内部的气压算是大气压吗 活性炭是通过什么方式去味的?活性炭能把房间里的甲醛等味道去除吗? 高锰酸钾会不会伤害鱼? 过热器疏水阀有什么作用? 颗粒活性碳 方式形成颗粒活性碳中颗粒是通过什么样的技术形成的?我要快速知道答案!谢谢! 有哪些使品红溶液褪色的物质!他们的原理是什麼? 绿色化学的兴起及其特点 HCl 能使品红溶液褪色吗、 全球变暖的后果是什么
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘