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

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

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

从南极之争谈软件架构十个技巧,及成功团队具备的气质 Imation重拳出击,推出新型混合存储平台 张建华:FusionSphere不是简单的OpenStack发行版 Chrome 29来了:地址栏变得更“兼容” Android版增WebRTC 工程师谈在Facebook工作最糟糕的事情 用Scala重构19楼——SDCC 2013讲师王治专访 10款最新且超实用的开发框架 创业公司为什么应该写博客? 向iOS SDK看齐:Facebook Android SDK迎来重大更新 闯向海外:对话AppFlood产品总监陈霄 高手爱跨界:联想智能桌面,27寸大Pad抢先试玩 惠普第三季度收入272亿美元同比下降8% 高管重新布局 原来我们会出这个价钱购买“廉价”iPhone Web设计过程中该做和不该做的 新细节披露:通过电信合作 美国75%网络遭NSA监控 实时Bug检测工具Bugsnag发布API更新 【观察】一大三小:亚马逊,微软、谷歌、IBM ,IaaS四足鼎立 “化云为雨”一小滴:北京,3G手机+蓝牙打印机实现智能抄表 金山云与蓝汛联合提供云基础设施服务 MongoDB出新招,增加对Hive的支持 编程语言收入榜 Java排第三 直接拿来用!10段超有用的Git命令行代码 Google Cast SDK正式版发布:自动适配,修复Bug 频受红杉资本青睐,商业智能初创公司Birst靠的是什么? 2013百度世界大会要点精华回顾 WebApp开发框架Clouda、轻应用... 对新手有用的JavaScript开发小建议 磨剑三载,且看从容应对14.3万TPS的Twitter是怎样炼成的! 兰亭集势:被高估的“长尾式采购” 谁说WP手机不行?微软称已成拉丁美洲第二大移动平台 Windows 8之父Steven Sinofsky加盟风投机构A16Z SDCC 2013演讲议题抢先看 腾讯、阿里、支付宝、网易…… 各位大哥大虾,VC下如何用ADO连SQL SERVER?(急) ShellExecute和CreateProcess有什么区别? 关于海量数据、最有效率的排序、硬盘缓冲与映射、专业数据库的讨论 如何用VB编启动是可以带参数的程序呢?(例如:我自定义了一种文件,双击用我的程序打开,程序自动会打开这个文档 昨天我过生日,今天分蛋糕给大家 请问哪有《java图形设计2Swing篇》可以下? 我要用一个数据库去实时访问另一个据库,我该怎么办 URLghj1976@csdn.net----别吓我,有请您老人家! 谁给我介绍一下sql server7.0教材的比较好的下载网站,我给他20分。 我都急死了,到搜索引擎里搜到的好几个站点都不能用,到底哪儿可以当到3DMAX? 谁有写的比较好的邮件收发程序? 一个微软证书的私钥问题 微软证书的私钥问题 求助,简单问题 男人最快乐的十个瞬间! solaris下装oracle8.1.6遇到jre环境问题 怎抹加分?我准备给别人加40分,可我最多只能加20,请问另外20分怎末加分,为此我可能已得罪了一些人了。 请教下载的问题 如何在运行时动态修改Quick Report的打印机设置? 怎样做一个接受拽拖的LISTBOS(例如,把资源管理器里的文件拖到上面,就自动增加一项 ,就是拖的文件名) 怎样才能隐藏在ctrl+atl+del中进程列表中的项目啊 用C写DLL 请问:airhorse(编程至尊宝),infopower3000的注册码可以用于商业目的吗? 结构化异常处理 linux下如何配置内置Mondem? red hat linux7.0下安装oracle8.1.6遇到问题 我是菜鸟,问一个关于类的问题 问题:TWebbrower中,InnerHtml和OuterHtml以及InnerText和OuterText之间的区别 (加急)我要傻了,快救命啊!高分求救!!(回答正确者尽管开口要分!) ==============VC中怎样调试控制台程序=============? 再问:MS SQL6.5 的.DAT文件怎么恢复,请高手帮忙,(100分绝对对线) 白桦林 我需要自定义一个鼠标按下的事件,可我不知道该去那个参数?有人能告诉我吗? 有谁有比较好的javacript教学方面的电子文本? 两个关于数据库的问题(上次写的不太清楚),我的分快用完了,只能随便给点意思意思了! DotNet时代真正来临了/VB.NET/Beta2正式版下载地址/大家要就快点/如果FTP停了/可不要怪我 那里有DIRECTX编程的书或资料呢?(用VB编) @_@````兄弟们!!有在WIN2K下用VC6搞开发OR学习的吗? 该是到了绝望的时侯了 DotNet时代真正来临了/VS.NET/Beta2正式版下载地址/大家要就快点/如果FTP停了/可不要怪我 在用户登录后,她要更改密码或用户信息,怎么实现?用cookie吗? 建议增加UNIX开发板块! 寻VB好书 用N-Up样式的数据窗口,检索出的数据有 1,2,3,4,5类数据,1类的有1行,2类的有2行, 在应用程序和DLL中如何永久保留用户的一些设置,在程序从新启动后仍然有上次的设定 怎么样用WHERE进行日期查询呀? 大家帮帮我!!! 怎么加进度显示???????? VFP与HP等打印机冲突问题试解决 热插拔刷新CMOS时,两台机器主板型号可以不同吗? 男人的大脑终于被X-光分析出来了 整式的加减,以去括号和合并同类项为基础,化简后的结果不含( )和( ). 有理数的乘除法仍与加减法类似应先定符号再定什么? 一个英语语法问题,括号里应该怎么填They often take children on day-trips,< >(bring) along with them all kinds of food for the kids to enjoy. 初一数学整式的加减怎样去括号= =.我是傻× 去括号后该怎样变符号要详细说明哦~~~~~~~~~~ 英语语法题9(括号内是错的)-Did you give him the book?-Yes.I gave it to him (once) I saw him.参考时directly 我觉得是答案错了吧? 解一元一次方程(去括号),已知x=2是关于x的方程(2m-1)x=8的解,则m的值是--------------.方程2(12+x)=4的解是-----------.(1)3x-2(1-2x)=5;(2)3(2x-5)-(4x+2)=1;(3)5(x+2)=1+2(3x-2);(4) 去括号与添括号的法则 英语语法题1(括号内是错的)To my great surprise,there are two pages (missed) in the new dictionary.正确的是missing,为什么 解用一元一次方程 去括号 用添括号法则做, 加减乘除都可以,括号也可以怎么算等于24 用括号解一元一次方程! 运用添括号法则解, 必采纳,要做出来才算 用去括号法和去分母法解一元一次方程四道题带过程 添括号法则 假设法计算.商店阿姨收了一些20元和50元的人民币,共值2990元,其中20元的张数是50元的张数的4倍,你知道商店阿姨收了多少张50元的人民币吗?注意假设法 去括号+去分母的一元一次方程~快·····今天(2007.12.08)帮我找道题目者,加赏分50~ 0添括号法则,想弄清楚点,半夜啊TQT 用简便放法计算. 用去分母法解一元一次方程 :(1)2y-1/6=5y+1/8 ,(2) x-1/2+1=x-1 ,(3) 1+3-x/2=x+4/3-2 ,(4)1/2(x+1)-x+1/6=1 ,(5)1/3x+1/2=2/3 (6)3(2x+1)/4-1=2(2x-1)/3 (7)4(2y+3)+5(y-2)=8(1-y) (8)如果2x^5a-4-3=0是关于x的一元一次方程,那么a=( 添括号法则,什么时候才添啊,可以随便添吗 咋做一定采纳是简便计算 一元一次方程 去括号 在什么情况下括号里面变号,整式的加减 高数75(5学分),英语71(4学分),体育82(1学分),计算机77(4学分),马原81(3学分),地图学73(2学分),普地学81(3学分),测量学70(3学分). 去括号解一元一次方程 求检查,有错的指出来.题目是关于整式的加减—去括号的. 英语翻译 一道解一元一次方程的题(去括号的)!2(10-0.5y)=-(1.5y+2)把去括号的过程写下来 数学整式的加减、去括号题目.已知:A—B=3,AB=1.求代数式(2A+2B—2AB)—(A+4B+AB)—(3AB+2B—2A)的值. 英语翻译这场暴风雪大得让人吃惊(snowstorm;astonish)那个小女孩正在奶奶耳边窃窃私语(whisper)她有幸在这部影片中出演主角(fortunate;star)我对我上学期的成绩不满意.(be content with)这个山 一元一次方程 去括号与去分母 要有格式!三分之5y+4 + 4分之y-1 = 2 -12分之5y-53分之x+6 - 5=4x3分之7x-1 — 2分之5x+1 = 1格式是:去分母,得去括号,得移项,得合并同类项,得系数化为1,得 这个英语阅读括号里应该填什么?There ones was a (w ) who was walking in a (f ) .Sunddenly he fell in a (h ) .the wolf yelled “ (h (h ”Along came a (sh ).The (s ) saved the walf .Then the wolf said ,“T will (e ) you .” The sheep ye 什么水平才算大神呢求虐 关于解一元一次方程——去括号和去分母的题七年级二班买了35张电影票,公益共用了125元,其中甲种每张8元,乙种每张6元,问甲、乙两种票各买了多少张? 设( )x张,则乙种票买(35- 英语阅读有什么窍门,或高效阅读法 用3'8'3'8,加减乘除.小括号算得24, 求解一元一次方程去括号题两道~加讲解,10(x+30)=15x,2.8(x+24)=3(x-24)去括号得 移项得 合并同类项得 系数化为一得还有啊 我想问问 怎么系数化为一呢?ps 讲一下系数化为一最好列几道题 以便明白 这篇英语阅读理解的意思大致是什么, 英语翻译1、令她父母高兴的是,她通过了这次入学考试.(to one's joy)2、Alex许诺要来,但他还没有出现.(turn up)3、英语测验即将来临.(around the corner)4、我们现在可以和许多朋友通过电子邮 一元一次方程带括号的习题 趣味英语阅读介绍 英语翻译1.一个乞丐走近我们向我们要钱(come to us)2.约翰年纪渐大,他开始迷恋于赚钱.(become obsessed with)3.你跟我说调查此事白费工夫,同时却又希望我去调查.(in the same breath)4.他赚了一大笔钱,从 去括号解一元一次方程 英语翻译 英语翻译1、当他到达十八楼时,他就气喘吁吁了.(out of breath) 2、尽管他多次失败,但最终他的发明成功了.(succed in)3、医生建议她多锻炼,少吃肉.(suggest) 分数的乘除法法则 英语翻译As expected,administration of the GR-antagonist RU38486 prior to training in a fear conditioning paradigmimpaired contextual memory when tested 24 (but not when tested 3) h after training. 英语翻译中国目前已经建成 1.9 万公里公路.自 1990 年以来,中国每年都要新增 3700 公里公路.到 2020 年公路网将连接中国所有重要城市.中国公路里程将仅次于美国,达到 55000 公里.高速公路网将 分数的乘除法运算法则是什么, 选出括号里英文的正确意思.()1 .I know that (from A to Z)A 从A到Z B 从头到尾 C 字母表 D 距离很远()2.What's the Chinese for "(talk big)"?A 吹牛 B 说谎话 C骂人 D 很大 英语翻译让我和老师们商量一下这件事,明天给你答复(talk over)我不知道他们能不能准时还书(wonder)英语专业的学生除了学习英语以外,还必须学习许多其他课程(in addition to)孩子们喜欢到 去括号,并合并同类项.-3(2x的二次方-xy)+4(x的二次方+xy-6)a+[2a-2-(4-2a)] 分数乘除法的运算法则是什么? 英语翻译 整式的加减以去括号和合并同类项为基础化简后的结果不含什么什么,它的依据是加法 小学整数加减法去括号时怎样变符号? 这句英语括号里的是固定还是语法?For he wished very much (to be) tall and large like other men.
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn