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

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

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

前方高能!盘点2014年最颠覆三观的智能硬件 俄罗斯当局封杀GitHub,理由是教唆自杀 裁员110人、关闭工作室,Rovio重组求出路! 全Swift开发、代码开源!有钳的Firefox for iOS 详解开源游戏开发框架HaxePunk的主要特性 《程序员》杂志休刊通知 2014 TOP50最具价值CTO获奖名单揭晓! TIOBE 2014年12月编程语言排行榜:R和Swift成为年度语言候选者 免费增值应用正在“杀死”游戏开发者? 直接Mark!开源的DevOps开发工具箱 Apache Mesos联合创始人Benjamin Hindman:谈分布式应用现状 直觉不靠谱!使用移动应用分析的七个巧妙方法 屏蔽、挖角与丑闻,Uber的“创收神器”泡沫 蚁视科技发布会:三大产品与四大概念技术 盘点VS2015 预览版的5个新特性 低能的“智能” 你就是明星,第一届IBM RockStar正式启动! Kubernetes:Google分布式容器技术初体验 方法可以复制 AngularJS资源集合 那些年,微信走过的开放之路 从YunOS话阿里移动互联网云生态布局 Mobile First!苹果联合IBM发布10款企业级App iOS8.1.1越狱又惹急苹果!扒一扒黑客与苹果的斗争史! Firefox.html:用HTML重现Firefox UI Qt 5.4正式发布!引入WP,支持HTML5混合开发 2014智能硬件盘点第二弹!这次咱走暖心的 聚合数据资产,推动产业创新——2014中关村大数据日看大数据变现 拥抱开源:微软Windows 10宣布全面支持AllJoyn技术 改变App领域发展!友盟推“数据工场”战略,两款新品亮相 Cloudera正式登陆中国市场:与英特尔携手共助本土企业淘金大数据 Go 1.4正式发布 支持Android开发 请帮我看一下这段代码,错在哪里?真快弄晕我了!!!! 如何抓取VB中FORM最小化事件 怎么样得到cpu的二级缓存信息? 我是新手 吉他和小提琴哪个好? 请教:如何在jsp中使用存储过程 关于串口的问题(好低级我就是不会) 有关mfc的问题 请问题在win2000p下用delphi6连sql server 2000 personal要加什么补丁? 一个奇怪的问题---应用程序为什么还出错? 怎样知道文件被哪个程序在使用? java web start实例代码COPY不了,怎么办? PowerBuilder 7.0的数据军定义在存储过程中 SQL SERVER 2000: [DBNMPNTW]拒绝纺问 从visio上考的公式,贴在word上是红叉,怎么办? 请教!!!!急阿!!关于DataGrid 大家来帮帮忙! Access中有象MS SQL Server中sysobjects一样的系统表吗? 请问delphi 里面那个控件可以控制每一行字符的颜色 有没有中文版的msdn呢 关于类的序列化的问题 怎样使用非标准的WINDOWS的ActiveX控件?非常急的问题!!! 为什么回出现这样的错误? 能否告之广州的房价? 消息处理程序? 请问如何检测一个字符串数字的有效范围?请高手大哥们帮个忙。 各位大侠帮忙! VFP的一个报表问题! sorrow_arrow(最近有点烦,有点烦) 请进来 ! 这里有个网站. 有用过WebSphere和VAJ开发EJB的老大吗?帮我看看这个简单的问题! 请问D版OFFICE XP的序列号!!! 如何才可以在网页中运行一个EXE文件,JAVA脚本能实现吗? .net环境问题~!! 一个关于BitMap背景的问题 为什么只返回一条纪录? 请问谁有《千年血后》的全文? asp能用哪些数据库? 50个人,每家养一条狗…… DataSet中数据插入到数据库的问题? 怎样返回应用程序的当前路径阿 午饭后,可否帮我看看这段代码???谢了!! 迷惑 VC是什么? 怎样用SQL进行成批数据复制(这批数据每个记录内容都不同)? 请教高手!怎么样设置DBGRID,使用户能按SHIFT时点2列,就能将两列中的所有列选中, 好心的版主啊!帮帮忙吧! 怎么把二个bitmap位图重在一起用 读取开机密码的源程序(超级用户密码)? 能否将一段比较复杂的ASP代码转换为SQLSERVER的存储过程? 我刚学VB,不知道什么地方有下VB的吗? 一杠杆可以绕着C点转动,在中点B点挂有一重物G,在A点施加动力使它在此位置平衡,则此杠杆:A 一定是省力杠杆B 一点是等臂杠杆C 可能是费力杠杆D 不可能是等臂杠杆我认为应该选A阿,可是为 如图,直线DE过三角形ABC的顶点A,且DE||BC.是说明∠BAC+∠B+∠C=180的理由 出租车司机小王的油籍50升汽油,从火车站出发,向东行驶了32公里,遇上了一位要去火车站的客人,于是调头原路返回,行驶了一半的路程时,客人突然有事下车,问火车此时在火车站的什么位置?如 现有蓄电池12只,每只200AH,有发动机一台,功率5KW.问能用多久?怎么算的?主要是公式和单位搞不清楚.最好把计算过程留下,感激不尽! 当自行车两个脚踏板转到什么位置时,用力蹬下的效果最好?为什么...按说应该不很难的,但是我老是想不清楚,谁能改我一个非常详细的答案?应该是有关杠杆的.如果答得好,还有重金! 汽车行驶中冷却液温度应该保持在什么范围,如若有区别,对于小轿车和客车什么情况说的详细点可以么 夏天在地面上洒些水会凉快写些这是什么现象? 三角形三个顶点A(4,1),B(7,5),C(-4,7),求三角形ABC的角A的平分线AD的长. 物理问题 磁场和磁感线 什么区别 (2012·遵义)如图所示的电路中,移动滑动变阻器的滑片,电压表示数从6V变到5V为什么不能用变化的电压直接乘变化的电流? 三角形三顶点是A(4,1)B(7,5)C(-4,7),求三角形角A的平分线AD的长 物理高手请进——关于磁场和磁感线的下列说法中,正确的是A.磁极对磁极、电流对电流及磁极对电流的作用力都是通过磁场发生的B.磁感线总是从磁北极出发,到磁南极终止C.磁场中某点 电池在车里太阳晒了2天,鼓包了还能用吗?拿到阴凉处后按了下,2个小时左右恢复了. 38AH/12V蓄电池放电后,16节电池的电压只能达到7.5-10.2V左右,什么原因?是放电过度吗?这是UPS电池,放了2小时的电,最低的电池是7.18V,最高的是10.14V,充电电压158V,现在电池不蓄电,(厂家回复是放电 夏天多往房间里撒水好吗? 请问汽车启动蓄电池,太阳能蓄电池,电动车用电池有何不同? 已知三角形ABC中,三个顶点A(1,4),B(-3,4),C(2,4),求ΔABC重心的坐标及角A平分线AD的长.B为(-3,1) (1) 刘叔叔的小汽车行12千米用汽油7分之5千克,现在刘叔叔要去公园,路程为20千米,需要汽油(1) 刘叔叔的小汽车行12千米用汽油7分之5千克,现在刘叔叔要去公园,路程为20千米,需要汽油多少 电动车在行驶中关闭电源对电池有影响吗? 电动车蓄电池常规放电时10.5V,我的放电到10.5V 之后 电池的电压为什么出现 那么大的压差?我用的是 新诺力 牌子的电池,5块12V的电池,电压分别是 10.5 V 10.3V 9.8V 9.7V 7.8V 这样一组电瓶正常吗? 炎热的夏天,开电扇或在房间里放些冰块都可以使人感觉凉快. 蓄电池放电10.5V后,回升电压是多少V?虚电压过高怎么修12.5—12.8V甚至更高,是怎么回事,怎么修 OA垂直OB,OC垂直OD,若角BOC=a,请你用a表示角AODA CBO D 初三物理电路题(求过程,急)如图,电源电压保持不变,当开关S1闭合S2断开时,电流表的示数为0.2A当开关S1.S2都闭合时,电流表的示数为0.8A电阻R1与R2的比值为? 低温锂电池的放电电压是不是比普通锂电池的放电电压要低? 物理学中引入磁感线是为了研究磁场,与此类似的还有 王叔叔买一辆7500元的摩托车.按规定,买摩托车要激10%的车辆购置税.王叔叔买这辆摩托车一共要花多少元?用两种方法解答,每种方法写上数量关系式.谢谢! OA⊥OB,∠AOC=1/2∠AOB,OD平分∠BOC,OE平分∠AOB,求∠AOD,∠EOD的度数 下列研究物理问题的方法相同的是( ) (1)研究电流时把它比作水流;(2)利用磁感线来描述磁场;(3)利用电流产生的效应认识电流(4)利用上课、课间和操场上乱跑的学生来认识固态 王叔叔买一辆96000元的摩托车.按规定,买摩托车要激10%的车辆购置税.王叔叔买这辆摩托车一共要付多少元 如图所示,电源电压保持不变.闭合开关,当滑动变阻器的滑片向右移动()A电流表示数变大如图所示,电源电压保持不变.闭合开关,当滑动变阻器的滑片向右移动则( )A电流表示数变大B电压表示数 初三物理电路图分析 王叔叔想买一台3000元的电动摩托车,但需要缴纳10%的车辆购置税,他买回车一共需付多少元? 如图所示电路中 滑动变阻器的滑片p从中点滑到右端时电压表示数增大了移动要过程求滑片移动前后电灯L的电功率之比是多少如图所示电路中 滑动变阻器的滑片p从中点滑到右端时电压表示 如图,电源电压保持不变.当开关S闭合后,滑动变阻器的滑片由中点向右滑动的过程中,电流表A1和A2的示数各有什么变化? 王叔叔买一辆7500元的摩托车.按规定,买摩托车要激10%的车辆购置税.王叔叔买这辆摩托车一共要付多少元? 如果滑动变阻器向右移动 电流 电压 的示数变化么这是并联还是串联电路啊 如图,三角形ABC绕O点旋转后,顶点A的对应点为D,则图中相等的线段有几组 王叔叔买了一辆摩托车,交纳了10%的消费税,一共花了7920元,这辆摩托车价值多少元? 如图平行四边形底边的中点是A他的面积是48平方厘米,求阴影三角形的面积. 英语翻译Do you know the meaning of "freshman fifteen"?A freshman is a first -year university studentFifteen means fifteen pounds --the fifteen pounds added too a student's weight in his or her first year,why do they usually become heavier?There a B(0,-3)C(0,3),三角形ABC周长为16,求A的轨迹 下面的平行四边形底边的中点是A,它的面积是96m求阴影部分的面积 英语翻译 英语翻译滴,1.你愿意在这家饭馆当服务员吗?2.这是一项令人兴奋的工作,但有几分危险3.我有时白天上班,有时晚上上班4.当人们外出就餐时,他很忙5.我妈妈在一家医院工作6.我爸爸是位教师,但 100AH,12V的蓄电池放电时,其端电压最低不能低于多少? 关于磁场和磁感线的说法,正确的是:A.只有磁体的周围才存在磁场B.磁感线是客观存在的闭合曲线C.在条形磁体周围的磁场中,每一点的磁场方向相同D.磁场中某点的磁场方向与该点小磁针静止 串联和并联电路连接方式分别有什么特点啊 对12V蓄电池充电中,浮充电压13.8V~14.5V是指充电电压还是值进入浮充的蓄电池电压条件?对12V蓄电池充电中,浮充电压13.8V~14.5V这是指进入浮充充电的蓄电池电压条件还是指使用13.14.5V的充电电压 沿磁感线方向,磁场逐渐减弱为什么错 串联与并联电路是怎样连的 从点O引四条射线OA,OB,OC,OD,如果∠AOB:∠BOC:∠COD:∠DOA=1:2:3:4,那么这四个角的度数分别是多少? 关于磁场和磁感线的描述,正确的说法有A.磁极之间的相互作用是通过磁场发生的磁场和电场一样,也是一种物质B.磁感线可以形象地表现磁场的强弱与方向C.磁感线总是从磁铁的北极出发, 有串联和并联连在一起的电路吗我就是做了个风扇,12v的,并联后马达减速,串联后电压不够清楚点,请见谅 1.一跟轻质杠杆,在左右两端分别挂上200N 和300N的重物时,杠杆恰好平衡.若将两边重物同时减小50N则杠杆( )A左端下沉B右端下沉C仍然平衡D无法确定2.一个轻质杠杆(如同线段AB,支点是O)恰好 磁感线上任何一点的切线方向,就是该点的磁场方向,什么切线方向?磁场方向与磁感线方向不同吗? 出租车司机小李开的是桑塔纳桥车,这种车的油箱最多能装汽油60升,每升汽油最多行驶25千米.一天,他加满油后送一位客人从南京到杭州去,已知南京到杭州的公路长228千米.你认为他在途中要加 如图3所示,从o点顺次引出四条射线OA,OB,OC,OD,如果角AOB;角BOC;角COD;;角DOA=1:3:5:6,求角AOB,角BOC, 如图所示的电路中,有两根导线尚未连接,请用笔线代替导线补上.补上后要求电键S控制整个电路,S1只控制灯L1,并说明图中滑动变阻器的作用请告诉我怎么连(如果能把连好的图发给我更好,) 李叔叔是一名出租车司机,车的油箱加满油是42升,每升汽油最多行驶15千米.如果他送客人到相距700千米的地方,中途需要加油吗?(“升”是表示汽油多少的单位)
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘