素材巴巴 > 程序开发 >

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

程序开发 2023-09-07 22:18:48
摘要:如今开源项目的火热程度已无需再多言语,在(一)中为开发者整理了九大类的开源项目列表,开发者们,你们用的怎么样了?本文继续整理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 (2)JavaScript
  • Prototypes and Inheritance in JavaScript
  • JavaScript Study Guide
  • ECMA 262-3 in detail
  • JavaScript Garden
  • Extensions
  • Flow Controll
  • Vid: Monads and Gonads (YUIConf Evening Keynote)
  • (3)HTML (4)Higher Level Languages

    十二、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:是一个健壮的绘图工具,可以适合任何数据的需求

    十三、Widgets

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


    (1)Kits

    (2)File Upload

    (3)Sitemap

    (4)Table Of Contents

    (5)Modals

    (6)Notifications

    (7)Gallery Sliders

    (8)Selects

    (9)Progress Bars

    (10)Misc


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


    (1)ALAJAX
    (2)Parsley.js:是一个用来对Web表单的输入数据进行验证的JavaScript库,而无需另写一行 JavaScript 代码
    (3)mailcheck.js:一个jQuery插件,当输入错误的邮件地址时,提示你输入正确的域名
    (4)one-validation :是规则表达式的集合达到综合验证的目的
    (5)nextVal:是一个易于使用的、灵活的、健壮的表单验证jQuery插件
    (6)Fields.js:创建字段的集合。对每个字段经常进行有效性的评估,同时也易于通过收集的方式获取字段
    (7)IV.js
    (8)Ladda
    (9)jQuery Super Labels

    十五、Transitions

    (1) Quicksand:用于实现动画洗牌效果的 jQuery 插件
    (2) Isotope:是一个jQuery的插件,用来实现精美的动态元素布局
    (3) flippant.js:一个让页面内容产生翻转的迷你js+css库
    (4) Meaningful Transitions

    十六 、Numbers

    (1)accounting.js:是一个简单的JavaScript库用来格式化数字、货币的显示
    (2)numbers.js

    十七、Time and Dates


    (1)moment.js:是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能
    (2)Pikaday:是一款超轻量级的javascript日期选择器,并且支持模块化的CSS,可以帮助你更加简单的配置样式

    十八、Search

    (1)Fullproof
    (2)lunr.js: 为客户端应用程序提供一个简单的全文搜索引擎

    十九、Testing

    (1)Writing Testable JavaScript
    (2)Writing Testable Frontend Javascript Part 1 – Anti-patterns and their fixes
    (3)Introduction to BDD
    (4)cucumber 

    文章来源:github.com


    标签:

    上一篇: 包管理npm、yarn、pnpm区别 下一篇:
    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。