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

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

HTML文档下载 WORD文档下载 PDF文档下载
如今开源项目的火热程度已无需再多言语,在(一)中为开发者整理了九大类的开源项目列表,开发者们,你们用的怎么样了?本文继续整理GitHub上最火的前端开源项目列表,列出十个分类,供其继续参阅。

在《直接拿来用!最火前端开源项目(一)》中为开发者整理了九个大类的开源项目列表,开发者们,你们用的怎么样了?是否感觉到开源项目带来的事半功倍的效果呢?在这里,本文继续为你整理了GitHub上最火的前端开源项目列表,按分类的方式列出十个,供开发者们继续参阅。

十、Animation

(1)Stylie
(2)animate.less:是一群很酷、很有趣、跨浏览器的动画效果,它转换成LESS供你在Bootstrap项目中使用
(3)Canvas Advanced Animation Toolkit:是基于javascript中的一个时间轴概念建立带有动画效果的场景图框架。
(4)tween.js:超级简单、快速、易于使用的渐变动画引擎
(5)Janis:是一个轻量级的Javascript框架,通过CSS可在浏览器或移动设备上对简易的动画效果进行调整,以适应在设备上的运行。
(6)Rekapi:是基于JavaScript的关键帧的动画效果库
(7)CanvasScript3:是一个Javascript库,用于HTML5 Canvas接口类似于ActionScript3。这个库允许使用精灵组、图层、鼠标事件、键盘事件、位图效果、渐变动画效果等
(8)Shifty:是建立在JavaScript里一个渐变动画引擎,目的是适应任何数量的渐变动画的需求
(9)emile.js:是一个真实的独立的CSS动画效果的JavaScript框架
(10)Firmin:使用CSS转换、过渡的一个JavaScript动画效果库
(11)$fx():基于动画效果的一个简洁、轻量级的Javascript库
(12)Keanu:在Canvas/JS上基于动画效果的一个微型库
(13)jsAnim:是一个功能强大,易于使用的库,在遵循标准和可访问性的基础上,它在网站上增添了一些令人印象深刻的动画效果。该库的大小不到25kb,jsAnim包也有很多这样一个小应用程序。
(14)scripty2:是一个开源的JavaScript框架,基于HTML的用户界面。简而言之,scripty2帮助你建立一个更加符合胃口的Web
(15)Animator.js:基于JavaScript的动态动画效果库
(16)Processing.js:是一个开放的编程语言,在不使用Flash或Java小程序的前提下,可以实现程序图像、动画和互动的应用
(17)jQuery Transit:是一个利用了CSS3的过渡和转换特性来实现动画特效的jQuery插件
(18)Move.js:是一个封装了CSS3动画效果的轻量级JavaScript类库,能让你轻松实现动画特效
(19)Collie是一个Javascript库,使用HTML 5来创建最优化的动画效果和游戏
(20)Year Of Moo:是基于Angular.js的动画效果
(21)Approach

十一、Programming & Markup Languages

计算机语言总体分为机器语言、汇编语言、高级语言三大类,计算机的每个动作及步骤都是按照计算机语言编好的语言来执行的,而人们也通过计算机语言向计算机发出命令。

标记语言是一种将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。


(1)CSS
  • Understanding border-image
  • What No One Told You About Z-Index
  • Principles of writing consistent, idiomatic CSS
(2)JavaScript
  • Javascript Closures
  • Combinator Recipes for Working With Objects in JavaScript
    • Part II
  • Prototypes and Inheritance in JavaScript
  • JavaScript Study Guide
  • ECMA 262-3 in detail
  • JavaScript Garden
  • Extensions
    • RubyJS:是一个基于JavaScript的Ruby库,使用JavaScript实现Ruby中的所有方法,如 Array、String、Numbers、Time等。
    • Mout:是一组模块化的JavaScript工具,可以在浏览器中使用AMD的模块或在node.js中使用。
    • bacon.js:是基于JavaScript一个小功能性的reactive编程库
  • Flow Controll
    • Coroutine Event Loops in Javascript
    • How To Node Article on promises describing both sides: node.js and browser
    • Video by Douglas Crockford on monads which is touching Promises
    • Не надо давать обещания, или Promises наоборот
    • Promises are the monad of asynchronous programming
    • A Study on Solving Callbacks with JavaScript Generators
    • What's The Point Of Promises?
    • Promises/A+ Spec
    • Callbacks vs Coroutines
    • This document is intended to explain how promises work
    • Libraries
      • Standalone-Deferred
      • Standalone-Deferred
      • Flowy
      • Step
      • kew :是基于优化node.js一个轻量级的promise库
      • jQuery Timing
      • RSVP.js
      • q
      • Watch.js
  • Vid: Monads and Gonads (YUIConf Evening Keynote)
(3)HTML
  • Book: Dive into HTML5
  • Principles of writing consistent, idiomatic HTML
(4)Higher Level Languages
  • Dart:基于JavaScript进行编译的类型语言
  • Sass:是对CSS3扩展的一种开发工具,它在CSS3的基础上添加了嵌入式规则、变量、多态、 继承等。使用命令行工具或一个Web框架插件就能转换成标准格式的CSS。
  • Less:通过动态行为扩展了CSS,如:变量、多态、操作与函数 
  • Roole:是一种编译成CSS的语言
  • Stylus:具有表现性、动态性、健壮性的CSS

十二、Visualization


(1)Photon
(2)CSS3 shapes
(3)Morris.js
(4)Cube
(5)Cubism.js
(6)D3.js

(7)Crossfilter:一个用来展示大数据集的JavaScript 库,支持快速交互,主要用来构建数据分析程序
(8)Datavisualization.ch
(9)jQuery.Gantt
(10)easy pie chart
(11)Gauge.js
(12)Google Chart Tools
(13)Piecon:一个用来实现favicon上显示进度消息的一个小型 JavaScript库
(14)Viskit.js
(15)jStat:是JDK自带的一个轻量级小工具
(16)CHAP Links Library
(17)bonsai
(18)Smoothie Charts:是一个小型图表生成脚本,它是为生成实时数据图表而设计的
(19)DataMaps:是一个 JavaScript库,用于实现地图和数据可视化的交换
(20)mxgraph:是一个JS绘图组件,它适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序
(21)Paper.js: 是运行在HTML5 Canvas上的一个开源的矢量图形脚本框架
(22)Timeline.js:是一个建立在JavaScript上的Timeline
(23)xCharts:是一个JS库用来创建具有吸引力的、自定义数据驱动的可视化图表
(24)jQuery Gantt editor
(25)amCharts:是一个健壮的绘图工具,可以适合任何数据的需求

  • Introduction to D3
  • Interactive D3 Tutorial
  • NVD3

十三、Widgets

Widgets是一个小模块代码,它可以在任意一个基于HTML的Web页面上执行,它的表现形式有:视频、地图,新闻、小游戏等。该思想源于代码的复用,通常情况下,Widgets代码形式包含了DHTML、JavaScript以及Adobe Flash。


(1)Kits

  • AlloyUI:是一个基于YUI(Yahoo! User Interface Library)实现的JavaScript UI组件库和CSS框架
  • Kendo UI:基于最新技术HTML5、CSS3和JavaScript标准设计开发的,用于开发现在HTML UI操作界面的框架
  • jQuery UI Bootstrap:一个基于Twitter Bootstrap的jQuery UI主题
  • Zebra:是一个JavaScript库,遵循简单OOP理念,它提供基于UI的HTML5 Canvas和包括Java到JavaScript转换器工具

(2)File Upload

  • jQuery File Upload
  • tus fileupload
  • Fine Uploader

(3)Sitemap

  • SlickMap CSS:一个简单的样式单,根据sitemap显示对应的图形化信息

(4)Table Of Contents

  • Tocify
  • MagicNav.js
  • jQuery TOC:是WordPress的一个文章目录插件,可将文章指定的标题标签自动生成文章目录

(5)Modals

  • Avgrund:是一个jQuery插件,用于创建模态框和弹出窗口
  • Timeout Dialog
  • Magnific Popup

(6)Notifications

  • Pines Notify:是一个类似于Growl的消息通知提醒插件
  • notifier.js:是一个用于实现类似Gnome/Growl风格消息提醒的jQuery插件
  • noty:是一个简单易用的 jQuery tooltip提示插件,它内置了alert、success、error 和 confirmation四种消息提示框,用于代替原有的浏览器提示框,并且可以设置为模态窗口
  • Toastr:是一个实现了类似 Android的Toast 提示的 jQuery插件
  • a!ertifyjs
  • Apprise

(7)Gallery Sliders

  • Sequence
  • Rhinoslider
  • Awkward Showcase
  • Revolver.js:创建高度定制化的图文幻灯控件
  • Responsive CSS3 Slider
  • Roundabout
  • Slid.es
(8)Selects

  • jQuery Recurrence Input
  • Select2
  • jquery.selectable.js

(9)Progress Bars

  • Percentage Loader
  • progress.js

(10)Misc

  • jQuery Knob
  • DopelessRotate
  • jQuery Addresspicker
  • Fangle:从纯文本中创建一个交互式文档

2013中国云计算榜单之三:174家云应用服务商,繁花似锦! 盘点各大云服务提供商:麦当劳=AWS,汉堡王=? BlackBerry Jam亚洲开发者大会9月将在香港开幕 把服务器搬进来:Splashtop在中国搭建Bridging Cloud Web框架全对比第五期 新增Windows环境 前Tumblr首席开发者回忆录:一个人也能开发出好产品 测试者和开发者,为何我们不能友好地相处? 讲师秀之11:何刚谈京东的云机遇 讲师秀之10:武汉大学张焕国教授,可信计算是云计算之成败关键 【上海直播】Windows Azure+世纪互联:中国云计算“烈火烹油” 最新版Chrome浏览器推出全新语音搜索功能 惠普第二财季净利润同比下滑32% PC和服务器销售不佳 讲师秀之11:网易汪源的成长故事 PPT集萃(三):六位国内技术大牛分享巨型平台的打造与应用 聚焦全球移动市场:创新以色列 科技巨头的倾慕之地 Android版Chrome 27浏览器正式上架 机器人——数据中心的新“网管” George Chu:在雅虎打造真正的工程师文化 2013,303+家中国云计算企业的“生态系统”之梦! 高访问量Web应用跨云端迁移的原因:权限和易用性 Web应用开发者福音 Chrome 28新增丰富通知中心功能 帷千兰旭:推广渠道鱼龙混杂,开发者请小心 关于IE 10 你应该知道的6件事 Spring Framework 4.0M1发布,支持JDK 8、Java EE 7 “渣打科营编程马拉松赛”正式启动 官网同时上线 Android应该支持OpenCL的十大理由 传谷歌考虑和Facebook竞购众包地图Waze 谷歌工程师再次公布Windows漏洞 并称微软很难合作 Glassdoor评前景最令员工乐观的十大科技公司 华为上榜 下一代Android深度前瞻 第18级API功能揭秘 Web开发者不容错过的20段CSS代码 corba在delphi6中无法运行 我胃口很大!!! VB能允许运行多大程序才不会出错? 哪里有D版,到哪里能买到D版的??? VB如何插入汇编程序代码?“=ASM:”吗?怎么用? 如何解决读英文书开头难的问题? 有没有打印Tdecisiongrid的孔件 日记 情归何处?? 谁知道哪里可以弄到这本书"Windows Graphics Programming: Win32 GDI and DirectDraw" 程序员杂志第7期的程序擂台目前为止只有一个人做对了 分数不高,还请各位DX们指点以下:如何用DELPHI控制excel的格式(比如第一列的宽度,第五行的高度),以及如何在WORD中生成表格,其中填入数据库的数据. 各位情感高手请解答(没有谈过恋爱的免谈) 一个list控件,style设为checkbox,要怎样才能使列表中各项的默认值是选中状态,也就是说各项一开始都是打了勾的 阿虎菜问7:请问C与C++中的内封函数应该差不多吧? s_cube(竹子), s_cube(竹子)~!! 我爱你,s_cube(竹子) s_cube(竹子) ~!在哪里 简单问题(1) 如何不运行编译? 有谁知道怎么从perl里调用一个c库里的函数????????? 请问在CB中如何隐藏WINDOWS的任务栏呢? 今天不爽,下班后打星际,大家一起来。 指点!在PB中怎样用程序作成一张动态的交叉表 编辑控件怎样才能显示那些怪字符? 有没有人喜欢郑智化 大家推荐好听的几首歌吧! 请教:怎么学c++? 高手点拨! 各位网络高手.如何在程序里讲ip地址转化为域名 有什么方法,可使表单内的组件背景变成透明的而文字不透明,请看例子: 编辑控件怎样才能显示那些怪字符???? swall(壹心) 你还在深圳特区吗? 如何设置Session的密码?请高手指点迷经^^^^^ 哪位可以解释一下下面的代码? perl 的人气太差。罢了罢了。找本perl自己搞定 MsSQL7.0 当日志文件大小未限制而变得很大时,怎样清日志文件,使其减小? 请教诸位牛兄牛姐牛夫人---有难度哦(着急出活!) 基本问题:如何将一个.txt中的内容读入到内存再从内存中读出并存为另一个文件?谢了先!!!! 高手帮帮忙!!!!!!!!!!!!!! 又有台风了。。。。 在zip包中加入ASP推荐的PAD File有用吗????? PB连接SQL数数库,为什么显示的表会不全 如何把一个文件file.dat里的数据写入软盘0磁道0磁头1扇区. 我要骂人! chris2001(牛虻),不是东西 华为工程师 谁知道 vb 的序列号?????? VS.NET 有开了个新铺子。为什么我的ejb/j2ee还没有开张。气愤。 老大们:我是菜鸟,有问题要问,不过不要笑我。一定给分的 再次发问:关于在SQL SERVER中的某张表上建立触发器...... 没有有这样的病毒,或者文件 各位老大,如果有asp、sql基础学jsp和php是不是比较容易一些呀?言者有分哦! dll中怎样调用主程序中的函数? 把一根温度计浸入热水中,温度计的水银为什么先下将后上升 为什么,在焓湿图上,干球温度35度,湿球温度23度和干球温度30度,湿球温度23度的焓是一样的呢? 含水率98%的污泥怎样换算为含水率80%的污泥 怎么样正确使用水银温度计可以手拿另一头给宝宝试热吗?可以放在她的脖劲下试热吗? 如何使用干湿计测量空气的相对湿度 含水率反算公式,我只知道试验前重量和含水率,求试验后重量. 水银温度计在使用中有哪些缺陷 干球温度低的空气其焓值小于干球温度高的空气的焓值.请问这句话是正确的吗?如果不对,请问为什么呢? 绝干污泥量怎么计算的?一般绝干污泥的含水率多少?有机质含量等参数? 水银温度计和电子温度计到底哪个准?最近一直看温度,心里有很多的憧憬……但是今天发现一件事,我一直是用水银温度计在量自己的口腔温度,今天早上水银温度计量的口腔温度是36.9(因为 太空中能否使用水银温度计失重状态下能否使用水银温度计 在一定大气压力和空气湿度下,从湿空气焓湿图上所查得的湿球温度是否与露点温度是一个概念? 用水银温度计测量液体温度,在温度计示数上升的过程中,水银的密度将 ▲ (填“增大”、“减小”或“不变”).我知道答案是减小,但物质密度不是物质本身的性质么?和质量,体积无关么? 水银温度计宝宝刚才把水银温度计放在嘴里咬碎了 我晕 不知道有没有吞到嘴里去 怎么办啊 急 焓值的计算公式 用水银温度计测量液体的温度是正确的方法是什么? 用水银温度计是因为水银是. 焓变怎么计算书上写的都是化学式+化学式=化学式,后面写上焓变的值,那是怎么算的.请认真回答. 在常温时,将水银温度计插入下列某种液体中,取出温度计放置在空气中后,温度计的读数先升高再降低,则可推断温度计插入的液体是A.食盐水 8.酒精 C.浓硫酸 D.浓盐酸为什么?水银温度计 水银温度计怎么测都看不见有水银啊是新买回来的我之前买了几个都是看不见有水银怎么回事啊 怎样算化学的焓变值? 为什么蒸馏实验的时候温度计水银球要放在蒸馏烧瓶支管口?放在其他位置有影响吗那为什么在这种东西没蒸发完时,温度计示数会上升,我觉得在这种东西蒸发完之前温度应该是恒定的啊 水银温度计怎么看 焓变的计算式好像有两种计算式,一种是ΔH=E生成物总能量 - E反应物总能量另一种是ΔH=E反应物的键能 - E生成物的键能能不能具体解释下这两种计算式原理,为什么这样计算,说具体点 在蒸馏装置中,温度计水银球的位置应在何处?为什么? 怎么看水银温度计 焓值 一个标准大气压下饱和液氮的焓值是多少? 焓值的计算公式? 蒸馏实验时,温度计的水银球应放在蒸馏烧瓶只管口处.哪错了? 怎样看测试体温的水银温度计的水银有没有跑出来? 焓变!问题解题思路!求助,谢谢 蒸馏实验时温度计水银球不放在冷凝管口,如果偏上偏下各有有什么影响那么温度计怎么控温呢?放上放下温度不都是一定的吗~跟蒸馏出来的产物有什么影响呢? 水银温度计怎么看求图 焓变怎么求像这样的方程式,2Fe(s) + 3Cl2(g) ==2FeCl3(s),然后求焓变,具体是怎么求出来的?公式怎么用?或者H2(g)+1/2O2(g)==H2O 最后是-241.8KJ/MOL-RXN...这个数字是怎么出来的? 蒸馏装置中,温度计的水银球应位于什么地方?作用是什么? 已知湿球温度和干球温度,大气压强,如何求含湿量d?如题,应该在焓湿图上查得出的,我想知道怎么查,不要公式,因为不知道定压比热没法算.求解!我只记得查相对湿度为100%的那条线,但是按干球 焓与焓变二者之间的区别 水银温度计在装热水的杯子里爆了偶然,老婆把水银温度计放在有时炒菜时加水的杯子里,当时里面装的开水,结果温度计爆裂了,家里老人家觉得没什么就倒到下水道去了,然后只是用洗洁精清 什么是湿空气,含湿量和相对湿度的定义是什么? 焓变符号的含义 为什么水银温度计放在热水里,示数会先下降再上升?玻璃泡的变化会那么明显吗?有没有什么资料可以找给我看一下? 如何根据空气温度、相对湿度计算含湿量g/Nm3?例如:空气温度32度,相对湿度83%,如何计算g/Nm3?通常可知含湿量为25.22g/kg,请问如何折算成g/Nm3?谢谢了,Nm3是指标准立方米(1个大气压,20摄氏度), 键能跟焓变的符号怎么一样阿 ΔH=生成物能量-反应物能量ΔH=反应物键能总和-生成物键能总和 怎么回事 ΔH不是只表示焓变吗 而且怎么一个是生成物-反应物 一个是反应物-生成物 将一支灵敏温度计的玻璃泡浸入热水里,并立刻观察温度计细管里的水银面的高度变化,将会看到温度计中水银面下降,然后再上升.试说明其道理. 已知温度 露点 气压 求相对湿度 反应热通常用符号Q表示,与焓变△H有什么区别? 将一支灵敏温度计的玻璃泡浸入热水中,为什么细管内的水银面先下降再上升? 关于干球温度计,湿球温度计的问题我有一个疑问,假如湿度越大,那湿球温度计所沾上的水分就越多,那么蒸发的水分就越多,吸热,制冷就越多,湿球温度计的示数就越小,干湿度差就越大,那就相 通常焓变与熵变在化学反应中的符号是相同的,请问这是为什么? 两只内径不同,下面玻璃泡内水银量相同的合格的温度计,同时插入一杯热水中,过一会儿则看到( )答案是(D)为什么呢?A.两只温度计水银柱上升的高度相同,示数相同 B.内径细的温度计水 如何根据空调冷凝器的空气进口干球温度计算出空调的冷凝温度手头上现有一台冷凝器的换热器,各个尺寸参数都已经知道了.现在要对该换热器做实验,按照国家标准,空气进口干球温度取35度, 七水硫酸镁的标准摩尔生成焓是多少?计算方法是什么? 温度计接触热水,水银为何先下降后上升 高中有机化学里各个需要温度计的实验中温度计水银球的位置分别在哪里还有没有?还有没有啊? 有关标准摩尔生成焓标准摩尔生成焓规定由最稳定的单质生成时的焓变有些单质 如氧化银(ag2o) 不能由氧与银直接得到而臭氧可以与银反应 但不是最稳定的氧化银的标准摩尔生成焓怎么测 当将水银温度计放入热水中时,会看见水银柱先是下降再上升,为什么? 有一种测量空气湿度的温度计 所示 它是由两支相同的温度计组成的 其中一只温度计正处于空气中另一只温度计乙的玻璃泡浸在潮湿的海绵中 将其放在室内 其中 的示数小 这是因为 .两示数 焓变公式是什么?关于ΔH的所有公式.我都忘没了···.比如温度是300度时候,H300怎么求?还有H''和H'都是什么意思啊?我全忘了····,我高中东西忘没了·· 用温度计插入热水中测量热水的温度时,为什么开始时水银柱略微下降,然后在上升?分析是什么原因? 空气干球温度为27℃,湿球温度为19.5℃,空气湿度为多少?怎么计算? 求助饱和蒸汽焓的计算公式,详细的计算公式
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn