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

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

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

非常实用的15款开源PHP类库 Runnable:一站式代码片段服务平台,打造编程界的YouTube 谷歌向所有开发者开放Google App Engine PHP Runtime “沟通”电子表格和矢量图形的“桥梁”:在线可视化工具Raw Facebook北极圈数据中心,Open Compute Project的力作! 最后三天!4折抢购2013移动开发者大会门票 电子书追踪统计,App Annie for eBooks上线 先驱还是模仿者?细数海外移动应用推广平台 IDC:PC出货量下滑终于放缓 联想销量再次第一 为什么说,用一块屏幕玩游戏是远远不够的? 编写代码?先熟悉一下编程语言界限吧! Spanner vs. F1:谷歌两大数据管理利器的整体对比及关联 移动设计需摒弃的几大PC应用设计方法 响应式导航设计案例解析(多图) 所见即所得:七大无需编程的DIY开发工具 前Google员工发布无痕搜索产品,阻老东家财路 VMware推出vCloud Suite及vSphere新版:可用性及性能双丰收 TIOBE 2013年10月编程语言排行榜:Groovy首次挤进Top 20 Cookie时代将结束:微软将开发跨PC、移动和Xbox跟踪技术 Web设计里需要避免的八大糟糕趋势 Groupon从ROR迁移至Node.js,响应速度大幅提升 腾讯云的Container实现 专为物联网打造的数据库TempoDB获得320万美元投资 MongoDB成为首位10亿美元初创,功臣可归功于Oracle? 程序员遇到Bug后的30种常见反应 扎克伯格豪掷3000万美元购四套房 梅耶尔和拉里佩奇也居于此 IBM研究人员:仅200条微博 就可构建人格剖析图 MDCC重磅讲师:Pebble CEO Eric Migicovsky 历届中国大数据技术大会PPT精粹(一) 通讯也“跨界”:几行代码,API+SDK,用PaaS实现移动互联 MIT风景线:丝绸雕塑、VR代码、机器人、智能按钮及保时捷 和一MM聊天,开始很投机,后来一见面就对骂! 怎么批量插入数据 大家都来看看吧,顺便散点分 我的FLASH在没有装FLASH的IE怎么不可以自动下载FLASH? linux 断电后,启动失败,该如何处理!? 初级菜鸟问题,求助 终于解封了,多谢没头脑,偶以后再也不倒粪和刷屏了! 各位大侠,救命!亟待解决! 如何使一个数据库用户的所有对象只读,不可写? 有没有DOS很熟的仁兄?纯DOS下和WIN NT4.0联网 怎样动态生成一个adoquery,并能进行数据库查询,小妹急用,100分奉上 怎么转换这个SQL Server的存储过程为oracle的 多语言数据库的应用程序,象DBGRID字段里的这些标题我应放在哪里好? 最简单的语句,最奇怪的问题。&&&&&&& 在线等待!!! D3D的简单问题 如何控制LineTo划线的颜色和宽度? 高分求《面向对象分析与设计》杨正甫编这本书下载地址。。。 学习DELPHI用铁道出版的乔林《参透Delphi/Kylix》 如何? 请问是否有比较简便的方法可以知道,程序中哪些变量定义完后根本不用? 按钮提交并链接不同页面的问题。 简单的问题 请教VC++高手:在MFC中,如何把剪贴板中的位图按原比例打印出来? 分不够再加! 怎么样在vb中读取bmp的位图信息,将图中所有黑颜色的象素 谁在20分钟内答出以下问题能拿高薪 如何修改注册表的键的默认键值? WINXP开始运行宽带播号程序缓慢,什么原因? newwish2 给我一个例子,邮箱:make_a_wish@163.com!!!着急呢!! evc4.0中文显示的问题! struts--html:select 为何出不来? 讨论:关于WinXP下开发的COM+的分发问题!! 菜鸟的小问题!! 一个关于东芝笔记本的故障 请问JBuilder错误提示:cannot access directory javax\mail at line 7, column 1 CSDN的速度越来越慢了,来这里的高人也越来越少了! 有没有DOS很熟的仁兄?纯DOS下和WIN NT4.0联网 小小问题!!! 困扰我多时了。。。 sybase 在程序中连接的问题。急,我咨询Sybas公司也不行。 按钮茶馆开张啦,有闲的进来聊天吧~ 小問題 PhoebusApollo(sunny) 你说要开贴,又没分,我有,给你100分,进来领吧!呵呵,不用谢!:) 关于DBGridEh排序的问题,急急急!!! ora-12224错误,tns no listener错误 !在线等待 ,急~! 求助jb9的破解 报表问题,急呀,救命呀~~~55555~~~~ 500分求解决一个问题 在线等待 解决立即给分 2003下为什么我的声卡不能用? 在程式AAA.PRG中如何修改表的字段的類型,比如字段C類型改為N類型??很急!!! 为什么有时候成员函数或变量显示不出来 救命!我在程序中使用webbrowse控件………… 在线等待。 也许是一个很简单的问题! 连接mysql出错 说人一定会犯错误的格言 4秒末的瞬时速度与第4秒内的平均速度是一回事吗?大小相等吗? 秋月月月月台上赏月 夏天天天天井中聊天 这副对联综合运用了( )和( )格式,读来非常有趣. 你之前的这个问题解决了吗?我现在碰到一样的问题,假如我的表1要填写住院病人的信息,例如姓名,年龄等.然后我在表2中在将表1的信息按行汇总,但是我表1每输入完一个病号就要删除继续输入 告诉我成语是什么 精确数位与有效数字问题1、请帮忙回答下面几题的精确数位和有效数字:(1)5千万(2)5000万(3)5*10^3万(4)5.000*10^3万(5)5*10^3(6)5*10^-3万2、有效数字的定义:从左边第一个不是零的数字直到有效数 请问你的那次英语46级分数有问题是怎么解决的,我也碰到了相同的情况 关于犯错误的名言半个小时后我要!100分,快啊. 缩句可爱的小演员差点在台上跌倒 缩句是啥呀?急 为什么是钝角? 用边长为30厘米的正方形铁片从四角各截去一个边长相等的小正方行,折成一个无盖的长方体,最大容积为多少? 一般地怎样确定两个近似数的和所精确的数位答好了,答不好,没分 什么是外钝角 找关于犯错误名言、事例.关于犯错误(撒谎)名言、犯错(撒谎)的事例.名言和事例最好是同一个人的!越多越好,事例字数不要太多! 精确数位与有效数字30/19精确三位有效数字 Theymet ______chance on a train.Thefood is easy to go ________(bad,badly) ______you put it in the refrigerator inhot summer. Hewent late _____the ball.I'mhungry,but I don't feel like_______________(吃的东西)._______________(我也是)sayh 汉武帝时期为什么能够对匈奴用兵,彻底解决了匈奴对西汉的威胁? 在哲学上来讲,什么事因果联系啊? 初中英语填空题12-17题谢谢大神进 已知:如图,菱形ABCD中,角BAD=120度,动点P在直线BC上运动,作角APM=60度且直线PM与直线CD相交于...谢谢大家了 这世界上到底有没有哲学的存在,是不是哲学这东西就像人们遇到不能解释的事情一样,只能用很虚幻的东西解 六至十题初中英语填空题谢谢大神进 如图,菱形ABCD对象线相交于O,∠ABC=120°,P为对角线AC上的一点,∠MPN的两边PM、PN与菱形边AD、CD分别相交于M、N,且∠MPN=60°(1)当点P与点O重合时,求证:AM+CN=跟号3 AO(2)点P在线段OA上(不与点A 哲学上为什么说世界上没有绝对静止的事物?老师上课讲的没听明白 请问谁知道这是什么糖呀?亲戚家拿来的糖 挺好吃 有人知道是什么牌子的吗 我想她们会和我一样喜欢你的.翻译成英文 描写人物,动作,神态,语言的句子 谁知道这个是什么糖啊?给个名字,牌子什么的啊!具体哪个牌子的知道吗? 英语翻译下周TALK SHOW,我想念给全班人听一次次翻看你发来的短信,我确定我在乎一次次打开你的空间,我确定我在乎一次次因你更新日志,我确定我在乎因为你一句不经意的话,心情跌宕起伏,我 任何两个数位之间的进率都是10?是对是错? 初中英语综合填空题!Jiaozi is the Chinese name of dumplings.We have all kinds of dumplings 1 meat of vegetables.Jiaozi is very 2 with us,especially during the Spring Festival.People usually eat jiaozi on New Year's Eve or the next morning.3 d 求概率密度 谢谢😊第六题 在三角形abc中 a=c+90度,sinA+sinC=根号2sinB求角C 老人与海的道理,结合现实 ssat 测试题谁有ssat模拟题, 精湛是什么意思 函数f(x)=(m2 -2m-2)x∧m2+m-3是幂函数,且当x∈(0,+∞)时,f(x)=是增函数,求f(x)=的解析式 ssat练习题 幂函数,a为根式时图像规律 WORD中破折号太短如何才能用一个占据两个空格的破折号,占两个空格的中间有分隔号,不想要,画直线吧,我的这个稿中许多,有点麻烦. 求积分,第二题和第三题,学到分部积分时老师留的作业, 精湛的意思急 已知直线l1∥l2,直线l3和直线l1、l2交于点C和D,在C、D之间有一点P,如果P点在C、D之间运动时,问∠PAC, 为什么求概率密度就是求所在区域的积分面积? "精湛"的意思. 给下列破折号选择恰当的解释填空1.必须大扫除一次,还要把鸡、鱼、青菜、年糕什么的都预备充足——店铺多数正月初一到初五关门,到正月初六才开张.( ) 2.他是一位好人------一位实实在 考ssat可以背哪些书?手头上都是和tofel有关的(词以类记之类的),ssat对于单词量要求比tofel高还是低? “精湛”是什么意思还有“古朴” 3秒前指?最后3秒指?3秒末指? 推荐几本考ssat的练习还有考ssat要注意些什么,麻烦说详细点、 精美的意思是什么 如图,直线AC∥BD,直线L1、L2分别交AC、BD于A、C、B、D,点P在直线L2上(异于C、D).设∠PBD=α、∠PBD=β∠APB=γ1.当点P在线段CD上时,请先补全图形,然后猜想α、β、γ之间的数量关系,并证明你的猜想!2. 我国近10年GDP详情要求从2000年开始,详细列举各GPD结构组成,详细程度如:2004年文化产业收入占GDP的2.15%.高估了.嫌分少我再加 java判断一个数位数及是否是回文数 一商店将76件商品出售给33位顾客,每位顾客最少买1件,最多买3件.买一件不打折,买2件9折优惠,买3件8折优惠,结果相当于全部商品按照八五折优惠.问买3件和买2件的顾客有多人?可设原价为a元 不 以山为话题写作文要散文的哈! java判断一个数位数及是否是回文数.doc 如图,直线AC∥BD,直线L1、L2分别交AC、BD于A、C、B、D,点P在直线L2上(异于C、D).设∠PAC=α、∠PBD=β,∠APB=γ.1.当点P在线段CD上时,请先补全图形,然后猜想α、β、γ之间的数量关系,并证明你的猜 关于哲学与命运,因果的关系我现在有一个认识不知道究竟属不属于哲学范畴请老师前辈们指点就是关于命运,因果报应是属于哲学的还是宗教的.我一直相信所谓的因果报应,在我哲学观中 人 在三角形ABC中,角A,B,C的对边a,b,c,cos二分之C的平方=二分之根号三sinC.求角C的大小 日议员不顾禁令执意访朝 或受到处分哈里王子遭英国报刊窃听五角大楼否认美日制定“钓鱼岛共同防卫德国人在乎被美国监听吗?美驻德大使馆“近水楼台”监听默克尔 洛杉矶机场发生枪击案致1死7伤 嫌犯委总统微博掉粉 谴责国际右翼势力插手斯诺登密会德议员 称愿为NSA窃听事美国一长约4米重达330公斤巨鳄被捕媒体揭秘美国监听手段:大使馆屋顶材料五角大楼否认美日制定“钓鱼岛共同防卫放宽对华签证国家持续增多 目前已有1杭州昨雾天多个监测点PM2.5超标 日参议员违禁访朝促改善日朝关系 或将中国多地同现雾霾 华北再中“霾伏”局北京遭5级以上重度“霾伏” 一周发4北京继续被雾霾笼罩 前门PM2.5居德国与巴西共同向联合国提交有关反监控斯诺登致信默克尔:“讲实话并不犯法”泰国入境税对中国影响几何委内瑞拉总统谴责推特强删其推特粉丝欢乐喜剧人第二季总决赛前瞻:岳云鹏现那些说中国楼市会重蹈日本崩盘覆辙的人冯仑:创业就是失去现在,要未来!数据:骑士隔2年再遭耻辱 詹皇小弟1洪秀柱正式就任国民党主席 任期至20台湾抵港邮轮爆诺如病毒 150人中招经纪人拒回应刘德华爱妻怀二胎:谢谢关台股30日收盘上涨119.69点2016海南行:“最强推销员”李克强QS世界大学学科排名公布,港大一学科又一大国一夜间被美国整垮:中国被迫正静脉曲张哪家医院治疗的好?上海建工:上涨已经过去,接下来散户及这样的向上突破不必跟 明显是个坑!市场虽反弹,但奈何量能不足,后市去向创业维艰:在线留学行业合伙人的真实故江特电机散户再不止盈,大部分散户都会内裤千万不能这样洗!QS世界大学学科排名公布,港大一学科沙特或欲绝杀页岩油产商 油价势要实现重庆现古董版成渝高速路
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘