首页
学习
活动
专区
圈层
工具
发布

【第3期】前端常用插件、工具类库汇总

一个效果非常好的弹层,支持图片、支持输入 轮播图 Swiper:https://www.swiper.com.cn/ 开源、免费、强大的触摸滑动插件,常用于移动端。.../slick/ jQuery旋转木马插件slick jQuery slider:http://www.jq22.com/jquery-info889 插件描述:最全最简单最通用的 幻灯片轮播 ,可控制的插件...二维码 jQuery qrcode:https://github.com/jeromeetienne/jquery-qrcode 是一个能够在客户端生成矩阵二维码的jQuery插件,使用它可以很方便的在页面上生成二维码...模版引擎 doT:https://github.com/olado/doT doT模板方便快捷的组织页面DOM,特点是快,小,无依赖其他插件。这也是我在项目中经常会使用的一个模版引擎。...官网上没有直接给ajax的请求拦截例子,可以参考这篇Mock.js使用 Easy Mock:https://easy-mock.com 是一个可视化,并且能快速生成模拟数据的服务,是一个Mock平台,由大搜车维护

5.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    awesome-javascript-cn

    官网 hogan.js:是 Mustache 模板语言的编译器。官网 doT:最快速简洁的 JavaScript 模板引擎,适用于 nodejs 和浏览器。...官网 cubism:可视化时间序列的 D3 插件。官网 dc.js:与 crossfilter 无缝合作的多维图表绘制库,使用 d3.js 渲染。官网 vega:一套可视化语法。...官网 BootstrapValidator:是验证表单域中最好的 jQuery 插件。要与 Bootstrap 3 一起使用。官网 is.js:检查类型、正则表达式、是否存在、时间等。...官网 文件上传 jQuery-File-Upload:File Upload 是一个支持多文件选择、文件拖放、进度条、验证和图片、音频、视频预览的 官网jQuery 插件。...(jQuery 插件)官网 floatThead:(jQuery 插件)锁定表格头部,只允许表格内容滚动。适用于任何表格,而且不需要额外的 html 或 css。

    12.5K80

    整理一份程序员常用的各类工具、技术站点

    Highcharts.js,Flot:常用的Web图表插件 Raw:非常不错的一款高级数据可视化工具 Rickshaw:时序图标库,可用于构建实时图表 JavaScript InfoVis Toolkit...(类似的还有reveal) Threejs:3DWeb库 Hightopo:基于Html5的2D、3D可视化UI库 jQuery.dataTables.js:高度灵活的表格插件 Raphaël:js,canvas...: 异步事件驱动网络应用编程框架,用于高并发网络编程比较好(NIO框架) MINA:简单地开发高性能和高可靠性的网络应用程序(也是个NIO框架),不少手游服务端是用它开发的 Perfuse:是一个用户界面包用来把有结构与无结构数据以具有交互性的可视化图形展示出来...CefSharp:同上,有一款WebKit的封装,C#和Js交互会更简单 netz:免费的 .NET 可执行文件压缩工具 SmartAssembly:变态的.net代码优化混淆工具 NETDeob0:....net反混淆工具(还有个de4dot,在GitHub上,都是开源的) ILMerge:将所有引用的DLL和exe文件打成一个exe文件 ILSpy:开源.net程序反编译工具 JavaScript.NET

    2.1K20

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    d3 - 用于HTML和SVG的JavaScript可视化库。 metrics-graphics - 针对简洁,有原则的数据图形和布局进行优化的库。...sigma.js - 专用于图形绘制的JavaScript库。 arbor - 使用Web worker和jQuery的图形可视化库。 cubism - 用于可视化时间序列的D3插件。...processing.js - Processing.js使您的数据可视化使用Web标准并且没有任何插件。 envisionjs - 动态HTML5可视化。...Ion.CheckRadio - 用于样式复选框和单选按钮的jQuery插件。有皮肤支持。 awesomplete - 超轻量级,可用,美观的自动完成,零依赖。...fine-uploader - 多文件上传插件,带有进度条,拖放,直接上传到S3。 FileAPI - 一组用于处理文件的JavaScript工具。

    8.3K20

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    d3 - 用于HTML和SVG的JavaScript可视化库。 metrics-graphics - 针对简洁,有原则的数据图形和布局进行优化的库。...sigma.js - 专用于图形绘制的JavaScript库。 arbor - 使用Web worker和jQuery的图形可视化库。 cubism - 用于可视化时间序列的D3插件。...processing.js - Processing.js使您的数据可视化使用Web标准并且没有任何插件。 envisionjs - 动态HTML5可视化。...Ion.CheckRadio - 用于样式复选框和单选按钮的jQuery插件。有皮肤支持。 awesomplete - 超轻量级,可用,美观的自动完成,零依赖。...fine-uploader - 多文件上传插件,带有进度条,拖放,直接上传到S3。 FileAPI - 一组用于处理文件的JavaScript工具。

    9.1K21

    整理的程序员使用利器(工具)

    Nagios:系统状态监控报警,还有个Icinga(完全兼容nagios所有的插件,工作原理,配置文件以及方法,几乎一模一样。...Highcharts.js,Flot:常用的Web图表插件 Raw:非常不错的一款高级数据可视化工具 Rickshaw:时序图标库,可用于构建实时图表 JavaScript InfoVis Toolkit...(类似的还有reveal) Threejs:3DWeb库 Hightopo:基于Html5的2D、3D可视化UI库 jQuery.dataTables.js:高度灵活的表格插件 Raphaël:js,canvas...:同上,有一款WebKit的封装,C#和Js交互会更简单 netz:免费的 .NET 可执行文件压缩工具 SmartAssembly:变态的.net代码优化混淆工具 NETDeob0:.net反混淆工具...,真是魔高一尺道高一丈啊(还有个de4dot,在GitHub上,都是开源的) ILMerge:将所有引用的DLL和exe文件打成一个exe文件 ILSpy:开源.net程序反编译工具 Javascript.NET

    2.4K11

    coder看看应该有用

    Nagios:系统状态监控报警,还有个Icinga(完全兼容nagios所有的插件,工作原理,配置文件以及方法,几乎一模一样。...Highcharts.js,Flot:常用的Web图表插件 Raw:非常不错的一款高级数据可视化工具 Rickshaw:时序图标库,可用于构建实时图表 JavaScript InfoVis Toolkit...(类似的还有reveal) Threejs:3DWeb库 Hightopo:基于Html5的2D、3D可视化UI库 jQuery.dataTables.js:高度灵活的表格插件 Raphaël:...CefSharp:同上,有一款WebKit的封装,C#和Js交互会更简单 netz:免费的 .NET 可执行文件压缩工具 SmartAssembly:变态的.net代码优化混淆工具 NETDeob0...:.net反混淆工具,真是魔高一尺道高一丈啊(还有个de4dot,在GitHub上,都是开源的) ILMerge:将所有引用的DLL和exe文件打成一个exe文件 ILSpy:开源.net程序反编译工具

    1.4K41

    通用代码高亮插件(SyntaxHighlighter)

    shLegacy.js scripts文件夹 包含具体语言各自的语法特性:类型、关键字、函数、注释、别名等等信息,用于生成对应的html 及 class 属性值,最后通过css主题进行着色。...更多语言笔刷请进入…… Styles文件夹 提供一些现成的代码着色css主题,可直接用于项目。...有兴趣的朋友可以自己看下,源码包含此文件。 SyntaxHighlighter插件内容总算被扯完了,下面说说博客园中此插件的使用。...,并非上面说的 Syntaxhighlighter_3.0.83 版本(注意:目前博客园使用的新版本的js插件库,只是可视化插件还停留在老版本),不过大体类似,实际上我还萌生了看有没有办法升级此插件的办法...直到近期我才发现这插件的作用是要发布到博客园后才有效果(因为他需要运行SyntaxHighlighter插件的js脚本)……下面我来说说为博客圆提供的这款可视化插件如何配置。

    4K20

    解决graphvizbackend.py, line 162, in pipe raise ExecutableNotFound(args) graphvi

    什么是GraphvizGraphviz是一个开源的图形可视化工具包,可以用于绘制各种图形,如流程图、类图、网络图等。...假设我们有一个由节点和边构成的有向图,我们希望使用Graphviz来可视化这个图。...它的核心功能是根据输入的图形描述文件,自动布局和绘制图形,并输出为各种格式,如PNG、PDF、SVG等。 Graphviz使用简单直观的图形描述语言来表示图形,称为DOT语言。...DOT语言是一种纯文本的图形描述语言,易于理解和编写。它的语法类似于描述关系的语言,通过节点和边来描述图形的结构和连接关系。...总之,Graphviz是一个功能强大且易于使用的图形可视化工具包,能够帮助我们通过简单的图形描述语言快速绘制各种类型的图形,并提供了多种布局算法和样式选项,用于优化图形的可视化效果。

    90640

    JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用

    0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多...整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏的表单,然后进行提交操作,达到附件上传的目的,主要实现在源码里都有注释,不难理解,我们也可以基于此简单版本实现更复杂的操作。...及ajaxFileUpload的引用,这里的JQuery用的2.1.4版本,经测试用各个版本基本没什么影响。...,默认能选择的文件类型。...function filePictureChange() { $.ajaxFileUpload({ url: "/Shared/Upload", //用于文件上传的服务器端请求地址

    5.6K90

    scikit-learn决策树算法类库使用小结

    3)推荐多用决策树的可视化(下节会讲),同时先限制决策树的深度(比如最多3层),这样可以先观察下生成的决策树里数据的初步拟合情况,然后再决定是否要增加深度。     ...3.1 决策树可视化环境搭建     scikit-learn中决策树的可视化一般需要安装graphviz。主要包括graphviz的安装和python的graphviz插件的安装。     ...3.2 决策树可视化的三种方法     这里我们有一个例子讲解决策树可视化。     ...)     现在可以将模型存入dot文件iris.dot。...graphviz的dot命令生成决策树的可视化文件,敲完这个命令后当前目录就可以看到决策树的可视化文件iris.pdf.打开可以看到决策树的模型图。

    1.3K30

    如何让数据结构可视化?

    当我们实现一个比较复杂的数据结构,比如二叉树、图、跳表,Debug的时候怎么验证自己写的函数对不对呢? 一个方法是将数据结构可视化,与理论上的结果比较即可。...请出主角:Graphviz,带一种解释语言dot,可以用简明的代码作图。 之所以推荐这个是因为它可以自动排版 1....渲染 有vscode的读者可以安装一个vscode插件: ? 安装vscode插件 安装完成后,新建一个.dot文件,右上角会出现一个渲染按钮: ?...渲染按钮 没有vscode的读者可以使用命令手动渲染: dot -Tpng 你的代码文件名 -o 输出图片文件名 3. 编写代码 一个空的dot代码(什么都不渲染): digraph { } ?.../output.dot 为输出的文件名 fprintf(fp, "digraph {\n"); deque q; // 前序遍历,使用队列实现 node *current

    76920

    硬核推荐!Mac电脑必备软件工具!

    数据库: Sequel Pro :简单小巧的MySQL数据库管理工具。个人觉得是Mac中MySQL数据库管理工具中最好用的一个,不过有一些可以容忍的小bug比如关闭一个页面导致其他页面闪退。...前置条件:安装graphviz: brew install graphviz即可(需要提前安装homebrew) 用Sequel Pro导出Dot文件 File-> Export... -> Dot 用...其他: Docker Docker Desktop :Docker 桌面可视化管理工具。 写作 Typora :Markdown 编辑器。简单好用,支持树形结构文件夹展示。...通过自由选配丰富的插件,打造你得心应手的工具集合。 motrix :一款全能的下载工具。支持下载 HTTP、FTP、BT、磁力链、百度网盘等资源。...SwitchHosts : 这是一个用于快速切换 hosts 文件的小程序,基于 Electron 开发,同时使用了 React、Ant Design 以及 CodeMirror 等框架/库。

    2.3K10

    前端常用插件

    插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS...前端框架,是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的可视化流程图 markdown-it: 新型 Markdown 解析器,快速,支持插件 multiline...: jQuery 的一个插件,用于校验 Form 表单 BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果 emscripten: 一款基于 LLVM, 可以将 C/...定位、运动、倾斜等 hyhyhy: 用于创建 基于 HTML5 的 演示文稿 swipebox: jQuery 插件,用于处理移动端的触摸事件 FileAPI: 前端用户处理文件(拖放、多文件上传等).../Node 等支持 PhotoSwipe: JS 的一个图片展示库 focusable: 是页面上一个元素高亮的库,有图有真相 firefox.html: Firefox 在浏览器端的实现 —— HTML

    6K61

    python测试开发django-154.bootstrap-formvalidation

    前言 表单输入框对输入内容校验,这是一个很基本的功能,像这种非常普遍的功能,当然是先找下有没有现成的插件可以使用。...这里介绍一款很好用的表单验证插件,formvalidation,实际上也是bootstrap的一个插件,之前叫bootstrapValidator,现在独立出来了。...下载地址http://down.htmleaf.com/1505/201505101833.zip 下载后解压,主要会用到vendor和dist里面的文件,里面也有一些案例可以学习 在本地引用的时候需要引用一个...,虽然前面已经在项目中导入了bootstrap.js,还是需要再导入formvalidation的bootstrap.js文件,因为它和你之前导入的并不相同。...还有前面导入了jquery.min.js,还是要导入formvalidation里面的jquery.min.js,因为如果不导入,可能会导致remote类型的验证失效。

    1.9K40

    初学前端需要怎么学习?

    2、CSS CSS,层叠样式表(英文:Cascading Style Sheets,简称:CSS)是一种用来表现HTML或XML等文件样式的计算机语言。...3、JavaScript JavaScript 是互联网上最流行的脚本语言,这门语言不仅能用于 HTML 和 Web,还广泛用于服务器、PC端、笔记本电脑、平板电脑和智能手机等设备。...它是一种轻量级的编程语言,是可插入 HTML 页面的编程代码。当插入 HTML 页面后,会交由浏览器去执行。 同时,有需要可以了解一下HTML5和CSS3。...利用其提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 App 。...5、jQuery jQuery是一个JavaScript函数库。也是一个轻量级的"写的少,做的多"的JavaScript库。除此之外,它还提供了大量的插件。

    1.8K10
    领券