直接拿來用!最火的前端開源專案(三)
在《直接拿來用!最火前端開源專案(一)、(二)》中提供了十九個類別的開源專案列表,開發者們是否會目不暇接呢?沒關係,只要對你有所幫助,我們的目的也就達到了,這裡繼續向你推薦剩下的二十六個類別的開源專案列表,供你查閱。
二十、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模板引擎。
- 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
(2)Hash.js
(3)director
(4)Davis.js
(5)path.js
(6)URI.js
(7)Roadcrew.js
(9)page.js
二十二、Rich Text Editors
富文字編輯器(Rich Text Editor,簡稱 RTE):是一種可內嵌於瀏覽器,所見即所得的文字編輯器。它提供類似於Microsoft Word的編輯功能,即使不會編寫容易HTML 的使用者也能使用。
(1)WYSIHTML5:是一個開源的基於HTML技術的富文字編輯器,可生成完全相容 HTML5 標籤的文字
(2)MarkItUp:是一個輕量級、可定製、靈活的編輯器
(3)Hallo
(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
- V8
- JavaScript Leak Finder
- 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
(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
二十六、Modularity & Loaders
(2)UMD (Universal Module Definition) patterns
(3)Browserify
(4)require.js
(5)CrapLoader
(6)Writing Modular JavaScript With AMD, CommonJS & ES Harmony
(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
二十七、Package Management
(1)bower
(2)volo
(3)parce
(4)jam.js
(5)component
二十八、Image Manipulation
(2)Obscura
(3)jCrop
二十九、HTTP
(1)Using CORS
(2)Cross-domain Ajax with Cross-Origin Resource Sharing
三十、Error Handling & Debugging
(1)Tracing.js
(2)JavaScript error handling anti-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
(5)Droptiles – Metro-Style Web Dashboard
(6)Metro JS
(7)Windows Metro tiles with Javascript and CSS3
(8)Cosmo
(9)Vid: What Web Developers Need to Know When Building Metro style Apps
(10)CSS3 Microsoft Modern Buttons
(11)Visual Studio 2012 Image Library - 5,000+ Images Downloadable Now
(12)Metro User Interface Implementation and Resources
三十三、Video
三十四、Audio
(1)howler.js
(2)Stratus 2soundcloud player
三十五、Library Collections
(1)jster
(2)MicroJS
(3)JSPkg
(4)TheToolbox
(5)Unheap
三十六、Chat
三十七、Prototyping
(1)fixie
(2)Holder.js
三十八、JSON
(2)Oboe.js
三十九、Presentations
(1)Ancesor.js
(5)reveal.js
(7)Slides
(8)CSSS
(9)deck.js
(10)controldeck.js
四十、Scrolling
(1)Scrollpath
(3)FoldScroll
(4)Scrollorama
四十一、Keyboard
(1)Mousetrap
(2)Keypress
(3)konami.js
四十二、Tables & DataGrids
(4)FooTable
(5)Handsontable
(6)Backgrid.js
(7)Gridster
(8)Flex
四十三、Security
(2)JSO - a Javascript OAuth Library
(3)xdoauthproxy
(6)Stanford Javascript Crypto Library
(8)Critic
四十四、Layout
(1)Shapeshift
(2)CollagePlus
四十五、Misc
(1)zip.js
(3)Aware.js
(4)How to directly upload files to Amazon S3 from your client side web app
英文來源:github.com
相關文章
- Android專案中最火最常用的優秀開源專案Android
- 開源之夏:502個專案上線,最火熱的暑期開源活動發車了!
- 打造 10000 Star 的前端開源專案 ⭐前端
- 2019年最火熱的Golang專案Golang
- 盤點 7 月份比較火的開源專案
- 從一個優秀開源專案來談前端架構前端架構
- 三個最火的Python Web開發框架PythonWeb框架
- GitHub實用開源專案Github
- 如何閱讀大型前端開源專案的原始碼前端原始碼
- 推薦20個值得收藏的前端開源專案前端
- 如何看待目前最火的github專案996.icuGithub996
- 2018最值得關注的30個vue開源專案Vue
- 推薦10個值得收藏的前端開源Awesome專案前端
- 那些年的開源專案,你跑起來了嗎?
- 2018上半年GitHub上最熱門的開源專案Github
- 近期GitHub上最熱門的開源專案(附連結)Github
- Github上最熱門的Java專案終於開源了!GithubJava
- WebSocket 封裝,vue3專案 拿來即用Web封裝Vue
- GitHub上最火的、最值得前端學習的幾個資料結構與演算法專案!沒有之一!Github前端資料結構演算法
- 3 個好玩的前端開源專案「GitHub 熱點速覽」前端Github
- [譯]過去一個月最 ? 的 10 個 Swift 開源專案Swift
- Spring Boot 2.0 版的開源專案雲收藏來了!Spring Boot
- 開源專案管理軟體有哪些?分享7個實用開源專案管理軟體專案管理
- 一個檔案的開源專案,開啟你的開源之旅
- 開源專案推薦:提高研發效率的5個開源專案
- 有獎活動:pick 你最愛的 AI 專案!拿社群年度大獎!AI
- 2018年最值得關注學習的25個JavaScript開源專案JavaScript
- 推薦10個Java方向最熱門的開源專案(8月)Java
- 2022 開源之夏|EMQ 三大開源專案開發圓滿收官MQ
- web前端開發專案資源網站,私家珍藏!Web前端網站
- IOS開源專案iOS
- 開源好專案
- 專案:IT資源共享資源(登入前端)<1>前端
- Kubernetes 多叢集在開源專案 KubeSphere 的應用
- 我們分析了近10000個Python開源專案,精選出最實用的Top5!Python
- Kagol:2022年最值得推薦的前端開源文章Go前端
- 開源專案分享:ChatGPT 控制檯聊天應用ChatGPT
- OA系統價格太昂貴?來用開源專案搭建一個吧!
- 2018年12月份GitHub上最熱門的Java開源專案GithubJava