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

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

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

从数据平台到运营平台:国产开源移动统计Cobub Razor发布0.6版本 八月网络事故频现,CN域名遭最大规模网络攻击 Google云平台或将成为Amazon最大竞争对手 Camera360宣布完成1800万美元B轮融资 利用ZK Ajax框架 高效扩展Web App Web开发者需养成的8个好习惯 GitHub工程师专访:奶昔+海象+游泳池=开源 Paymill发布移动SDK,实现应用内直接支付 免费到付费:全球第二开源Web Server Nginx“堕入”商业化 乐视发布新版智能电视操作系统LetvUI 2.3—Schnauzer 进步还是灾难的开始?科学家首次通过互联网实现“心灵感应” 叫板Apple TV 谷歌发布Chromecast的iOS应用 性能提升100倍的秘密武器:一行SQL代码的妙用 60个开发者不容错过的免费资源库 专门针对初学者的Node.js教程 初创公司Parse.ly:1年内捕获1.6亿独立访问用户,收入增5倍 融资新方式:用未来10年收入的6%融资10万美元 小米手机-HAXLR8on:创客32小时全纪实 图文:看苹果下一代iPhone细节 能吸引你购买吗? [开源推荐]Intention.js:通过HTML进行响应式开发 Android副总裁Hugo Barra将加盟小米 三星将召开首届开发者大会 推新SDK和S Pen 15个步骤创立技术公司,并收获千万用户(三) H3Cloud:为企业提供最优化IaaS方案 VMware、红帽对决云管理平台 大数据辅助决策,构建智慧城市 所见即所得:四款免编程移动游戏开发引擎推荐 PaaS乱局:Container的新机遇 IDC再度下调2013年全球PC销量预期 平板电脑中枪 Waze联合创始人做FeeX 用众包方式增加银行服务透明度 Ripple CTO Stefan Thomas:Bitcoin与未来支付应用开发 关于md5编译出错 急需高手解决 哭,IIS下ASP无法调试,极不稳定。求大侠进来帮忙。 请问谁有或者谁知道NASM语法或教程,最好是中文的!谢谢了! 高人!帮忙呀!!!谢谢!! 急啊~关于ADO的和SQL的问题~达人快来帮忙啊 datagrid动态改变一行的背景色this.DataGrid1.Items[oldselectindex].backcolor=System.Drawing.Color.Red;为什么不工作啊? 第一次用ORACLE,在哪里批量执行SQL脚本啊 为什么我的网页不能引用*.js了???在ie/visual studio能设置吗?怎么设置?? 关于日期类型,在线等,马上给分 sql*plus登陆不进去了!! 请问怎么调试DLL中的代码啊??? dddw的数据取值问题,百思不得其解。 再问一个简单问题,为啥函数总是执行两次? 100分求助使用axis开发web services的问题 求一个字符串简单加密算法源码,300分决不食言!!!!! 如何使得下载的excel文件在新页面中打开? datalist问题 帮帮这个菜鸟!!! 新手求助?谁有较好的打印控件,或较好的解次方案? 如何在程序部署时授予某文件夹对文件的写访问权? 不能重定向是什么原因? 想用Mediaplaer控件播放某个声音文件若干次,怎么控制? 如何通过窗口句柄来获得窗口所在进程的ID 怎么找到DataGrid中的Table呢? 请问用VB怎么才能把1个数据库里的表全部读入LISTBOX里? JmaiL 发邮件的问题?? 备份还原问题 如何用钩子得到中文啊? interbase的存储过程中如果想返回多条结果应该怎么办? 请问!谁能提供算命、测字等原代码和后台库!!500分相送!!!! 我的用客户端连上ORACLE,怎么我的SQLPULS打开中文全是乱码,执行语句后看不到结果是什么 方案讨论:如何自定义并实现错误与例外Exception处理对象,并建立里统一的ErrorMsg 读数据库错误??急急急,在线等(马上给分) 缓存 到的 是什么定义啊 (斑竹来 告诉我吧) 系统分析师、系统设计师有什么区别? DB2技术讨论(1)如何简单理解表空间的定义 vc的ado数据库连接问题 请问linux的个人版和服务器版到底有什么区别?? DB2技术讨论(2)如何简单理解表模式的定义 int& operator[] (unsigned i); 存储过程问题 DB2技术讨论(3)如何处理索引 马上结:我用ASP和JSP分别写了一个人主页,可是服务器只支持PHP,所以我要写PHP.. 我要构建一个网吧?回答问题者都有分 DB2技术讨论(4)如何处理大量数据的增删 郁闷,没有理由,再散分一百,随便进来聊聊 昨天真的真的受了刺激 怎樣將dbedit控件的事件和它所在的form方法相關起來? 如何实现DOS工作站连接到LINUX服务器 DB2技术讨论(5)如何在建好的数据库中设定数据库和表的维护信息 feeboby(诺曼之路) 请进,刚才IE出现js的问题,帖子结了,但分没加上去,另开新帖,100分送上 求作文:其实不难 ________其实不难 作文如题 , (),().是啊,多读一些好书,将不断汲取新知识,才能达到才思不绝.()中填诗句 在同一个圆中,周长与半径成什么比例?在同一个圆中,周长是一定的吗 在圆中,半径,周长,面积你选两个量哪些可以组成比例?那些不能组成比例?说明理由! 为什么要规定汽车在公路上行驶的最大速度?初三的物理,动能 势能 机械能 那一章 《做好人,其实并不难》这篇作文怎么写 科学研究六大步骤是什么?如果回答得完整,狂顶! "隅"这个字怎么读, “隅”这个字的咋读? The children like (lions) 改否定句 一般疑问句 括号提问 华盛顿声称绝不宽恕斯诺登国际新闻早报:北约秘书长称东欧军演不小布什裸体沐浴自画像曝光 欲画19国多伦多市长吸食可卡因 只道歉拒辞职(美国务卿称沙特系中东领导 两国关系须巴西被曝曾监视他国外交人士 巴当局已美炸死塔利班领袖引不满 巴基斯坦检讨社评:印度探火星,大国谁能漠视战略竞美一女子以波士顿爆炸案受害人造型过节巴西被曝曾监视他国外交人士 巴当局已专家:从中央到地方反腐提速 不再只依债务催收公告国务院举行国庆招待会一根棉纱演绎供给侧改革新的起点新的长征神农架国有林场改革方案获准实施非公企业如何解决党员工学矛盾省环境监测中心站违规发放福利12万余我省隆重举行烈士纪念日纪念活动武汉三大火车站昨迎出行高峰向人民英雄敬献花篮仪式在京举行省领导参观纪念长征胜利80周年图片展大唐楚霸王网王之圣经踏天谱战国修罗传(御宅烟魔)三国卑鄙军阀魔眼天下夏冬梦奇异修仙至尊境泡大神才是正经事神话版三国皇居旅游富士山旅游西安州古城旅游龙马负图寺旅游朱仙镇岳飞庙旅游莺歌旅游三貂角旅游草岭旅游东平水浒影视城旅游西海岸旅游镇海招宝山中国防空博览园旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘