前端之所以有趣，就是每年有比较多新奇的插件和工具让我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
前端之所以有趣，就是每年有比较多新奇的插件和工具值得我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
这个插件提供html的编写提示，包括到属性的格式监测，语法细致监测纠正，非常好的。插件地址
移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？
作为一名合格的前端开发人员，如果您想节省一些时间并提高工作效率，下面这些插件库你一定能用的上！
地址:https://github.com/lindelof/power-mode-input
双 11 光棍节，我在博客发布了一篇给博客部署一个友好对话框的教程，用了几天感觉非常不错！就进一步折腾了一下，目前这个 js 已实现以下多种功能： 一、功能描述 ①、能够取得访客的搜索来路和搜索关键词
本文介绍 webpack 构建 web 应用的时候生成 sourcemap 的相关基础知识。 sourcemap 不仅适用于 chrome 浏览器，也适用于其它很多现代浏览器，本文主要针对 chrome
对于图片灯箱插件我之前一直无感，直到慢慢越来越多的人联系我说它的重要性，所以主题慢慢的都开启了 Fancybox 图片灯箱插件，效果和功能都很强大，但是最近发现了“ViewImage.js”，这是基于jQuery开发的插件，使用Gzip压缩后不足 1kb，还支持响应式的一款极简灯箱插件，打算把主题都集成这个插件，真的超级精简，使用了几次效果挺好，在此基础上又简单优化了几处css，想着每个人要求不同就顺手做了这款极简插件（插件地址下文章底部）
对于打包工具来说，最简单也是最复杂的操作莫过于路径的安排了，原本都在src下的资源，想要打包到dist目录下，但是打包出来的文件路径甚不如人意。明明想要分门别类地放置文件文件，然后却像大杂烩一样js,html，css甚至图片都混在了一起。虽然打包之后运行没什么问题，但是这是要逼死强迫症患者啊。
对于图片灯箱插件我之前一直无感，直到慢慢越来越多的人联系我说它的重要性，所以主题慢慢的都开启了 Fancybox 图片灯箱插件，效果和功能都很强大，但是最近发现了“ViewImage.js”，这是基于jQuery开发的插件，使用Gzip压缩后不足 1kb，还支持响应式的一款极简灯箱插件，打算把主题都集成这个插件，真的超级精简，使用了几次效果挺好，在此基础上又简单优化了几处css，想着每个人要求不同就顺手做了这款极简插件（插件地址下文章底部）。
最近发现一个比较好玩的东西，因此我们来做一期分享。记住我们的目的不是学习，是为了泡妞（或者撩汉子）。
最近做android浏览器插件学到一些东西和大家分享： 需要了解的有以下几个方面的知识: 1.插件是什么 2.android浏览器怎样加载插件和创建实例 3浏览器插件和脚本语言的交互 4插件内部的数据流
hexo-tag-cloud插件是作者写的一个Hexo博客的标签云插件，旨在直观的展示标签的种类，美观大方且非常优雅。
那么，如何开发一个智能化的微信小程序呢？使用Paddle.js插件只需要3个步骤：在开发者的小程序中添加插件，引入插件代码包，最后使用插件。
想一想如果没有这个工具，我们需要手动新建一个压缩代码后的文件夹，每次修改原始文件，都要手动压缩一下，再保存到压缩后的文件夹，想想都要疯掉。所以，grunt前端必不可少。
现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面，通过动态替换DOM内容并同步修改url地址，来模拟多页应用的效果，切换页面的功能直接由前台脚本来完成，而不是由后端渲染完毕后前端只负责显示。前端三驾马车Angular,Vue,React均基于此模型来运行的。SPA能够以模拟多页面应用的效果，归功于其前端路由机制。
简介 这里总结一个简单的npm包搭建，打包，调试，发布的基础点. 涉及内容 npm初始化 package.json 配置 eslint配置 babel配置 rollup打包 包初始化 // 新建包目录 md my-pkg // 进入包目录 cd my-pkg // npm 初始化 npm init -y package.json配置 { name: 'my-pkg', // 包名 main: 'lib/index.js', // 包加载时的入口文件 version: 0.
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
用 JavaScript 处理图像可能非常困难且繁琐。 幸运的是，有许多库可以让这些变得简单得多。 下面介绍一些图像处理的库。
当开启 Hexo 的 文章资源文件夹 功能时，可以将图片、音乐文件、歌词文件放入与文章对应的资源文件夹中，然后直接引用：
在爬虫开发的过程中，想要修改网站的 JS 来规避网站的无限 Debugger ，或者想给线上的 JS 加点调试的语句，我们就需要把远程的 JS 映射到本地的文件上，这样就可以通过修改本地的文件进行线上的调试。
由于Auto.js Pro的插件更新，原插件使用方式已经不适合新插件，现推出此教程。
软件下载地址：https://www.telerik.com/download/fiddler/fiddler4
Jeff 在上一篇文章《精致清新华丽，雅虎天气图标下载》提供了几个好看的天气图标，这些图标要用在哪里才能发挥用处呢？ 就用到接下来的一个 jQuery 天气预报插件，由国内一个前端工程师王子墨开发的，这是一个开源的、基于jQuery 函数库的 JavaScript 天气预报脚本插件，主要用于天气预报的展示。 jQuery天气预报插件介绍 项目地址：http://julying.com/lab/weather/ 版本：目前是3.0 开发者：王子墨 浏览器兼容：Internet Explorer 6+、F
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。
自己运营了一个公众号，在发文章的时候，需要在网上找一些图，而有些网站的图片可能隐藏在属性或者背景图中，要下载的时候经常审查元素，查看源码，不太方便，最近在看一些谷歌插件的api，便顺手做了一个插件Im
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
好多天前，领导让我实现一个树形图拖拽插件，这个插件用来描述各部门领导与员工之间的关系，每个父节点显示其子结点数量，拖拽任意一个叶结点上的人到另一个结点，他们之间的关系发生改变，树形图重新渲染。用户操作都完成后，点击保存根据树形图生成JSON，将JSON发送给后端，后端根据JSON修改数据库中的人员对应关系。
近几年，随着 IE 浏览器的落幕，Chrome（包括使用Chrome内核的浏览器）其实质上已经垄断整个浏览器行业了，就连微软的 Edge 都用上了 Chrome 内核。 可以说，Chrome 的标准，事实上就可以看做是行业标准了。可以预见，Chrome 的发展前景将会非常广阔。
l Smobiler4.0提供了三大技术亮点：第三方插件、JS、自定义控件等； 强大的插件移动应用引擎 Smobiler支持分插件打包功能和插件扩展机制，让应用开发更加灵活。 分插件打包是指Smobiler开发应用在Cloud云平台打包安装包的时候，可自行选择需要加入的插件，比如开发一个企业资讯类应用，则可以不加入定位、微信支付等插件，这样最终生成的安装包大小可以减少很多，而且应用运行效率也将提高。 插件扩展机制是指可以将第三方原生控件/组件按照Smobiler规范进行封装，以插件形式集成到Smobil
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
1、manifest.json 这个文件是每个插件都必须有的一个文件（其他的文件是可选的），它定义了插件的所有的信息，如权限，要引入哪些脚本，包含哪些资源等等。
Bootstrap Multiselect是个jQuery基础插件，提供一个很直观的用户界面，使用选项输入多个属性。这个插件代替了Bootstrap的按钮，提供一个下拉菜单，里面包含多个选项复选框。
Auto.js pro 开发环境配置 准备： 1.Auto.js Pro Auto.js 已暂停维护 -下载链接放在了文章底部，有需要自行下载 2. VS Code 官方下载地址：https://code.visualstudio.com/安装：1.Auto.js Proundefined资源下载Auto.js Pro下载 环境：真机或模拟器，本文使用的是雷电4模拟器，Auto.js Pro 7.0.4 直接安装即可无需登录，开启无障碍服务、悬浮窗、调试服务 图片 2. VS Code 下载后无需安装直接
echart是一个基于js开发的可视化图表库，在这块echart确实做的非常不错，各类图表一应俱全，有比较复杂的需求建议可以使用他，上手还是比较简单的。
第一次正儿八经的参与Cordova的项目，想写下些文字，以便日后需要的时候能够帮助自己快速回忆起来，同时也希望能够帮到需要的朋友。
一直以来，微信小游戏都在不断寻求更优的小游戏使用体验，从微信7.0.7版本开始，就一直在灰度测试的微信小游戏通用引擎插件，今日已全量放开。
Grunt 是一个基于任务的JavaScript工程命令行构建工具。 Grunt和Grunt插件，是通过npm安装并管理的，npm是Node.js的包管理器。 了解Grunt前，首先要准备两件事： 1、了解npm（Node Package Manager）：npm是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。 2、安装node：进入nodejs官网（https://nodejs.org/），单击INSTALL下载node安装包，默认安装。安装完成后，进入对应目录，会发现nodejs文件夹下面有npm,直接用npm安装相环境既可。
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：
作者语 Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。 项目简介 演示地址：www.insdep.com/example/ 下载地址：www.insdep.com 问答地址：bbs.insdep.com QQ交流群：184075694 （第一时间发布体验包） 关于
最近为 Jeff的阳台 折腾着插件的提速工作。Jeff的阳台使用了多说评论系统，但多说的加载速度实在是不敢恭维（稳定性也一样），于是又邪恶地想到为多说提速一番，下面就将Jeff的成果写出来分享分享。Jeff 针对多说的提速目前只要在两个方面：js内页页脚加载、静态文件CDN。以下是以最新版本的多说插件（1.1版本）来提速。 js内页页脚加载 以前版本的多说，多说核心脚本embed.js默认所有页面加载，默认网页头部加载。最新版本的多说对于后面一项已经提供用户选择的权利了，在WordPress 后台-多说评论
最近用django写了一个后台系统，使用的是验证码方式。但是开发人员抱怨，输入验证太麻烦，还有可能出错，太影响效率了。
由于业务需求, 笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验, 并通过一个实际案例来复盘插件开发的流程和注意事项.
使用access_token请求获取前一天的用户画像 注意: 在零点前后数据会获取不到
注：content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中，无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文，可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例： js/content-script.js
在Vue中，通常我们引入一个js插件都是使用npm 方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用npm install xxx 的方式，有什么办法吗？
开发Chrome插件首先就是配置manifest.json文件了，利用它我们可以定义在什么时机以及在什么网页执行什么脚本，有一些什么行为，下面我一起来看看这个文件有哪些配置项以及有什么作用：
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的，本文将介绍两种方法和方式，仅供朋友选择和取舍。本文最下面附有插件的下载地址！ 方式1： 基于jquery.qrcode.min.js插件生成，代码如下： <html> <head> <title>生成二维码</title> <meta name="author" content="Stone(at)游久网,Blog" /> <script type="text/javascript" src=
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
