随笔分类 - js
javascript技术
摘要：一个简单的开关组件 依赖：jquery.js CSS JS HTML 注意：
阅读全文
摘要：以下是基于bootstrap4版本做的模态框的强化功能，按需使用即可 1、ajax模态框 PS：模态框最好放在body的根节点中，以免定位错误或被遮挡 2、模态框可拖动
阅读全文
摘要：//点击时不冒泡 $("body").on('click','[data-stopPropagation]',function (e) { e.stopPropagation(); });
阅读全文
摘要：前言 日期时间选择器可以直接使用bootstrap-datetimepicker.js插件，但是却很难找到好用的时长选择器，什么是时长选择器呢？时间选择器和时长选择器的区别： 时间选择器：选择24小时中某个时间点或者某段时间，datetimepicker效果如下： 时长选择器：选择时分秒长度，例如录
阅读全文
摘要：前言 IP输入组件的功能包括： 效果如下： 依赖 CSS JS HTML 最基本的IP输入组件： MAC地址输入组件： data-plugin="ipinput"：激活功能 data-letterlimit="2"：修改字符长度限制，每个输入框达到这个长度，则自动跳到下一个框（如果有下一个框） 手动
阅读全文
摘要：1、【最简单的文本长度限制】超出部分直接裁切，并在后面加上【...】 效果： 代码：（需要先引入jquery.js） 2、支持点击切换的两种文本限制组件 使用1：【单行溢出隐藏/自动换行】 效果2：【js裁切文本】 其中，data-link为true时则支持点击切换
阅读全文
摘要：项目文件夹：lite 1、serveSocket.php <?php class SocketService { private $address; private $port; private $_sockets; public function __construct($address = ''
阅读全文
摘要：1、禁用当天之前的日期 2、禁用当天之后的日期 3、只能选择当天之前、且一年(365天)以内的日期 4、以上效果图用到的其他配置： 更多配置、事件可查询官网：https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#titl
阅读全文
摘要：前言 使用过很多js插件的同学就知道，回调函数在插件的使用中贡献特别大，极大的简化和便利了插件的使用。 例如jquery的ajax就有这样的回调： 但是在封装自己的函数时，应该怎么做回调呢？ 使用方法 参考文章：https://www.cnblogs.com/gaosheng-221/p/60454
阅读全文
摘要：动画效果可以参照animate.css 注：图片默认是不动的，当鼠标经过的时候才会动。原理很简单--通过js，添加鼠标经过事件，鼠标经过时，把当前元素存放在“data-in”里的“swing”添加到class里，前提animated这个类一定要加上，要不然动画不起作用。 1、引入animate.cs
阅读全文
摘要：/** * [setCookie 设置cookie] * @param {[type]} name cookie名称 * @param {[type]} value cookie值 * @param {[type]} time 时间（例如20s或1h） */ function setCookie(name, value, time) { var strsec = getsec(t...
阅读全文
摘要：火狐中刷新验证码图片，需加上随机数或时间戳，以保证火狐重新请求：
阅读全文
摘要：HTML： 效果： 监听失焦（vue）—— 监听实时修改（vue）—— 以上两个监听是基于vue.js的，原生同理
阅读全文
摘要：SlimScroll滚动美化插件 下载：http://www.jq22.com/demo/jQuery-slimScroll-141223223505/jquery.slimscroll.js DEMO：http://www.jq22.com/demo/jQuery-slimScroll-14122
阅读全文
摘要：var n = 20; // 总个数 var m = 6; // 每一行的个数 var x = 17; // 元素的索引值，从1开始 // 一共有几行 Math.ceil(n/m) // x在第几行 Math.ceil(x/m) // x 是否 在 最后一行 Math.ceil(x/m) == Ma
阅读全文