给 WordPress 网站选择正确的插件，主要有两个含义，一个是：通过使用正确的 WordPress SEO 插件，让整个 WordPress 的网站，每一篇文章，每一个页面，都符合搜索引擎的搜索要求...因为插件安装的越多，网站需要载入的 CSS 和 JS 代码就越多，这样会大大的拖慢网站的速度，不管是任何人，如果在 10 秒还没打开一个网站，那么应该有 99% 的访问者会关闭这个网站。...这两款插件的下载量都超过 300 万次，但实际的情况，应该是有上千万次了，所以，WordPress 网站的 SEO 插件，主要就用这两个，比较这两款插件主要从以下几个方便对比： 1、易用性 两款插件在易用性上不相上下...SEO 系列教程二：WordPress 网站的 SEO 基础 SEO 系列教程四：如何才能让网站被搜索引擎快速收录 SEO 系列教程五：会选择合适的域名和空间/服务器 沈唁志|一个PHPer的成长之路...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：选择正确的WordPress插件
哪些免费插件是实际需要使用的，而且不会让WordPress网站变慢？本文的评测中将涵盖选择免费WordPress插件时的这几个方面的注意事项。...选择免费WordPress插件的指南 在本指南中，我们介绍的是免费的WordPress插件。为公平起见，这包括免费（free）插件和免费增值模式（freemium）插件两种模式。...“免费增值”插件可以免费使用，但它们还可以升级到付费版本。换句话说，免费增值插件有免费和付费两种选择。 免费和免费增值基本上都是免费，为什么我还要特别提一下？...如果你希望随着流量的增长来扩展你的网站，付费版也是一个很好的选择，让你可以用插件来获得更多的增长空间。 了解了WordPress两种类型的免费插件，现在让我们看看使用免费插件的优缺点。...这只是意味着在选择它们时需要格外小心。好处和坏处如下： 免费插件的优点 免费。 容易获取。基本都在 WordPress官网的插件页面中 可以找到，除非开发人员很慷慨的在自己的网站上提供免费插件下载。
官方的图像选择插件是image_picker，这个插件简单易用，但是单选的，而且没有预览功能，因为想实现像微信多选及缩放预览功能，所以放弃它，试用muti_image_picker，用上去还不错，但刚开始错误认为不支持缩放预览功能...记录下遇到的一点问题（主要是当时偷懒没仔细读文档）： 1、中文显示 默认是英文显示的，但是可以设置选项，改用中文显示。...MaterialOptions( actionBarTitle: "选择图像", allViewTitle: "所有图像", // 显示所有照片...startInAllView: false, actionBarColor: '#00b1f5', textOnNothingSelected: '没有选择图像...', useDetailsView: true, selectionLimitReachedText: "超过最大选择数目." ) 2、开启图片预览功能 选项中设置
js是基础语言， 语言道路上无捷径可走，基础牢些，才能走得远些 1、class css: .xxx{display:none;......}...document.getElementsByClassName("xxx") 返回页面所有xxx类名对象的数组，要想取出其中的一个对象需采用数组的标识[i]， document.getElementsByClassName...注意：对象与对象的属性的区别，不要把对象的属性当作对象去调用，否则无功而返。...document.getElementsById("xxx") 返回指定的对象
；我为了方便都写到一个html中了；请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里；就是function(){}();函数自执行；保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号；而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名，调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...add-1");//这里是实例1调用插件的代码 new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了；要封装...--这里是最简单的插件写法；当然还有传对象参数的插件等等。。。。-->
分享一个js的拖拽框选插件 官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： pnpm...i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，...所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue <!...( 提示： 1.在灰色区域内拖动选择...，也可以点击选择 2.主区域最好添加css 属性 user-select:none 取消文本选择，防止选择事件冲突
1.Chart.js 官网地址：http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址：http://bootswatch.com 3.wow+animate+js插件库
因为 WordPress 插件带来的安全问题是多方面的，涉及的因素有很多，今天明月就给大家说道说道这个事儿，希望可以让站长们更好的选择和使用 WordPress 插件，当然也包括一些主题。 ?...比较无奈的是很多站长们的兴趣也就是 6-12 个月而已，能活过 1 年以上的站长不多，活过 3 年以上的屈指可数），因为这个现实情况也让不少站长们对于插件的安全问题重视不够，不少愿意坚持下去的站长们在碰到安全带来的麻烦后选择了放弃甚至关站消失...精通的主要前提就是“经验”累积多寡，下面明月就根据这十多年 WordPress 站点的经验给大家总结一下 WordPress 站点插件选择的问题，最起码让大家明白那些插件会有“安全隐患”问题？...哪些插件可以放心大胆的使用？ ? 安全插件的标准是什么？ WordPress 插件安全的标准，要明月来说叫做“绿色插件”是最安全的，所谓的“绿色插件”是指符合下述几点的插件： 纯辅助性质的。...来源正规的插件 凡是符合上述这几点的 WordPress 插件就是明月所谓的“绿色插件”，基本上都是可以放心大胆使用，至于说那些插件是符合“绿色插件”标准的，只能说是具体情况具体对待了，就目前明月使用的插件里符合或者比较符合上述
前言： 前端最重要的就是美感，图片的显示也需要，博主在此分享一款灯箱JS插件，非常简单的调用即可实现全局的图片灯箱。...优势介绍 无需其他JavaScript编码 没有其他HTML片段 没有额外的CSS资源 没有其他图标/资产 无需额外处理动态内容和事件侦听器 效果图 调用方法 将以下代码插入到HTML底部 --> $(function
Datepicker日期选择器插件 这个插件还是比较简单的，而且样式也比较漂亮，可以自定义选择年月日、年月日时分、年月、时间段选择等等。 效果预览： ?...这个插件是基于jQuery和bootstrap的。...因此我们需要引入的文件有： bootstrap.min.css或bootstrap.css bootstrap-datepicker.min.css或bootstrap-datepicker.min.css...jquery.min.js或jquery.js bootstrap-datepicker.min.js或bootstrap-datepicker.js bootstrap-datepicker.zh-CN.js...日期选择器插件 <!
大家好，又见面了，我是你们的朋友全栈君。 后台开发，一般都是有筛选条件的查询，那么问题就来了，根据日期范围搜索的情况下，插件要怎么选？？？？...这个是最开始，我采用的是两个时间插件，其他也没啥，就是运营部门使用起来可能感觉太麻烦，为啥不能一次让我选了，还有说老是忘记选择结束时间，然后就有了我接下来的工作。。。.../JS 的书写与组织形式，门槛极低，拿来即用。...这个很有研究意义，可以多思考哟 作为时间插件使用，请点击：到layDate插件使用案例 这里面有你想用的几乎全部功能，看一下我使用后的页面 这样运营同事使用起来更方便也一目了然，真的不错哟 最近又用到了这个时间控件...另外，需要用js代码段执行一个laydate实例 //日期范围，指定绑定的DOM元素 laydate.render({ elem
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件，今天简单改造了一下，改成了原生JavaScript版本的分页插件，可以自定义一些简单配置，特此记录下来。...本插件可以自定义的功能： 1....自己实现的简单小插件，把分页部分的css样式写在了插件paging.js中，以动态创建style标签的方式，加入到页面中。...1、代码部分： 1.1、插件 - paging.js 分页的css样式写在插件中，动态创建style标签，加载到页面中。在该js中有一个Paging构造函数。...页码点击事件和选择每页条数的事件都写在构造函数中，目前这样感觉确实不好，后续再改进。
html，js,css轮播插件 2016-9-9 今天帮一人写了个简单的轮播，工作不紧张，就顺便传上来分享给大家吧。源码，带部分注释。。。 //html Title $(function(){ Carousel.init($(".carouselBody")); });.../img/btn_r.png") no-repeat center center;} 注意事项，设置carouselBody的宽高时一定要考虑到图片的宽高，最好是宽高都是图片相同
摘要： 各位Fundebug老用户，请尽快更换JS插件域名！！！将og6593g2z.qnssl.com替换为js.fundebug.cn。...某CDN的证书被Chrome 66中招 以前，Fundebug的JavaScript监控插件使用的是某CDN厂商提供的域名以及HTTPS证书： https://og6593g2z.qnssl.com/fundebug...请尽快更换JS插件域名 为了保证服务质量，我们果断更换了CDN厂商，绑定了js.fundebug.cn域名，并且申请了新的HTTPS证书。...各位Fundebug老用户，如果您是采用script接入插件的，请尽快更换JS插件域名！！！...但是，新版本的插件都将使用js.fundebug.cn域名。 由于更换插件域名所造成的困扰，Fundebug团队深表歉意！
1)概念： 懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。...2)区别： 两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。...服务器端区别：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。预加载可以说是牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。 例子： <!...hide(); document.title = '1/' + len;//初始化第一张 } }); //未封装成插件的无序预加载...，因此用$.extend(object)挂载插件
分享一个非常简单的图片预览插件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
thread_key 可选 被评论文章在原站点的文章标识。如果有thread_id，此参数是可选参数，否则是必选参数。 thread_id 可选 被评论文章的多说文章ID。...parent_id 可选 父评论（被回复的评论）的ID。 author_name 可选 作者名字。如果已登陆多说，此参数是可选参数，否则是必选参数。 author_email 可选 作者邮箱。...remote_auth 可选 remote_auth串是判断用户是否登录的依据。...likes int 一定返回 评论被点【赞】的次数。 reports int 一定返回 评论被【举报】的次数。 type string 一定返回 类型。现在均为空。...畅言：http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型的Web网站接入，网站只需要粘贴、复制JS代码到网页的任意位置，或者复制代码到模板中，畅言评论框将在所有网页自动出现
原文地址：https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...(this instanceof Fn)){ //只要不是new的，用Fn()直接调用的，这里的this绝对不指向Fn；让它从 //新new一下；直到下一次代码走else里的内容...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...4.方法名防止冲突处理 //如果在引入你的插件之前，window下已经有Fn的变量；怎么办,你如果这么搞； 岂不是把别人写的Fn搞掉了 //此时应该把Fn的控制权交出，自己用Fn2输出 (function...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量，兼容直接使用script标签引入该插件
jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。...另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields(...show(); 8 }); 9 return false; //阻止表单默认提交 10 }); 通过Form插件的两个核心方法，都可以在不修改表单的HTML代码结构的情况下...showRequest(formData, jqForm, options){ 14 //formData: 数组对象，提交表单时，Form插件会以Ajax方式自动提交这些数据，格式如：[{...; 15 return false; 16 } 17 18 //方式三：利用fieldValue()方法，fieldValue 是表单插件的一个方法
插件 16、Beautify：主要拿它来格式话html的 17、StandardJS - JavaScript Standard Style：配合该插件可以自动将你的代码格式化成规范的代码。...让函数(名)和后面的括号之间加个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #这个按用户自身习惯选择..."vetur.format.defaultFormatter.html": "js-beautify-html", // #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js...": "force-aligned" // #vue组件中html代码格式化样式 } } // 格式化stylus, 需安装Manta's Stylus Supremacy插件...stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 // "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
