SteveRocket
SteveRocket

前端开发技术栈（插件篇）：400+常用前端开发插件总结清单

原文地址：前端开发技术栈（插件篇）：400+常用前端开发插件总结清单_前端好用的插件_SteveRocket的博客-CSDN博客

常用前端开发插件总结清单，日常前端开发的时候，尤其在使用一些常用的功能的时候，例如：表单，，动画效果，时间选择，文件上传，下拉框等功能。直接用插件可以让自己节省更多的开发时间，更多的去关心业务，自己封装还要更多的去解决各种兼容性问题。为此总结一些常用的插件，方便日后开发的时候，可以拿来就用。

> **插件集合代码仓库：https://gitee.com/SteveRocket/practice_fronted**

*`_注意：_ 此处插件库排序按照字母排序。`*

### [accessible-html5-video-player]()

Paypal 出品的 Video 播放器。

### [accounting.js]()

轻量级的数字、货币转换库。

### [ace]()

[Git地址](https://github.com/ajaxorg/ace.git)  [下载地址](https://github.com/ajaxorg/ace-builds.git) 

Ace(基于浏览器的编辑器)是透过JavaScript所开发的线上程序语言编辑器插件，无论功能和性能都类似一般编辑器（Sublime、Vim和TextMate等），导入进任何网页或JavaScript应用程序都相当容易。值得一提的是Ace是由Cloud9 IDE的团队维护，并且是Mozilla Skywriter（Bespin）项目的延伸品，品质值得信赖。

特点：

1. 超过120种语言的语法突出显示（可导入TextMate/Sublime/.tmlanguage 文件）。

2. 超过20个主题（可导入TextMate/Sublime/.tmtheme文件）。

3. 自动缩进和突出。

4. 可选的命令行。

5. 处理大量文件（最后检查，4,000,000 行是上限）。

6. 完全可定制的键绑定，包括VIM和Emacs模式。

7. 搜索并替换正则表达式。

8. 突出显示匹配的括号。

9. 在软标签和真实标签之间切换。

10. 显示隐藏的字符。

11. 使用鼠标拖放文本。

12. 换行。

13. 代码折叠。

14. 多个游标和选择。

15. 实时语法检查器（目前是 JavaScript / CoffeeScript / CSS / XQuery）。

16. 剪切，复制和粘贴功能。

### [Ace admin](http://ace.jeka.by/)

[Git地址](https://github.com/bopoda/ace) 

Ace Admin是一款轻量且功能丰富的管理模板，干净且易于使用。

特点：

1. 4种不同的皮肤。

2. 基于Bootstrap 3的响应式设计（特别是3.1.1）。

3. 使用Javascript和CSS构建器来构建您自己的最小文件。

4. 在页面帮助中，您可以轻松选取任何元素并查看其工作原理。

5. 自定义元素和插件。

6. Bootstrap，jQuery UI和第三方插件和元素。

### [alertify.js](https://fabien-d.github.io/alertify.js/)

[Github地址：](https://github.com/fabien-d/alertify.js.git) https://github.com/fabien-d/alertify.js.git 

alertify.js是为了美化通知信息而生的JavaScript框架。

### [amp-what](http://www.amp-what.com/) HTML字符实体图标

### [animatable]()

仅仅依靠 border-width 和 background-position 实现的各种动态效果。

### [Animate.css](https://animate.style/)

[Github地址：](https://github.com/animate-css/animate.css.git) https://github.com/daneden/animate.css 预设了很多动画。 

这款插件能让你的网页端拥有更加丰富的动画。纯CSS制作的动画效果的CSS集合，无需JavaScript，支持多浏览器的动画特效，即插即用。   

animate.css把不同的动画绑定到了不同的类里，所以想要使用哪种动画，只需要把通用类animated和相应的类添加到元素上就行了。 

主要包括Attention(晃动效果)、bounce(弹性缓冲效果)、fade(透明度变化效果)、flip(翻转效果)、rotate(旋转效果)、slide(滑动效果)、zoom(变焦效果)、special(特殊效果)这8类

下载https://raw.githubusercontent.com/daneden/animate.css/master/animate.css 

或安装 

npm install animate.css

### [AnythingZoomer]()

[GitHub地址：](https://github.com/CSS-Tricks/AnythingZoomer/) https://github.com/CSS-Tricks/AnythingZoomer/ 

放大镜功能。

### [Arbiter.js](http://arbiterjs.com/)

发布订阅。

### [Async.js]()

[GitHub地址：](https://github.com/caolan/async/) https://github.com/caolan/async/ 

异步流程控制。

### [autosize]()

[GitHub地址：](https://github.com/jackmoore/autosize) https://github.com/jackmoore/autosize 

让文本域(textarea) 的高度随着文字内容的变高而变高。

### [Awesomplete](http://leaverou.github.io/awesomplete/)

输入的智能提示，自动补全。非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观

### [axios](https://www.npmjs.com/package/axios)

支持浏览器和Node.js 的HTTP请求工具。axios不支持jsonp。

### [backbone]()

强大的前端 MVC 库，鼻祖级前端库，最初为了配合 Rails 来模块化前端应用，兼容性良好 (兼容到 IE6)，插件丰富，性能良好。

### [bacon.js](https://baconjs.github.io/)

[GitHub地址：](https://github.com/baconjs/bacon.js/) https://github.com/baconjs/bacon.js/   

函数式编程，是一个小型 JavaScript 函数式响应编程库。

### [basket.js]()

基于LocalStorage的资源加载器，可以用来缓存script和css, 手机端使用速度快于浏览器直接缓存。

### [better scroll](https://github.com/ustbhuangyi/better-scroll)

[文档](https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/) 在PC上使用时的推荐配置： `{scrollbar:true,mouseWheel: {speed: 20,invert: false}}`

### [bgstretcher](http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html)

全屏幻灯，会随着页面大小的变化而变化。

### [BigDecimal.js](https://github.com/dtrebbien/BigDecimal.js)

提高精度的数字操作。

### [BigVideo.js]()

jQuery的一个插件, 用于实现大背景(视频、图片)效果。

### [blockUI](http://jquery.malsup.com/block/)

Lolding组件。

### [bootstrap](http://getbootstrap.com/)

[Github地址：](https://github.com/twbs/bootstrap.git) https://github.com/twbs/bootstrap.git

[Bootstrap](https://www.bootcss.com/)，来自Twitter，是一个用于快速开发 Web 应用程序和网站的前端框架，是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。

下载https://github.com/twbs/bootstrap/archive/v5.3.0-alpha1.zip 

或安装 

npm i [email protected]

### [Bowser](https://github.com/ded/bowser)

探测具体浏览器和版本

### [breach_core]()

Javascript 编写的 Browser (浏览器)。

### [c3]()

基于D3的图表库。

### [china-area-data](https://github.com/airyland/china-area-data)

### [chosen]()

官网：Chosen Github：chosen

Chosen是一个jQuery的插件，目的是让又长又笨重的下拉式选单变得更友善。

### [Cleave.js]()

表单栏位格式化工具

### [ClickSpark.js](http://www.ymc.ch/sandbox/clickspark/demo.html)

点击后的一些酷炫的效果

### [clipboard.js](https://clipboardjs.com/)

[GitHub地址：](https://github.com/zenorocha/clipboard.js) https://github.com/zenorocha/clipboard.js 

Modern copy to clipboard. No Flash. Just 3kb gzipped.   

下载地址：https://github.com/zenorocha/clipboard.js/archive/master.zip   

复制内容到剪切板的小工具，不依赖Flash或任何臃肿的框架，大小只要3KB。

### [clone.js](https://github.com/pvorb/clone)

对各种对象的深度复制。

### [coin-slider](https://github.com/kopipejst/coin-slider/)

兼容IE6，不过其切换方式是一块块的。不能配置切换方式。

### [color-animation](http://www.bitstorm.org/jquery/color-animation/)

jquery的颜色渐变动画插件。jquery的动画不支持颜色值的变化。改库提供了这个支持。

### [Colorion](http://gradientbuttons.colorion.co/)

滑块/Range。背景是渐变色的按钮。hover 时有动画效果。

### [compass.js](http://ai.github.io/compass.js/)

指南针。只有在手机浏览器上才能用。

### [console-polyfill](https://github.com/paulmillr/console-polyfill/)

调试能放心的使用 console.log()之类的console方法。

### [Cookie](https://github.com/ScottHamper/Cookies)

增删改cookie的工具库。

### [core-video-to-gif](https://github.com/JackPu/core-video-to-gif)

将视频截取为 gif 的前端 JavaScript 类库。

### [coverflow](https://github.com/quietshu/coverflow)

苹果上唱片封面的效果（Apple Cover Flow UI effect）。

### [CSS shake](http://elrumordelaluz.github.io/csshake/)

抖动动画。

### [CSS Spinners](https://github.com/jlong/css-spinners)

加载(Loding)效果，CSS做的。

### [css3patterns](http://lea.verou.me/css3patterns/)

css3 做的可平铺纹理。浏览器兼容性不好。

### [CSSgram](https://github.com/una/CSSgram)

用CSS3的Filter实现Instagram滤镜的库。

### [cycle2](http://jquery.malsup.com/cycle2/)

普通的幻灯，竟然不支持垂直滚动。

### [d3.js](https://d3js.org/)

“数据驱动文档”，是一个基于数据操作 DOM 的Javascript库。理解起来，D3跟jQuery 很像，不过D3是面向数据可视化的，数据驱动操作DOM；而jQuery是面向web开发的，直接操作 DOM。

### [datatables](https://www.datatables.net/)

DataTables是jQuery的JavaScript函数库，目的是强化表格操作（如搜索、排序），并自动加入组件引入表格中，使用非常灵活简便。

特点：

1、Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。

2、分页，即时搜索和排序。

3、几乎支持任何数据源：DOM，javascript，Ajax 和 服务器处理。

4、支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation。

5、各式各样的扩展: Editor, TableTools, FixedColumns….

6、丰富多样的option和强大的API。

7、支持国际化。

8、免费开源。

库下载地址：http://datatables.net/releases/DataTables-1.10.12.zip 

官网地址：https://datatables.net/ 

DataTables中文网：http://datatables.club/

### [date-fns](https://date-fns.org/docs/)

现代时间库。

### [datedropper]()

datedropper是微型但功能强大的jQuery时间选择器。内建风格相当活泼可爱，可增加网站的活力。

### [datejs](http://www.datejs.com/)

### [day.js](https://github.com/iamkun/dayjs)

和 Moment.js 一样的API。只有2KB。

### [deepmerge](https://github.com/TehShrike/deepmerge)

深度合并数组和对象。

### [device.js]()

一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的Javascript和CSS。

### [echarts](https://echarts.apache.org/zh/index.html)

1. 一个基于 JavaScript 的开源可视化图表库。

2. 企业级图表库，百度开发。

### [editor_md]()

http://editor.md.ipandao.com/

### [emscripten]()

一款基于LLVM, 可以将C/C++转换成Javascript的工具，使得Javascript可以近乎Native的速度。

### [EventEmitter]()

浏览器版的 EventEmitter。

### [evil-icons]()

一个矢量图库，提供Ruby/Node等支持。

### [fancyBox]()

一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方。

### [FileAPI]()

[GitHub地址：](https://github.com/mailru/FileAPI) https://github.com/mailru/FileAPI   

对文件选择框内的文件的一些处理。前端用户处理文件（拖放、多文件上传等）。

### [Fine Uploader]()

导入拖拽上传档案，跨浏览器、原生JavaScript又加上免费开源，只要载入JavaScript就可以开始运行，不依赖其他程序。

### [firefox.html]()

Firefox 在浏览器端的实现 —— HTML 版的 Firefox。

### [flatui]()

Flat-UI: Bootstrap的一款主题，简洁美观。

### [flexible.js]()

1. 阿里团队开源的一个库。使用flexible.js轻松搞定各种不同的移动端设备兼容自适应问题。

2. flexible.js实现了rem自适应，有了flexible.js，就不必再为移动端各种设备兼容烦恼。

3. flexible.js是如何通过rem实现自适应的呢？通过rem与px的换算，可以把设计稿从px转到rem。再也不用为各种设备横行而担忧。rem是相对于根元素，这样就意味着，只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px来运算。

### [flippant.js]()

一款能够漂亮的网页元素翻转效果库。

### [flow]()

一个用来检测 Javascript 语法错误的库， Facebook 出品。

### [Fluidbox]()

页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果。

### [focusable]()

是页面上一个元素高亮的库。

### [foundation]()

另一款前端模版框架，类似于 Bootstrap。

### [Framework7]()

前端框架，是开发人员可以基于web技术构建IOS7程序。

### [functional.js](https://github.com/leecrossley/functional-js/)

提够了一些Curry的支持。

### [G2](https://g2.antv.antgroup.com/)

是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。

### [gif.js](https://github.com/jnordberg/gif.js)

生成gif文件。

### [github-cards]()

用于生成 Github 信息卡片的库。

### [greensock]()

### [Hammer.js](http://hammerjs.github.io/)

是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。

### [handlebarsjs](https://handlebarsjs.com/)

基于Mustache的模板引擎。

下载地址：https://s3.amazonaws.com/builds.handlebarsjs.com/handlebars.min-v4.7.7.js

或安装 

npm install handlebars

### [hightchart]()

### [hover_css]()

多项针对链接、按钮、Logo、SVG和图片的移入CSS3特效。

### [hyhyhy]()

用于创建 基于 HTML5 的 演示文稿。

### [iCheck]()

一款漂亮的 Checkbox 插件。

### [infinite-scroll]()

是jQuery一个用来实现无限滚动的插件。滚动加载，滚动到最下到自动加载。

### [interact.js]()

一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库。

### [iScroll.js](https://www.cnblogs.com/RuMengkai/p/6593709.html)

1. iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。

2. 功能强大，支持各种事件，不依赖任何的库，且插件丰富。

### [isotope]()

可以用来过滤、排列布局，实现美观的动态布局切换效果。

### [javascript-algorithms]()

Javascript 实现的各种算法集合。

### [jQTouch]()

用于辅助创建手机端的Web应用，支持主题、Zepto.js等。

### [jQuery-Animate-Enhanced]()

jQuery 动画库的一个增强，用于现代浏览器。

### [jquery-mobile](http://jquerymobile.com/)

jQuery 团队开发的用于辅助手机端web app开发的库，基于HTML5。 

是一个基于html5的用户界面系统，旨在使所有智能手机、平板电脑和桌面设备合集都能访问到响应性的网站和应用程序。

### [jQuery-One-Page-Nav]()

单页应用中一个用于处理导航栏的库。

### [jquery-qrcode]()

[GitHub地址：](https://github.com/jeromeetienne/jquery-qrcode) https://github.com/jeromeetienne/jquery-qrcode     

生成二维码图片的jQuery 插件，很好用。该插件是基于 QR Code Generator 开发的。

### [jquery-ui]()

jQuery 团队开发的 UI 相关的前端库，功能强大。

### [jquery-validation]()

jQuery 的一个插件，用于校验 Form 表单。

### [jQuery.countdown]()

jQuery 倒计时插件。

### [jquery.hotkeys]()

jQuery插件，用于绑定热键。

### [jquery.scrollTo（平滑滚动）]()

[GitHub地址：](https://github.com/flesler/jquery.scrollTo) https://github.com/flesler/jquery.scrollTo   

在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素， 支持回退等。 

能够使得定位的时候更有体验感。

### [jquery.serializeJSON]()

jQuery 插件，用于将 form 表单序列化成JSON数据。

### [jquery.smartbanner]()

smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持。

### [jQuery easing]()

是GSGD的插件，可提供高级的宽松选项。 当从一个幻灯片过渡到另一个幻灯片时，我们将使用它来添加良好的缓动运动。

### [js-sequence-diagrams]()

另一款可以根据文本生成流程图的库，类似于 Markdown 的语法。

### [js.js]()

Javascript 实现的 javascript JIT。

### [jScrollPane]()

自定义的滚动条，让所有浏览器都显示一样的滚动条。

### [jsonp](https://github.com/webmodules/jsonp)

与服务器端交互。

### [kendo]()

### [knockout]()

前端 MVVM 框架，用于开发富前端应用。

### [lazy.js]()

类似于 underscore, 但是会延迟执行，某些场景下，性能会有很大的提升。

### [LazyLoad]()

官网：Lazy Load 延伸：Vanilla JavaScript Lazy Load Plugin 

Lazy Load帮助高度较长的网页进行延迟载入图片，尚未浏览到该部分时，不会载入视角外的图片，提高效率。

### [lazysizes]()

功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片。

### [lightSlider]()

官网：JQuery lightSlider Github：sachinchoolur/lightslider 

JQuery lightSlider是一个轻量且响应式的跑马灯/幻灯片，附有缩图导览。另外还有相本功能、垂直跑马灯，应用层面广泛。

### [lo-dash](https://lodash.com/)

与underscore.js的api基本一致。与underscore比其优势是，效率高；可自定义构建。

### [loading]()

几种Loading效果，基于SVG。

### [localForage]()

Mozilla 出品，用于离线存储，基于IndexedDB, WebSQL 或者 localStorage, 提供一致的接口。

### [lunr.js]()

### [magicbox_tencent]()

### [markdown-it]()

新型 Markdown 解析器，快速，支持插件。

### [Masonry_js]()

Masonry常用于瀑布流布局的插件。

### [matter-js]()

2D 物理效果引擎，碰撞、弹跳等。

### [mermaid]()

可以根据文本生成流程图，类似于 Markdown 的语法。

### [metrics-graphics]()

基于 D3 的图表库，简洁、高效，Mozilla 出品。

### [mithril.js]()

轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 React。

### [mobile-angular-ui]()

基于angularjs和bootstrap的web app开发框架。

### [Modernizr]()

一个用来检测 HTML5 和 CSS3 支持情况的库

### [moment.js]()

轻量级专门解析、验证、操作、格式化日期的JavaScript函数库，Moment.js是为浏览器和Node.js而设计，所有组件都可以在这两个环境下运行。

### [money.js]()

轻量级货币转换库，web 和 node 皆可用。

### [move.js]()

基于 CSS3 的前端动画框架。

### [multiline]()

用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc。

### [mustache](https://mustache.github.io/mustache.5.html)

[Github地址：](https://github.com/janl/mustache.js/) https://github.com/janl/mustache.js/   

下载地址：https://codeload.github.com/janl/mustache.js/zip/refs/tags/v4.2.0 

GitHub示例：https://github.com/mustache/mustache.github.com

1. 前端模板渲染引擎。

2. 如果希望像传统模板引擎一样可以有函数和参数处理等等的功能，那么Mustache就不是好的选择。

### [Nano ID](https://github.com/ai/nanoid/)

[Github地址：](https://github.com/ai/nanoid/) https://github.com/ai/nanoid/ 

生成 uuid。

### [octocard]()

用于生成 Github 信息卡片的库。

### [onepage-scroll]()

提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8。

### [pagination.js 分页]()

### [parallax.js]()

一个用于响应智能手机 orientation 的库。

### [parallel.js]()

前后端通用的一个并行库。

### [parameter](https://github.com/node-modules/parameter)

验证参数的格式。

### [PhotoSwipe]()

JS 的一个图片展示库。

### [pickadate.js](pickadate.js)

日期/时间选择器。

### [pigshell]()

一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive等网络服务。

### [plyr]()

轻量, 小巧, 美观的 HTML5 视频播放器。

### [Prism（代码高亮）](https://prismjs.com/)

代码高亮对于开发者的博客来说，是非常必要的，这款插件具有强大的代码高亮支持功能。

### [progressbar.js]()

简洁美观的进度条，扁平化。

### [qrcode-generator]()

各种语言的二维码生成工具。

### [qrcode.js（二维码生成）]()

[GitHub地址：](https://github.com/davidshimjs/qrcodejs) https://github.com/davidshimjs/qrcodejs   

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

### [Quill]()

Quill是当下高兼容性、强大、丰富且具有扩展性的文字编辑器。对于移动设备的支持度高。

### [rebound-js]()

实现部分物理效果，Facebook出品。

### [regexp-frequent](https://github.com/taijiweb/regexp-frequent)正则工具库。

### [regulex]()

用于生成 正则表达式 的可视化流程图。 

类似于Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用。

### [rewrap](https://github.com/taijiweb/rewrap)

正则工具库。

### [rewrap-patch](https://github.com/taijiweb/rewrap-patch)

正则工具库。

### [screenfull.js]()

全屏插件，支持各大浏览器。

### [ScrollMagic]()

神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果。

### [scrollMonitor]()

前端插件用来监控元素的滚动事件(进入、退出等)，性能很好。

### [scrollReveal.js]()

动态显示内容，使元素以非常酷帅的方式进入画布 (Viewpoint)。

### [ScrollToFixed]()

ScrollToFixed能够让网页的导航或表头等固定在顶部或底部，用户更方便的操作或查看信息。除了导航和表头，也可以固定其他内容，比如广告、返回顶部等。

### [seajs]()

前端模块加载器，解决模块化、依赖等问题。

### [sensor.js]()

在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等。

### [skrollr](http://prinzhorn.github.io/skrollr/)

[GitHub地址：](https://github.com/Prinzhorn/skrollr) https://github.com/Prinzhorn/skrollr   

是一款轻量级且强大的js库，实现异步滚动的开源库。

### [slick]()

功能异常强大的一个图片滑动切换效果库。

### [slideout]()

一个非常美观的侧滑菜单。

### [slip]()

一个通过滑动或者拖拽来操控列表的库。

### [snabbt.js]()

一个利用Javascript和CSS transform的animation库。

### [SocialButtons]()

漂亮的社交按钮。

### [Sortable]()

现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuery。

### [Sortable]()

Sortable可以对HTML对象做拖拽移动清单的JavaScript函数库，支持移动设备且不依赖jQuery等其他第三方，并兼容Bootstrap等CSS框架。

### [Spectrum](http://bgrins.github.io/spectrum/?color=&color2=%233355cc&color3=%23000000#toc0)

Js实现的颜色选择器 (Colorpicker)。

### [stellar.js](http://markdalgleish.com/projects/stellar.js/)

[GitHub地址：](https://github.com/markdalgleish/stellar.js) https://github.com/markdalgleish/stellar.js     

视差滚动效果，前端用于实现异步滚动效果的库，现已不再维护。可轻松创建视差滚动站点。

### [streamjs](https://github.com/winterbe/streamjs)

用流的方式来对数组，对象进行系列操作。

### [strman](https://github.com/dleitee/strman)

字符串操作库。它为各种实用程序、格式选项和字符串转换，提供了超过 60 种实用的方法。

### [Sugar](https://github.com/andrewplummer/Sugar/)

在原生对象上增加一些工具方法。

### [summernote]()

WYSIWYG 富文本编辑器。

### [sweetalert]()

一个非常美观的用于替换浏览器默认 alert 的库。

### [swipebox]()

jQuery 插件，用于处理移动端的触摸事件。

### [swiper](https://swiper.com.cn/)

[GitHub地址：](https://github.com/nolimits4web/swiper/) https://github.com/nolimits4web/swiper/   

[Swiper中文网](http://www.swiper.com.cn/)

1. Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

2. PPT动态播放效果。幻灯片/跑马灯插件，使用效能高，并可运用在移动设备上及混合式App上，不但在最新版本的IOS上运行良好，在Android、Windows Phone 8和PC设备上一样表现优秀。要注意的是，Swiper并不兼容所有平台设备，而是专注于当下主流平台设备的兼容性和效能上。

3. 同时Swiper也是Framework7和Ionic Framework的组件的一部分。

4. 支持硬件加速。性能良好。

### [switchery]()

IOS 7上Switch的JS实现, 支持 IE8 及以上浏览器。

### [Tabslet]()

一个用于页签的jQuery插件，轻量级且操作容易。

### [textillate_js]()

由Twitter推出，灵活扎实的建议列表函数库。

### [TheaterJS]()

[GitHub地址：](https://github.com/Zhouzi/TheaterJS)  https://github.com/Zhouzi/TheaterJS   

一个用于模拟人输入状态的JS库。

### [three_js]()

易于使用且轻量级3D函数库，提供canvas、SVG、CSS3 3D和WebGL渲染器。

### [timesheet.js]()

基于 HTML5 & CSS3 时间表。

### [TinyMCE-HTML编辑器]()

TinyMCE是功能齐全且轻量级的HTML编辑器，但需要在IE11以上才可以运行。

### [toastr]()

toastr是一个提示信息JavaScript函数库，必须载入jQuery，宗旨是利用简单的程序函数库来做定制化跟扩展。toastr提供一个范例页面toastr examples，方便自订效果跟产生源码，类似Customize and download · Bootstrap的效果，方便使用者加快流程，先前介绍的ALERTIFY JS整体层面比toastr好很多，无论原生JavaScript以及整体文件大小和功能延展性，但toastr简单使用的操作模式，如果有旧项目是在jQuery的环境下，要做一些定制化功能，或许就是不错的选择。

### [Tocbot（目录生成）]()

[GitHub地址：](https://github.com/tscanlin/tocbot/releases) https://github.com/tscanlin/tocbot/releases   

根据文章的标题级别自动生成目录对一篇文章来说是一个比较实用的功能。

### [todomvc]()

分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库

### [Toolbar_js]()

一个产生工具列的jQuery插件。

### [totoro]()

稳定的跨浏览器测试工具。

### [Touch.js](http://www.bootcdn.cn/touchjs/)

[Touch.js](https://allcky.github.io/touchjs/)是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。

1. 手势库专为移动设备设计，请在Webkit内核浏览器中使用。

2. 原生出色的加速度感知与缓动效果，优秀的单指旋转手势。

3. 无侵入设计，与现有代码与框架共存。

4. 基于原生事件，支持事件代理, 性能更好。

5. 极简的API，秒速上手，玩转手势。

### [trix]()

Basecamp 公司出品的富文本编辑器，简洁小巧。

### [typeahead_js]()

由Twitter推出，灵活扎实的建议列表函数库。

### [underscore.js](http://underscorejs.org/)

中文文档：https://www.underscorejs.cn/ 

[GitHub地址：](https://github.com/jashkenas/underscore) https://github.com/jashkenas/underscore 

1. 一个 JavaScript 实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何 JavaScript 内置对象。

2. Underscore 提供了100多个函数,包括常用的: map, filter, invoke — 当然还有更多专业的辅助函数,如:函数绑定, JavaScript 模板功能,创建快速索引, 强类型相等测试, 等等.

3. Underscore 是 DocumentCloud 的一个开源组件。

### [vivus]()

可以动态描绘 SVG 的 JS 库, 支持多种动画。

### [Watch.js](https://github.com/melanke/Watch.JS)

监视对象或属性的变化。

### [Waypoints（滚动侦测）](http://imakewebthings.com/waypoints/)

[Github地址：](https://github.com/imakewebthings/waypoints) https://github.com/imakewebthings/waypoints 

一个jQuery插件，每当您滚动到某个元素时，该插件都会执行一个函数。这使站点上的导航可以根据滚动条的位置突出显示我们正在播放的幻灯片。

1. 能够侦测滚动时，现在正显示的内容，可以根据需要改变组件的显示与隐藏。

2. 当滚动到某个元素时，Waypoints是触发函数的最简单方法。

下载 https://github.com/imakewebthings/waypoints/zipball/latest 

或安装 

npm install waypoints

### [web-animations-js]()

Javascript 实现的 Web Animation API。

### [Wookmark-jQuery]()

jQuery 的一个插件，可以用来实现瀑布流的效果。

### [wysihtml]()

富文本编辑器，适用于现代浏览器。

### [Zepto.js]()

用于现代浏览器的兼容jQuery的库。 

Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery。是一个轻量级的针对现代高级浏览器的JavaScript库，与JQuery有着类似的API。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以能把主要的精力放到应用开发上。

### [zoomooz]()

jQuery 插件，用来处理浏览器缩放。

### [zTree -- jQuery 树插件](http://www.treejs.cn/v3/main.php)

https://treejs.cn/v3/main.php#_zTreeInfo

文件树形视图控件

> **插件集合代码仓库：https://gitee.com/SteveRocket/practice_fronted （持续更新......）**

你可能感兴趣的:(前端开发技术栈（插件篇）：400+常用前端开发插件总结清单)

  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • 那个抄袭的大张伟 猫小努
    最近一直在追《即刻电音》这个综艺，除了觉得出场节目的音乐制作人有意思之外，也觉得有两个导师挺有趣的（另外一个就忽略了吧）。孙艺兴在上一篇文章里面已经说过了，那么这篇就说说我们的大老师，大张伟吧。其实在节目刚开始大张伟出来的时候，我以为他是属于导师里面来活跃气氛负责搞笑的，毕竟孙艺兴属于卖萌卖傻卖老实的，尚雯婕一般负责装逼耍狠的，而大张伟一贯以来上综艺的形象基本上都是蹦蹦跳跳带动气氛的。谁知道，两期
  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • Python数据分析与可视化实战指南 William数据分析 pythonpython数据
    在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
  • git常用命令笔记 咩酱-小羊 git笔记
    ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
  • 509. 斐波那契数(每日一题) lzyprime
    lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
  • 关于提高复杂业务逻辑代码可读性的思考 编程经验分享 开发经验java数据库开发语言
    目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
  • 18-115 一切思考不能有效转化为行动，都TM是扯淡！ 成长时间线
    7月25号写了一篇关于为什么会断更如此严重的反思，然而，之后日更仅仅维持了一周，又出现了这次更严重的现象。从8月2号到昨天8月6号，5天！又是5天没有更文！虽然这次断更时间和上次一样，那为什么说这次更严重？因为上次之后就分析了问题的原因，以及应该如何解决，按理说应该会好转，然而，没过几天严重断更的现象再次出现，想想，经过反思，问题依然没有解决与改变，这让我有些担忧。到底是哪里出了问题，难道我就真的
  • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记 爱吃丸子的小樱桃
    不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
  • 直返最高等级与直返APP：无需邀请码的返利新体验 古楼
    随着互联网的普及和电商的兴起，直返模式逐渐成为一种流行的商业模式。在这种模式下，消费者通过购买产品或服务，获得一定的返利，并可以分享给更多的人。其中，直返最高等级和直返APP是直返模式中的重要概念和工具。本文将详细介绍直返最高等级的概念、直返APP的使用以及与邀请码的关系。【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，
  • Git常用命令－修改远程仓库地址 猿大师 LinuxJavagitjava
    查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori
  • 高端密码学院笔记285 柚子_b4b4
    高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
  • 想明白这个问题，你才能写下去 文自拾
    春节放假的时候，又有一天梦见她，第二天她冒着漫天大雪，傻傻地跑来见我。她说，见见傻傻的我，天很冷，心很暖。她回去后，我写了一篇文章，题目叫——从此梦中只有你。我们没在一起的很长一段时间里，她都在我的心底，一次次出现在我的梦里。我对她说，在一起之前，是胆小且闷骚，在一起之后，我变得不要脸了。不要脸的——去爱你。那文章没写完，火车上，给她看了。我有点小失望，花了好几个小时写，她分分钟就看完，很希望她逐
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • Day17笔记-高阶函数 ~在杰难逃~ Python笔记python开发语言pycharm数据分析
    高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
  • 每日算法&面试题，大厂特训二十八天——第二十天（树） 肥学 ⚡算法题⚡面试题每日精进java算法数据结构
    目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
  • 2022现在哪个打车软件比较好用又便宜 实惠的打车软件合集 高省APP珊珊
    这是一个信息高速传播的社会。信息可以通过手机，微信，自媒体，抖音等方式进行传播。但同时这也是一个交通四通发达的社会。高省APP，是2022年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码777777，注册送2皇冠会员，送万元推广大礼包，教你如何1年做到百万团队。高
  • 阶段总结反思 轻争
    马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥
  • Python 实现图片裁剪（附代码） | Python工具 剑客阿良_ALiang
    前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
  • 【华为OD技术面试真题 - 技术面】- python八股文真题题库（4) 算法大师 华为od面试python
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例：文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片（Slicing）操作**基本切片语法
  • Python爬虫解析工具之xpath使用详解 eqa11 python爬虫开发语言
    文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
  • Redis系列：Geo 类型赋能亿级地图位置计算 Ly768768 redisbootstrap数据库
    1前言我们在篇深刻理解高性能Redis的本质的时候就介绍过Redis的几种基本数据结构，它是基于不同业务场景而设计的：动态字符串(REDIS_STRING)：整数(REDIS_ENCODING_INT)、字符串(REDIS_ENCODING_RAW)双端列表(REDIS_ENCODING_LINKEDLIST)压缩列表(REDIS_ENCODING_ZIPLIST)跳跃表(REDIS_ENCODI
  • 主题升华随机抽总结 木棉咕噜
    昨天晚上在火山灿教练那里抽了主题升华最后一关。一共抽了两个故事，现总结如下。第一个故事是《并不是你想象的那样》。主题一：有时候，面对别人一些貌似不合常情的行为，不要轻易的指责他，也许背后有我们所不知道的原因。在这一个主题里面，刚开始的时候，我没有加上貌似二字。所以就没有改动之后这么精准。主题二：有时候我们对他人善意的行为，可能会给我们带来一些意外的回报。主题三：面对同样一件事，因为不同的人看待问题
  • 2019-3-23晨间日记 红红火火小耳朵
    今天是什么日子起床：7点40就寝：23点半天气：有太阳，不过一会儿出来一会儿进去特别清爽的凉意，还蛮舒服的心情：小激动要给女朋友过生日啦纪念日：田田女士过生日任务清单昨日完成的任务，最重要的三件事：1.英语一对一2.运动计划3.认真护肤习惯养成：调整状态周目标·完成进度英语七天打卡（5/7）轻课阅读（87/180）音标课（25/30）读书（福尔摩斯一章）学习·信息·阅读#英语课#Cookingte
  • 【无标题】达瓦达瓦 JhonKI 考研
    博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他