42款经典JavaScript前端框架库,开发的瑞士军刀,随需随取

Vue.js

Vue.js 是一个免费且紧凑的开源库,可快速构建用户界面(尤其是单页 Web 应用程序)。尤雨溪于 2014 年开发 Vue.js,在 2019 年前端框架排名中获得第 2 名,2020年09月18日 Vue.js 3.0 正式发布,主推微软 TypeScript 语言编程。

Vue 中文学习资料和视频教程都非常齐全,在国内是第一人气前端框架。阿里巴巴和GiteLab都在使用Vue

React

React 是一款开源 JavaScript 库,用于构建 Web 界面。其特点是轻量级,独立,可重用创建前端UI代码。目前由 Facebook 维护和开发React,因此你不必担心React的安全性。 Facebook、Twitter、Netflix、WhatsApp 等大公司都在使用React。

AngularJS

AngularJS 与 React 和 Vue 两个框架差不多,可轻松构建网页和移动应用程序。受到谷歌、福布斯、IBM、微软等众多大公司的青睐。

jQuery

jQuery 是一款轻量化、免费、开源的库,也是最早的前端库之一,为开发提供了许多功能,例如 AJAX、操作 DOM(CSS、HTML)、处理事件、动画效果等。

Lodash

Lodash 可轻松处理 JavaScript 中与数组、字符串、数字、对象相关的问题。

Anime.js

Anime.js 是一个处理动画的库,利用 CSS 属性、SVG、DOM 属性、JavaScript 对象等,可快速构建动画。

AOS

AOS 可在用户滚动网页时为网站元素创建动画效果。

Popper

Popper 库只有3kB 左右大小,有了它可以提高网站速度,常和时下流行的 Bootstrap、Foundation、Material-UI等合并使用。

Owl Carousel 2

Owl Carousel 2 是一个开源库,可轻松实现轮播效果。Owl Carousel 2拥有超过 60 种不同类型的轮播样式,具有自动播放功能、视频可用性、自定义运动效果等设定。

D3.js

D3.js 利用 SVG、Canvas、HTML 进行数据可视化和渲染。每周 通过 npm 下载都会超过 100 万次以上。但其缺点是,初学者上手有难度,也不支持IE8 等较旧的浏览器。

DarkModeJS

DarkModeJS 是实现夜间模式的库。可创建CSS样式文件,然后由用户切换到所需模式。

eChart.js

数据可视化的图表库。

SweetAlert

SweetAlert 是一款高效且美观的网站通知库。

Highlight.js

Highlight.js 是一款突出显示文字的库,其优势是,独立于任何框架;能够自动检测您网站上的语言;支持超过 189 种流行的编程语言;提供了 94 种以上的样式。

VideoJS

VideoJS 是基于 HTML5 视频平台构建的视频播放器,支持多种格式,例如 YouTube 和 Vimeo 流媒体。其开发于 2010 年左右。其优点:设计美观,多种样式主题,可在电脑和手机上运行。

Moment.js

利用 Moment.js 处理日期和时间变得容易。

PixiJS

利用最快速、最灵活的 2D WebGL 渲染器构建的数字内容。

Webpack

Webpack 静态模块打包工具。

fullPage.js

fullPage.js 可为网站创建全屏滚动。

Howler.js

Howler.js 只有 7KB 大小,可处理网页音频。通过 API 和 HTML5 Audio 的结合,可运行在许多平台和网络浏览器上,包括 IE9 和 Cordova。Howler.js 的优点:支持众多的文件类型,如 MP3、MPEG、OPUS、OGG、OGA、WAV、AAC、CAF、M4A 等,其自动缓存有助于提高网站的性能以及服务器的带宽。

Masonry

可创建复杂的网格布局。

Screenfull

Screenfull 有助于将元素或网页转换为全屏模式。

particles.js

Particles.js 可为网站创建和优化漂亮的背景。

Leaflet

Leaflet 用于与移动设备上的地图进行交互。

SortableJS

SortableJS 可为 HTML5 添加拖放功能。

Clipboard.js

Clipboard.js 可以快速将网页内容复制到剪贴板。

Underscore.js

Underscore.js 提供了 100 多个函数,支持您最喜欢的日常功能助手:map、filter、invoke等。

Cleave.js

input当用户输入信息时,Cleave 可以很容易地重新格式化元素。

Share

Share库可轻松实现分享功能。

Chardin.js

Chardin.js 库可在网页上显示组件的说明。

Flip

Flip 可轻松地创建翻转效果的计数器。

Image Compare Viewer

Image Compare Viewer 可实现在网页上比较两个图像的功能。

Notyf

Notyf 仅有3KB大小,用于创建 Toast 通知。易于与流行的 JS 框架(如 React、Angular、Aurelia、Vue 和 Svelte)一起使用。

Dinero.js

Dinero.js 提供与货币相关的功能。

SimpleParallax.js

SimpleParallax.js 用于创建简单易行的视差效果。

Duet Date Picker

Duet Date Picker 是由 Duet Design Systems 开发的开源代码。实现日期选择器组件的功能。

Print.js

Print.js 是一款打印库,其支持多种格式的打印,例如 PDF、HTML(例如表单)、图像、JSON 等。此外,可以大多数流行的浏览器上运行,例如 Chrome、Firefox、Safari、Edge 和 Opera。

Mathjs

Mathjs 是一款开源数学库,在 Github 上为 JavaScript 和 Node.js 拥有超过 10.5 万颗星。其可灵活计算和处理许多不同的数据类型,例如数字、大数、复数、分数、单位和矩阵等。

PROGRESSBAR

PROGRESSBAR 是一款进度条的库。

Quill

Quill 一款强大的富文本编辑器。

VALIDATE.JS

VALIDATE.JS 提供验证功能的库。

Mocha

Mocha 是一款功能丰富的 JavaScript 测试框架。

最后

希望这篇文章能为那些前端开发的工程师带来帮助。

不要忘了关注我的频道,祝大家好运!

jQuery JavaScript的综合性UI组件库jQWidgets v4.1.0发布

立即下载最新版:jQWidgets v4.1.0

jQWidgets是一个基于jQuery、JavaScript的综合性和创新性的HTML5 UI组件库,旨在帮助开发者创建专业、跨平台的Web应用程序,并最大限度的节省开发时间。jQWidgets包含30多种UI组件,是最快的JavaScript UI框架之一。jQWidgets为创建专业的Web站点和移动应用提供了全面的解决方案,它完全构建于HTML5,CSS,Javascript和jQuery等开放标准和技术之上。jQWidgets能完成web开发,可以帮助你创建绚丽的桌面、平板电脑和智能手机应用以及网站。

具体更新内容如下:

新增:

  • 在移动设备上实现惯性滚动
  • jqxBarGauge小部件
  • jqxChart轴对数刻度的支持
  • jqxChart轴位置映射到值的新功能
  • jqxChart支持自定义网格线、刻度线和标签
  • jqxResponse的响应电网系统
  • 可以从输入标签来完成jqxDateTimeInput、jqxNumberInput、jqxSlider、jqxCalendar、jqxCheckBox、jqxRadioButton、jqxSwitchButton、jqxColorPicker初始化
  • jqxDateTimeInput、jqxComboBox、jqxDropDownList、jqxSlider、jqxProgressBar、jqxButtonGroup、jqxNumberInput、jqxFormattedInput、jqxComplexInput模板
  • jqxDropDownList、jqxComboBox、jqxDropDownButton和jqxDateTimeInput的下拉对齐选项

改进:修复:

  • 修复了jqxScheduler关于appointmentClick和appointmentDoubleClick事件在议事日程视图中的问题
  • 修复了jqxScheduler关于议事日程视图中的编辑对话框的问题
  • 修复了jqxDropDownList关于其弹出定位的问题
  • 修复了jqxChart关于量程选择器呈现的问题
  • 修复了jqxChart关于量程选择器垂直呈现的问题
  • 修复了jqxRibbon关于当“removeAt”被调用时,滚动按钮的可见性无法更新的问题
  • 修复了在“addAt”方法中jqxRibbon选择问题
  • 修复了在jqxRangeSelector中四舍五入的问题
  • 修复了jqxLinearGauge关于当取向水平和“scaleLength”已设置时,布局错误的问题

突发变化:

  • 当应用分组和分页时,通过在jqxGrid的分组列删除默认排序

购买最新版jQWidgets咨询在线客服>,即可拥有最新正版授权!

查看更新原文:jQWidgets v4.1.0

慧都科技,十三年行业经验,专注提供软件技术整体解决方案,致力打造全球最大的软件技术一站式服务平台。

慧都控件|帮助企业打造成功软件

慧都提供全球优质控件产品/控件培训/项目定制开发/方案咨询/现场实施/项目外包/专业测试

微信ID:EVGET_Huidu

企业QQ:800018081|电话:023-66090381

扫码关注微信

基于SSM+Shiro+Ehcahe+Quartz搭建Java EE快速开发平台源码分享

内容发布系统是基于Kensite开发平台搭建,支持多站点,自带两个演示实例,一个是社区示例,一个是论坛示例。后台拥有站点、导航、文章、评论、收藏、留言板、标签云等模块,并支持标签模版,实现前端与后台业务分离,前端所有数据的展现均可通过Kensite cms 自定义标签实现,新增修改删除等操作通过ajax调用接口实现。

内容管理系统只是开发框架附带开发的一个子单元,并非核心,此开发框架的核心是作为一套快速开发框架,可以应用到各种管理系统的开发中,极大的提高开发效率,降低开发成本。此开发框架是我们公司一直在使用的框架,简单易学,可扩展性强,培训机构出来的毫无经验的实习生都可以很快上手,已经经过了好多个项目的洗礼,绝对足够坚挺。

关注作者转发文章之后私信回复【源码】即可免费获取到本项目源码进行学习使用

  1. 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  2. 部门管理:配置系统组织机构,无限层级,树结构展现,可随意调整上下级。
  3. 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  4. 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  5. 字典管理:对系统中经常使用的一些较为固定的数据进行维护,如:是否、男女、类别、级别等。
  6. 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  7. 连接池监视:监视当期系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。
  8. 数据库建模:在线创建数据库表及字段,并可进行可视化配置各字段前端显示组件,表单即可显示对应组件。
  9. 定时任务计划:后台可视化配置任务计划执行,基于Quartz支持可视化配置。
  10. 通用上传下载:单个多个附件上传,支持断点上传和断点下载。
  11. 内容管理:多站点管理,文章发布等,自带一套完整的JSP自定义标签。
  12. 消息推送:平台集成极光推送api、邮件发送、短信发送。
  13. web通信:集成websocket,前端自带一个聊天室。
  14. 导出功能:excel导出与word导出。
  15. 统计图表设计器:可视化配置echarts统计图表,支持柱状图、折线图、饼图、仪表等可视化配置,不需要编码。
  16. 流程建模:可视化流程设计器在线设计流程,可通过少量代码实现任意业务审批流程的签收、通过、驳回、跟踪等操作。
  17. 还有很多,请在使用中自行发现吧。

1、后端

  • 核心框架:Spring Framework 4.0
  • 安全框架:Apache Shiro 1.2
  • 视图框架:Spring MVC 4.0
  • 服务端验证:Hibernate Validator 5.1
  • 定时任务计划:Quartz
  • 流程引擎:activiti 5.21.0
  • 持久层框架:MyBatis 3.2
  • 数据库连接池:Alibaba Druid 1.0
  • 缓存框架:Ehcache 2.6、Redis
  • 日志管理:SLF4J 1.7、Log4j
  • 全文检索:lucene
  • 验证码:patchca
  • WebService:CXF webservice
  • 工具类:Apache Commons、Jackson 2.2、Xstream 1.4、Dozer 5.3、POI 3.9

2、前端

  • JS框架:jQuery 1.9
  • CSS框架:Twitter Bootstrap 2.3.1
  • 前端组件:easyui
  • 客户端验证:JQuery Validation Plugin 1.11
  • 富文本:Ueditor
  • 对话框:layer、jquery-ui
  • 上传空间:uploadify
  • 树结构控件:jQuery zTree
  • 日期控件: My97DatePicker
  • web excel插件:handsontable
  • 统计图表:echarts

4、平台

  • 服务器中间件:在Java EE 5规范(Servlet 2.5、JSP 2.1)下开发,支持应用服务器中间件 有Tomcat 6、Jboss 7、WebLogic 10、WebSphere 8。
  • 数据库支持:目前仅提供MySql和Oracle数据库的支持,但不限于数据库,平台留有其它数据库支持接口, 可方便更改为其它数据库,如:SqlServer 2008、MySql 5.5、H2等
  • 开发环境:Java EE、Eclipse、Maven、Git

获取方式:

关注作者转发文章之后私信回复【源码】即可免费获取到本项目源码进行学习使用

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。