当前位置：文档之家 › 直接拿来用!最火前端开源项目(三)

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

  • 格式：pdf
  • 大小：353.79 KB
  • 文档页数：11

直接拿来用！最火前端开源项目（三）在《直接拿来用！最火前端开源项目（一）、（二）》中提供了十九个类别的开源项目列表，开发者们是否会目不暇接呢？没关系，只要对你有所帮助，我们的目的也就达到了，这里继续向你推荐剩下的二十六个类别的开源项目列表，供你查阅。

二十、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/O2012-Breaking the JavaScript Speed Limit with V8∙DOM,HTML5,&CSS3Performance∙Nicholas Zakas|High Performance Javascript∙Building A Performant HTML5App（4）General Information∙Writing Fast,Memory-Efficient JavaScript∙JavaScript Performance Best Practices∙Improving the performance of your HTML5App∙Best Practices for a Faster Web App with HTML5∙Front-end performance for web designers and front-end developers（5）Memory∙Memory101∙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-V8checklist∙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-Part1-Architecture∙Know Your Engines at O’Reilly Velocity2011∙Video:GDC2012: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 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三十二、Windows8Style（1）Metro UI CSS（2）BootMetro（3）metro-bootstrap（4）Metro UI Template（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）CSS3Microsoft Modern Buttons（11）Visual Studio2012Image Library-5,000+Images Downloadable Now （12）Metro User Interface Implementation and Resources三十三、VideoSublimeVideo三十四、Audio（1）howler.js（2）Stratus2soundcloud player三十五、Library Collections（1）jster（2）MicroJS（3）JSPkg（4）TheToolbox（5）Unheap三十六、ChatXMPP using JSON三十七、Prototyping（1）fixie（2）Holder.js三十八、JSON（1）JSON Query Language （2）Oboe.js三十九、Presentations（1）Ancesor.js（2）Slideshow.html（3）HTML5Slideshow （4）jQuery Screen（5）reveal.js（6）html5Slides 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）Stanford Javascript 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 to Amazon S3from your client side web app。

合集下载

阿里巴巴的10款开源项目

阿里巴巴的10款开源项目

阿里巴巴的10款开源项目一、框架react-web：Readt Web是为那些使用React Native兼容的API构建的Web应用而提供的一个框架。

React Web的目的及意义非常明确: 让React Native代码跑在Web上让一套代码运行在各个移动终端，对前端及业务来说，这是开发效率中一个质的提升。

Jstrom：JStorm是参考storm的实时流式计算框架，在网络IO、线程模型、资源调度、可用性及稳定性上做了持续改进，已被越来越多企业使用。

经过4年发展，阿里巴巴JStorm 集群已经成为世界上最大的集群之一，基于JStorm的应用数量超过1000个。

数据显示，JStorm集群每天处理的消息数量达到1.5PB。

在2015年，JStorm正式成为Apache Storm里的子项目。

JStorm将在Apache Storm里孵化，孵化成功后会成为Apache Storm主干。

Apache基金会官方表示，非常高兴JStorm能够成为Apache Storm社区的一员。

Dubbo：高性能优秀的服务框架，使得应用可通过高性能的RPC 实现服务的输出和输入功能，可以和Spring框架无缝集成。

Dubbo is a distributed, high performance RPC framework enpowering applications with service import/export capabilities.Kissy：KISSY 是一款跨终端、模块化、高性能、使用简单的JavaScript 框架。

除了完备的工具集合如DOM、Event、Ajax、Anim 等，它还提供了经典的面向对象、动态加载、性能优化解决方案。

作为一款全终端支持的JavaScript 框架，KISSY 为移动终端做了大量适配和优化，使用户的程序在全终端均能流畅运行。

Dexposed：Dexposed是面向Android应用开发的一个强大的非侵入式的运行时AOP框架。

web前端项目300实例

web前端项目300实例

web前端项目300实例Web前端项目300实例摘要在当今数字化时代，Web前端开发已成为一个热门的技术领域。

随着互联网的兴起，越来越多的企业和个人都意识到Web前端的重要性。

为了更好地展示产品和服务，以及提供更好的用户体验，他们需要具备熟练的Web前端开发技能。

本文将介绍300个Web 前端项目实例，帮助读者提升自己的前端开发能力，并从中获得灵感。

1. 响应式网页设计响应式网页设计成为现代Web开发的标准。

通过使用HTML5和CSS3的媒体查询功能，可以创建适应不同屏幕尺寸和设备的网页。

例如，可以创建一个响应式导航栏，在不同尺寸的屏幕上以最佳方式显示。

2. 网页动画效果在Web开发中，动画效果可以增强用户与网页的互动体验。

可以使用CSS3动画和JavaScript库（如Animate.css和jQuery）来实现各种动画效果，例如淡入淡出、旋转、缩放和滚动。

3. 图片幻灯片通过使用JavaScript库（如Swiper.js和Slick），可以创建漂亮的图片幻灯片。

这些幻灯片可以自动播放图片，也可以通过触摸或鼠标滚动来导航。

4. 表单验证在网页上使用表单时，必须对用户输入进行验证，以确保输入的数据有效。

可以使用JavaScript库（如jQuery Validation和Formik）来验证表单，并提供有关错误的提示信息。

5. 数据可视化通过使用JavaScript库（如D3.js和Chart.js），可以将数据可视化为图表、图表和地图等。

这样，用户可以更直观地理解和分析数据。

6. 页面滚动效果通过使用JavaScript库（如ScrollMagic和FullPage.js），可以实现网页的平滑滚动效果。

这样，用户可以通过滚动浏览页面内容，而不必手动点击导航栏。

7. 页面加载动画在加载大量内容时，可以使用页面加载动画来提供一个愉快的用户体验。

可以使用CSS3动画或JavaScript库（如Loading.io和Spin.js）来实现这些加载动画。

180+个Python开源项目,涉及15个主题应用

180+个Python开源项目,涉及15个主题应用

180+个Python开源项目,涉及15个主题应用本文作者收集了180+个Python 开源项目，涉及Internet、Games、Graphics 等15个主题应用，希望这里能有你正好需要的项目，帮你节省宝贵时间。

每一位程序员，每天大部分时间都是在和代码打交道。

但是对于广大的普通用户来说，最重要的不是代码，而是代码最终生成的应用程序。

但是，每个项目都从头开始自己一行一行码代码，是非常不现实的事情。

所以，开源项目就是我们在实践过程中最宝贵的资源。

今天为大家整理的这份清单，作者一共收集了180 多个Python 开源项目，涉及Internet、Games、Graphics、Communication、Satatic Site 及Dev 等15 个不同的主题应用，下面就一起来看看有没有一个你中意的，开始码起来~互联网（9）Reddit，很多小伙伴应该都会Reddit 不陌生。

一个社交新闻论坛，有投票、评论等功能。

Planet，一个RSS 和Atom feed 的聚合器，收集社区成员的博客帖子并显示在页面上。

Deluge 是一个流行、轻量级、跨平台的BitTorrent 客户端。

Qute Browser 基于PyQt5 的键盘驱动、最小、类似vim 的浏览器。

youtube-dl 命令行程序，不用在浏览器中就可以从YouTube 和其他数百个网站上存档视频和音频。

You-Get 命令行程序，不用在浏览器中就可以从网页上爬取流视频、音频和图像。

SABnzbd 一个简单，跨平台的新闻阅读器，可以从Usenet 下载，支持多种集成和16 中语言。

音频（9）MusicBrainz Picard 可以自动识别、标记和组织音乐专辑或其他数字音频录音。

SoundConverter 是一个基于GNOME 的音频文件转码器。

GNU Radio 是一个软件开发工具包，可以提供信号处理模块以实现软件定义的无线电和信号处理系统。

项目管理-NET开发人员值得关注的七个开源项目 精品

项目管理-NET开发人员值得关注的七个开源项目 精品

.NET开发人员值得关注的七个开源项目Ajax控件工具包在Ajax术语诞生的短短五年内，这个混合了java script、XML和异步通信的技术增强了用户的在线体验，带动了Web技术的积极发展，现在随便浏览一个网站可能都应用了Ajax技术，随着诸如日历，客户端表单验证等功能一应俱全的Ajax框架的出现，使Web开发朝快速，简单的方向迈进了一大步。

Ajax控件工具包(AJAX Control Toolkit)为.NET开发人员提供了丰富的解决方案，值得一提的是这个工具包是由微软和开发者社区共同开发的，Ajax控件工具包提供了几十个强大的控件，如评星等级小工具，弹出窗口，密码强度验证，可拖动式面板等。

在它的项目主页(/ajax/AjaxControlToolkit/Samples/Default.aspx)列出了多个控件demo，并且提供了详细的教程教你如何使用这些控件，快去看看吧。

MVCMVC架构在现代网站开发中起着核心作用，诸如Ruby on Rails和Zend Framework 等解决方案都是使用MVC作为以架构驱动开发的基础，幸运的是，.NET开发人员也有 MVC开源框架可用， MVC支持三层分离，测试驱动开发，以及一系列最佳实践。

MVC为.NET开发人员开发复杂网站提供了一个强大的解决方案，而且它是基于.NET的，开发人员可以继续使用其它特性，如数据缓存和表单验证等，另外还有其它辅助项目进一步增强了 MVC框架的功能，如著名的MvcContrib，它扩展了 MVC框架，包括UI助手，模型绑定等增强。

MVC主页(/mvc)提供了大量的学习资源，包括一系列视频教程，你完全可以跟着教程的示例创建一个Web应用程序。

CruiseControl现在软件变得越来越复杂，迫使开发者社区重新思考软件开发过程，改进现在的开发方法，以减少开发时间，提高软件质量，因此产生了许多最佳实践，如著名的测试驱动开发和持续集成等最佳实践已经在企业环境中得到了普遍采用，持续集成通过定期严格整合项目的各个组成部分，减少了复杂项目的集成时间，开发人员可以及早检查和解决集成时发现的问题，而不是等到最后完全集成时才集中解决问题。