在插件商店上面,往往只有你想不到,没有你找不到的插件,比如那些奇形怪状的奇葩插件:《我在 GitHub 上见过哪些奇葩的 Chrome 插件?》。...用了这么久 Chrome,若说不上装了哪几个牛逼的开发插件,我都羞于见人?。 因此,今天便来盘点下,作为一名程序员,我在 Chrome 上都装过哪些开发插件。...而我作为使用 Vimium 多年的老用户,在此也强烈推荐大家安装下这款插件,一旦你开始熟练操作,便会发现生产力获得巨大提升。 这也是我为什么要将此插件列在推荐榜首位的原因。...插件代码,一览无余 之前因为闲着没事干,上网搜了点 Chrome 插件的开发资料,便开始学了起来。...目前这个插件已经累计下 100 多万用户,如果你还没装,那可得抓紧时间上车了。 为了避免文章篇幅过长,上面主要推荐 4 个我使用频率比较高的插件,如果你有其它好插件推荐,不妨在下方评论区留言讨论。
1. javascript 语言理解闭包 js变量的范围分成两个:全局变量、局部变量。在全局变量的函数外声明变量,内部功能可以直接调用全局变量。...改成例如以下,也就是闭包: Js代码 function outerFun() { var a=0; function innerFun() { a++; alert(a);...再来看一个样例 Js代码 function outerFun() { var a =0; alert(a); } var a=4; outerFun(); alert(a);...再看以下的代码: Js代码 function outerFun() { //没有var a =0; alert(a); } var a=4; outerFun(); alert
安装完composer之后就要开始安装插件了,这个是插件的官网:https://github.com/barryvdh/laravel-ide-helper 我们使用composer来安装插件 composer...require barryvdh/laravel-ide-helper 安装完成之后需要把插件添加到config/app.php文件下 Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider...之后就是让Laravel来artisan一下我们的插件了 php artisan ide-helper:generate 如果一切顺利的话你会看到这么一行返回 php_artisan.png 然后项目的根目录多了一个叫...Route.png 至此,PHPStorm的Laravel代码提示插件laravel-ide-helper就安装完成了 [2]: https://github.com/barryvdh/laravel-ide-helper
魏艾斯博客写过有关开启 memcached,opcache 缓存的文章,前者是内容缓存插件,后者是 php 缓存插件,本来以为服务器优化折腾到此就差不多了,这几天在@张戈博客看到一篇文章,原来开启 memcached...之后,还可以再上一个 batcache 插件,用来把 html 静态文件放到内存中去,于是经过一番测试,在云服务器上安装了这个插件,下面写出相关操作步骤。...将前台页面 html 缓存到 memcached 中需要用到 batcache 插件。...1、插件下载地址:https://wordpress.org/plugins/batcache/ 把插件下载到本地解压缩,找到 advanced-cache.php 文件上传到网站的/wp-content...因为网络上 batcache 插件的内容确实不多,所以文中难免有疏漏、不足的地方,希望朋友们指正。
分享一下本人目前正在使用的一套超级舒服的Vs Code插件与配置(只有开发写代码时用的,没有摸鱼时用的),每一个插件的功能就不一一介绍了,直接上菜!!!...第一屏插件 第二屏插件 settings.json文件的配置如下 { //控制编辑器是否自动格式化粘贴的内容。...: true, //始终允许不受信任的文件引入受信任的工作区,而不显示提示 "security.workspace.trust.untrustedFiles": "open", //px to rem插件的...typescript.updateImportsOnFileMove.enabled": "always", //开启alt+鼠标滚轮设置字体大小 "editor.mouseWheelZoom": true, //git插件配置...gitlens.advanced.messages": { "suppressGitDisabledWarning": true, "suppressGitMissingWarning": true }, //vscode-icons插件采用的文件图标
2、找到下图中文件夹的目录,然后将之删除,即可彻底清除已安装的插件个个人配置信息,在你的用户目录里面。 经过上面两张图片的步骤删除,再次重新安装软件,就是最原始的状态了。
;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了;要封装;两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->
分享一个js的拖拽框选插件 官网:https://dragselect.com/ 源码:https://github.com/ThibaultJanBeyer/DragSelect.git 使用: pnpm
1.Chart.js 官网地址:http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址:http://bootswatch.com 3.wow+animate+js插件库
作为纯前端表格控件SpreadJS 的插件,甘特图可以作为一个特殊的“Sheet”融入已有的表格中,方便进行数据的可视化展示,也能更直观的查看计划执行情况,如下图所示: SpreadJS甘特图插件具备以下的功能...如果想参与甘特图的预览版试用,可访问以下地址进行获取:https://gcdn.grapecity.com.cn/showtopic-180313-1-1.html 预览版产品包有以下的内容: 甘特图功能说明文档 7个插件示例
实现一个国家区号的列表选择框,如果没有可输入 2、初始化一个项目 vue-area-list vue create vue-area-list 我用的是vue3.0版本 3、编写自己所需的插件...,实现自己的业务需求 4、src文件夹下新建index.js,来安装自己的组件 import areaListComponent from '....szyh-vue-area-list", "version": "0.1.0", "private": false, "main": "dist/szyh-vue-area-list.common.js...lint", "lib": "vue-cli-service build --target lib --name szyh-vue-area-list --dest dist src/index.js...所以换一个包名就可以了 创建 .npmignore文件,排除一些不需要上传的文件 .* *.md *.yml src/ node_modules/ index.html webpack.config.js
工具获取: node.js 官方 v14.17.3-x64 版本 msi 安装包 Node.js 已经集成了 npm,安装好后,npm 就可以用了。...可以看到会把 Node.js 和 npm 都添加到目录下。 检测安装情况: 如果是 vs code 检测,需要重新打开下工具。
html,js,css轮播插件 2016-9-9 今天帮一人写了个简单的轮播,工作不紧张,就顺便传上来分享给大家吧。源码,带部分注释。。。 //html Title $(function(){ Carousel.init($(".carouselBody")); });... //js ;(function($){ var Carousel = function(poster){ this.poster
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来。...本插件可以自定义的功能: 1....自己实现的简单小插件,把分页部分的css样式写在了插件paging.js中,以动态创建style标签的方式,加入到页面中。...1、代码部分: 1.1、插件 - paging.js 分页的css样式写在插件中,动态创建style标签,加载到页面中。在该js中有一个Paging构造函数。...DOCTYPE html> js版分页插件 <style
摘要: 各位Fundebug老用户,请尽快更换JS插件域名!!!将og6593g2z.qnssl.com替换为js.fundebug.cn。...请尽快更换JS插件域名 为了保证服务质量,我们果断更换了CDN厂商,绑定了js.fundebug.cn域名,并且申请了新的HTTPS证书。...各位Fundebug老用户,如果您是采用script接入插件的,请尽快更换JS插件域名!!!...将og6593g2z.qnssl.com替换为js.fundebug.cn: <script src="https://<em>js</em>.fundebug.cn/fundebug.0.3.3.min.<em>js</em>" apikey...但是,新版本的插件都将使用js.fundebug.cn域名。 由于更换插件域名所造成的困扰,Fundebug团队深表歉意!
1)概念: 懒加载也叫延迟加载:JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。...class="progress">0% var imgs = ['http:...'/' + len; $('img').attr('src', imgs[index]); }); 插件...); imgObj.src = src;//缓存图片 }); }; //由于不用具体的对象去调用,因此用$.extend(object)挂载插件
畅言:http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型的Web网站接入,网站只需要粘贴、复制JS代码到网页的任意位置,或者复制代码到模板中,畅言评论框将在所有网页自动出现
分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css...viewer.css" rel="external nofollow" rel="external nofollow"> </...//缩放等级(1倍) $image.viewer('zoomTo', 1); } }); // 初始化后获取Viewer.js
原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...这要从内存说起;写到原型上,每执行一个实例,getC不需要开辟新的内存 //故,可以把一些纯计算的方法,写原型上,如果方法和实例本身有关,应该写道this中 4.方法名防止冲突处理 //如果在引入你的插件之前...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量,兼容直接使用script标签引入该插件
因插件的使用过程中,有兼容性问题、插件间冲突问题和插件运行慢和运行异常等问题,笔者在此给大家开发了简单易用的管理工具,让大家无需会复杂的操作,也可将安装在电脑中的各种插件管理起来。...大部分用户可能不知道怎样去开启关闭插件的操作,如果能够更直观并快速地去管理起来,也是对用户的不错的体验的补充。 有时部分插件间会引起冲突问题,所以使用某个插件时,最好尽量少地开启其他插件。...最后,某些用户在卸载插件过程中有困难,常规的控制面板卸载方式不能完成,此时就需要手动删除插件在注册表上的记录及插件安装目录文件。...若只想控制某个OFFICE组件的插件清单,可点击对应的遍历按钮即可。一般情况下,也没必要跨组件去管理插件清单。 【删除选中(卸载)】原理就是上述所说到的删除注册表插件记录及插件安装文件夹。...有了本【OFFICE插件管理工具】,安装再多的插件也不用怕了,同时记得使用插件前,更好的方式是按需使用,将其他插件先关闭,仅打开本次使用的插件,使用本工具对此步骤操作更简单快捷,希望各位读者喜欢。
领取专属 10元无门槛券
手把手带您无忧上云