插件其实就是一个功能的实现。包括所用到的 css ,jQuery 等的所有代码的封装集合。...插件下载下来一般包括下面几个部分: css 文件夹:包括 css 文件 js 文件夹:jQuery 官方 js 文件, 插件的 js文件 index.html :演示文件(我们可以直接在上面改成自己需要的文件...,或者copy里面的代码到自己的文件中) 2、插件的制作和使用 jQuery插件制作方式主要有三种: 1、通过$.extend()来扩展jQuery; 2、通过$.fn向jQuery添加新的方法; 3、...参考链接(教你开发 jQuery插件):https://www.cnblogs.com/ajianbeyourself/p/5815689.html jQuery 插件的使用: 1、导入下载下来的 css...文件 2、导入 jQuery 官方库 3、导入插件的 jQuery 库文件 4、复制 index.html 相关代码到自己的文件中。
一、元素的创建添加和删除 1、方式一:以对象的方式创建元素 append,appendTo :在被选元素所有子元素的结尾插入内容(增加子元素)。...以字符串的方式创建元素 语法: 父元素.html("html代码"); // $("#dv").html("Dao"); 3、元素的删除...> Web技术 jquery
rangeObj.setEndAfter(node); 折叠 Range 边界: rangeObj.collapse([toStart]); 获取 Range 内容: rangeObj.toString(); 删除...W3C 的 selectedRange 含义相同,代表当前文档中选中的部分; 接口简介: 获取文档中当前选中的部分: var selection = document.selection; 从文档中删除当前选中的部分...应用场景 Range 与 Selection 在类似下图这种 Mask Input(自动格式化录入)插件中有广泛应用; ?...下面这些开源插件 基本都与 Mask Input 有关 也基本都涉及 Range 与 Selection 大家可以参考参考 找找灵感 jquery.formance: 仓库:https://github.com...: 仓库:https://github.com/text-mask/text-mask 状态:活跃 cleave.js: 仓库:https://github.com/nosir/cleave.js
一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样, 体积只有 2kb 「big.js」 一个小型,快速的 JavaScript 库,用于任意精度的十进制算术运算...「qs」 一个 url 参数转化 (parse 和 stringify)的轻量级 js 库 「decimal.js」 实现 JavaScript 的任意精度的十进制类型库 表单校验 「Validator.js...」 一个强大的 js 表单校验库 「Validate.js」 致力于提供一种验证数据的跨框架和跨语言方式的 js 库, 已通过 100%代码覆盖率的单元测试 dom 库 「JQuery」 封装了各种...dom/事件操作, 设计思想值得研究借鉴 「zepto」 jquery 的轻量级版本, 适合移动端操作 「fastclick」 一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click...」 移动端使用的一款轻量级滚动插件 「swiper.js」 一款强大的 js 跨端触摸滑动插件 「MixItUp」 是用于 DOM 操作的高性能,无依赖库,使您能够使用精美的动画过滤,排序,添加和删除
那么就把4对应的位置为1(可以这样操作 p+(i/8)|(0x01零开始的...那么十进制数如何转换为对应的bit位,下面介绍用位移将十进制数转换为对应的bit位。...0-N对应在数组a中的下标: 十进制0-31,对应在a[0]中,先由十进制数n转换为与32的余可转化为对应在数组a中的下标。...3、 扩展 Bloom filter可以看做是对bit-map的扩展 4、 Bit-Map的应用 1)可进行数据的快速查找,判重,删除,一般来说数据范围是int的10倍以下。...比如i=20,通过i>>SHIFT=20>>5=0 可求得i=20的下标为0; 2) i & MASK: 其中MASK=0X1F,十六进制转化为十进制为31,二进制为0001 1111,i
前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和库出现, 也有大量库被淘汰(比如 JQuery, 但是学习它的设计思想很有必要)....day.js 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样, 体积只有2kb big.js 一个小型,快速的JavaScript库,用于任意精度的十进制算术运算...qs 一个 url参数转化 (parse和stringify)的轻量级js库 dom库 JQuery 封装了各种dom/事件操作, 设计思想值得研究借鉴 zepto jquery的轻量级版本, 适合移动端操作...零依赖,为 web 和移动浏览器提供了简单的滚动动画,以动画的方式显示滚动中的内容 Kute.js 一个强大高性能且可扩展的原生JavaScript动画引擎,具有跨浏览器动画的基本功能 Typed.js...一个轻松实现打字效果的js插件 fullPage.js 一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代 iscroll 移动端使用的一款轻量级滚动插件 鼠标/键盘相关 KeyboardJS
对整数的二进制表示取反(0 变 1 ,1 变 0)后,再转换为十进制表示,可以得到这个整数的补数。...例如,整数 5 的二进制表示是 "101" ,取反后得到 "010" ,再转回十进制表示得到补数 2 。 给你一个整数 num ,输出它的补数。...示例 示例 1: 输入:num = 5 输出:2 解释:5 的二进制表示为 101(没有前导零位),其补数为 010。所以你需要输出 2 。...示例 2: 输入:num = 1 输出:0 解释:1 的二进制表示为 1(没有前导零位),其补数为 0。所以你需要输出 0 。...解题 如果我们能知道该数最高位的1所在的位置,就可以构造一个长度和该数据所占位置一样长的一个掩码mask,然后概述和mask进行异或即可。
但是不同程序的博客所使用的插件也都不一样,我这里研究出一套可以满足绝大部分程序的灯箱插件。已经测试过hexo, hugo, typecho 均无问题。...-- 如果已经有jq文件了,就不要引入jquery --> jquery3.6.0.js"> mask"> <script src="https://cdn.imhan.cn...img').addClass('smallimg') $('.post-content img').wrap('') }) 接着我们需要对插件进行初始化...img').wrap('') /* smallimg // 小图 bigimg //点击放大的图片 mask
x&((1<<n)-1) 将 第n位 至第 0 位(含)清零:x&(~((1<<(n+1))-1)) 还有很多的复杂的位运算,Runsen是小白的水平,真的看不懂怎么多。...下面是尝试使用 >>> 7&(~0零 4 #100 >>> 7&(~0零 6 #110 >>> (2>>5)&1 #101...其实就是mask左移一位,比如第一次是0001(这里有32位),那么下一次就是0010。...for i in range(32): if n & mask: res +=1 mask = mask << 1 return res...思路:动态规划 观察: 十进制0: 二进制0 十进制1: 二进制1 十进制2: 二进制10 十进制3: 二进制11 十进制4: 二进制100 十进制5: 二进制101 二进制中,乘以2相当于左移一位,
区别伪数组和真数组 从零开始学 Web 之 jQuery 从零开始学 Web 之 jQuery(一)jQuery的概念,页面加载事件 jQuery 的概念 jQuery 的顶级对象 jQuery 对象和...DOM 对象互转 页面加载事件 从零开始学 Web 之 jQuery(二)获取和操作元素的属性 jQuery 获取和操作元素 从零开始学 Web 之 jQuery(三)元素操作,链式编程,动画方法 使用...css 操作元素样式 链式编程 使用类样式操作元素样式 动画相关方法 从零开始学 Web 之 jQuery(四)元素的创建添加与删除,自定义属性 元素的创建、添加和删除 元素 value 属性的操作...事件的触发 事件参数对象 链式编程的原理 从零开始学 Web 之 jQuery(八)each,多库共存,包装集,插件 each 方法 多库共存 包装集 几个元素的宽高属性 插件 从零开始学 Web 之...Zepto 从零开始学 Web 之 移动Web(四)实现JD分类页面 从零开始学 Web 之 移动Web(五)touch事件的缺陷,移动端常用插件 从零开始学 Web 之 移动Web(六)响应式布局 从零开始学
|(或) 十进制 二进制 3 0 0 1 1 5 0 1 0 1 | 后结果 :7 0 1 1 1 即:对应位只要有 1 时,即为 1,否则全为 0。...~(非) 十进制 二进制 3 0 0 1 1 ~ 后结果:12 1 1 0 0 即:对应位取反。...异或 ^ 十进制 二进制 3 0 0 1 1 5 0 1 0 1 ^ 后结果:6 0 1 1 0 即:只要对应为不同即为 1。...) 1 0 0 可读 3(0011) 0 1 1 可写、可执行 7(0111) 1 1 1 可读、可写、可执行 0(0000) 0 0 0 禁止 同时,操作权限不是一尘不变的,我们往往需要对其新增、删除...为当前权限新增一个操作: public void addOp(int op) { permission |= op; } 为当前权限删除一个操作: public void removeOp(int
github star 2.6k ,该插件能够很方便的集成到你的项目中,使用起来简单易用,此插件主要有以下特点: 原生javaScript脚本 零依赖 简单易用 体积小,压缩版仅6KB 功能丰富 可定制...比如自动更正、按照特定格式输入( Input Mask ) 支持自定义键盘样式,自定义特殊键盘,以及个性化的布局 支持多键盘实例 多设备支持:PC端全键盘、手机端键盘(安卓、IOS) 支持背景暗黑样式...支持数字键盘 国际化支持,比如法文、日文、俄语等 4、fslightbox.js 官网地址:https://fslightbox.com/ 一款原生无需jQuery依赖的图片幻灯插件,简单易用,功能强大...8、Hotkey 官网地址:https://github.com/github/hotkey 一款零依赖的设置网页元素快捷键操作的 javaScript 插件,这个插件的特点就是零依赖,使用起来简单 ,...,零依赖的原生插件,当你滑动页面时,帮助你创建酷炫的动画效果,比如滚动视差、变形移动等基本的动画效果,响应式兼容方面,比如手机端也有不错的支持,使用这个插件可以让你的网站立刻鲜活生动起来。
github star 2.6k ,该插件能够很方便的集成到你的项目中,使用起来简单易用,此插件主要有以下特点: 原生javaScript脚本 零依赖 简单易用 体积小,压缩版仅6KB 功能丰富 可定制...比如自动更正、按照特定格式输入( Input Mask ) 支持自定义键盘样式,自定义特殊键盘,以及个性化的布局 支持多键盘实例 多设备支持:PC端全键盘、手机端键盘(安卓、IOS) 支持背景暗黑样式...支持数字键盘 国际化支持,比如法文、日文、俄语等 4、fslightbox.js 官网地址:https://fslightbox.com/ 一款原生无需jQuery依赖的图片幻灯插件,简单易用,功能强大...8、Hotkey 官网地址:https://github.com/github/hotkey 一款零依赖的设置网页元素快捷键操作的 javaScript 插件,这个插件的特点就是零依赖,使用起来简单...3kb,零依赖的原生插件,当你滑动页面时,帮助你创建酷炫的动画效果,比如滚动视差、变形移动等基本的动画效果,响应式兼容方面,比如手机端也有不错的支持,使用这个插件可以让你的网站立刻鲜活生动起来。
这主要因为我在考虑元素绘制和插入dom没有分开处理,本次主要增加了计算和绘制的代码逻辑,逻辑中有些代码还是需要优化的,比如dom访问次数过多,绘制过程做节流处理等,有需要各位自行优化即可,为了操作方便,直接封装成了jQuery...插件。...$rangeEl.off('mousemove'); 160 }) 161 } 162 })(window.jQuery); 直接在html中测试打开即可,css代码未独立处理,...X-UA-Compatible" content="ie=edge"> frame_selection jquery.../3.2.1/jquery.js"> <script src=".
网络超时展开目录 服务器太慢 ajax 或者 curl 超时 (解决:换服务器吧) 生成失败 接口出出现错误了,导致 json 解析失败 (解决:建议没有 php 基础不要修改插件) 服务器太慢,具体看上方...ArticlePoster/service/ 放行) 服务器被防火墙或 cdn 拦截 (解决:除上面那条之外,把服务器 ip 也放行) 当前节点不可用 原因和处理方法参考生成失败 点击生成海报按钮没反应 没引入 jquery...(解决:在插件设置引入 jquery) 在插件设置引入 jquery,点按钮无效 (解决:那就是已经引入了,不引入即可) 刷新页面后就可以生成了 (解决:多半模板是 pjax 的,加一个 pjax 回调就行了...$('[data-event=\'poster-close\']').on('click', function(){ $('.article-poster, .poster-popover-mask...文章缩略图加载不出来 在插件设置取消加载 jquery 即可 (面对大部分主题有效) 最后的话 这些都是这么长时间总结下来的,陆续更新中....
3.141592653589793 Math.cos(Math.PI) // -1 3.1 将字符串化为数字:parseInt和parseFloat方法: parseInt(“123”) = 123 (采用十进制转换...OPTIONS 几乎所有的jQuery插件都提供了一个基于OPTIONS的API,OPTIONS是JS对象,意味着该对象以及它的属性都是optional(可选的)。..., 1, 3] x.shift() // [2, 1, 3] x.sort() // [1, 2, 3] x.splice(1, 2) // 用于插入、删除或替换数组元素...,这里为删除从index=1开始的2个元素 9.4 数组为对象,所以始终为true 10....JQUERY JQUERY对象包含DOM元素的集合。
jquery的datetimepicker时间控件除了样式有点不太美观,功能性还是相当强大的。...在正常情况下input的type应该设置为"text",可点击又可输入(mask,enterLikeTab 要在type="text"时使用);我个人选择时间时不太赞同支持输入,如果输入会有时间格式错误的出现...使用方法: 添加jquery.min.js、datetimepicker.main.js和datetimepicker.css到您的页面 在html中: 在js中: $('#datetimepicker...大大加速插件与大量的领域的工作 mask: false, // 使用输入掩码。真正的-自动生成一个字段的“格式”的面具,从0到9的数字,设置为值的最高可能的数字。...例如:第一个小时的数字不能大于2,而第一位数字不能大于5 如:{mask:'9999/19/39 29:59',format:'Y/m/d H:i'} validateOnBlur: true,
位运算解释与实例 &(与) 十进制 二进制 3 0 0 1 1 5 0 1 0 1 & 后结果:1 0 0 0 1 即:对应位都为 1 时,才为 1,否则全为 0。...|(或) 十进制 二进制 3 0 0 1 1 5 0 1 0 1 | 后结果 :7 0 1 1 1 即:对应位只要有 1 时,即为 1,否则全为 0。...~(非) 十进制 二进制 3 0 0 1 1 ~ 后结果:12 1 1 0 0 即:对应位取反。...异或 ^ 十进制 二进制 3 0 0 1 1 5 0 1 0 1 ^ 后结果:6 0 1 1 0 即:只要对应为不同即为 1。 3....删除一个处理器 ch.pipeline().remove("xxxxxx") @Override public final ChannelPipeline remove(ChannelHandler
Vue的最佳做法,就是用插件形式来包装这种零碎化的引入方式。...$ui.confirm('您确认要删除以下的数据吗?'..., () => { // 这里编写对数据进行删除的代码 }) } } 上述的confirm方法有一个明显的弱点,就是在回调时this上下文会指向window而不是Vue实例本身,这样的话对于编码的使用体验就很差了...当然这里的全局是指这个插件库被引入Vue并调用use方法后,例如,我们可以将一些必要的组件或者指令混入插件方法内: export default = (Vue, options) => { // 1...这个插件是用于JS代码加载后在window上注册全局变量的一个webpack插件,加入了以上的配置后程序就能正常运行了。