通知和提醒效果是网站的常用功能之一，可以用来显示消息、通告等等。Notyf 是一款超级简单、响应式的 JS 通知插件，不依赖 jQuery，可以独立使用。API 配置简单，非常方便。在线演示http://carlosroso.com/notyf/
......
510
0
0
2022-06-18
作为前端开发者，代码是你躲也躲不开的，下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。这个插件的作用方法也非常简单，你只需要引用相关文件，然后再启用它就可以。<!-- 引入 CSS 文件 -->
<link href="prettify.min.css" re
......
559
0
0
2022-06-18
在前端开发中会遇到一些JS插件，一时想不起来，又要重新开始翻找，浪费太多时间了，此文会大大提高你在工作效率。其中就有我之前提到的 希望对大家有所帮助！1.表单验证插件validate.js2.表格插件dateTables.js3.弹层插件layer.js4.分页插件layPage.js5下拉框选择插件select2.js(我使用这个)chosen.js6.
......
374
0
0
2022-06-11
在我们近期一个PC前端项目中，因项目交互较多，需加载N个插件。这情况相信大家在前端工作中经常遇到！ 后来我们找到了 superslide.js ，忍不住想要赞美它， 自从掌握了 superslide.js的各种情况下的使用以后，再看到图片滚动、选项卡、幻灯片什么的再也不怕啦。 所以在此推荐这款非常不错的插件，这插件包括常用的“焦点图/幻灯片”“Tab标
......
470
0
0
2022-06-09
先附上highlight.js的github项目地址废话不多说，直接上操作步骤1.打开highlight.js官网找到你需要的语言，官网会帮你打包好，下载就完事儿了~image.png2.在你下载好的文件里面，找到 styles/ 目录下面的 monokai-sublime.css。新建一个空的html文件，引入这个css。这就是我们选定的主题文件。(你也可
......
672
0
0
2022-05-28
HighchartsHighcharts 是一个用纯JavaScript编写的一个图表库。Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表Highcharts 免费提供给个人学习、个人网站和非商业用途使用。HighCharts 特性兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）。多设备 - 支持多种
......
494
0
0
2022-05-21
程序开发的朋友希望对你们有所帮助！！1.JavaScript 图表库ECharts [国产]（是一款由百度前端技术部开发的，基于Javascript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。）2.ECharts - Java类库ECharts-Java[国产] （一个针对 ECharts 2.0 版本的Java类库，实现了所
......
374
0
0
2022-05-20
1.Selector.jsSelector是一个用于替代jQuery的微型JavaScript库。该项目是为了建立一个jQuery的替代品，同时不断找到优化来缩小库的整体文件大小，保持最小的gzip压缩文件在5KB以下，同时增加对jQuery功能更多的支持。2.MoonMoon是一个简单的前端JavaScript库，受到Vue的强烈启发。快速，灵活，易于学习
......
802
0
0
2022-05-18
在前端开发过程中将体验和功能做到极致的同时，对于美观的追求也越来越高，数据可视化、动画交互、2D/3D 等元素已然成为标配。以下为大家推荐几款开源图形库，希望对大家有所帮助！1、D3.js（最流行的可视化库之一，被各种表格插件、库、框架所使用。它允许绑定任意数据到 DOM ，然后将数据驱动转换应用到 Document 中。你可以使用它从数组中生成 HTML
......
624
0
0
2022-05-18
炎热的 7 月已经过去，秋天的脚步更近了。在本月，Tutorialzine 依旧为大家带来了一些有趣、实用的前端库，看看有哪些适合你的项目呢？1.Titanic这是一组自带悬停动画的精致 SVG 图标。但与大多数 Web 图标不同之处在于 - 它的动画是基于 JS 的，需要你使用 bodymovin 库将动画效果导出为 SVG 格式。项目地址：https:/
......
395
0
0
2022-05-13
此文为大家推荐一些实用的JavaScript 滑块控件，希望在今后的前端过程中有所帮助！1、Ion.RangeSlider（强大的、易于自定义的范围滑块选择库，支持很多配置和皮肤）2、noUiSlider（轻量无冗余的、高度定制化的滑块选择库）3、jQRangeSlider（支持日期的滑块选择库）4、rangeslider.js（HTML5 input 区域
......
563
0
0
2022-05-13
Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。帮你用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果，并且看上去非常棒，即便是在retina屏幕上。基于HTML5 canvas技术，支持所有现代浏览器，并且针对IE7/8提供了降级替代方案。不依赖任何外部工具库，轻量级（压缩之后仅有4.5k），并且提供了加载外部参数的方
......
390
0
0
2022-05-12
迎来了金秋 9 月，在这收获的季节，Tutorialzine 又为我们带来了哪些新鲜、有趣的前端资源呢？前端开发者们，一起来看看有木有你需要的前端库。1.DisplayJSDisplayJS 是一个帮助你渲染 DOM 的简易框架。使用它，你可以更容易地将 JS 变量遍历到特定的 HTML 元素中，类似于 React 或 Vue.js 处理模版的方式。项目地址
......
401
0
0
2022-05-09
今天我要介绍的是laydate，目前已经完成了一次重大的重写（v5.x.x+），laydate是layui独立维护的三大组件之一，本次重写后其主要功能有年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器，五种类型的基本选择方式。1、引入laydate①下载地址：https://github.com/sentsin/laydate/下载laydate
......
407
0
0
2022-05-08
layer是一个开源免费的弹出层组件，简单易用、美观，功能强大能够满足你对弹出层的几乎所有需求，每一种模式都有自己的特色，调用简单实用性强，可轻松实现Alert、Confirm、Prompt、普通提示、页面区块、iframe、tips等几乎所有的弹出模式。此组件知名度高，在此仅介绍给不知道的新人，谢谢支持。1、下载及初始化http://layer.layui
......
645
0
0
2022-05-07