- 博客(27)
- 收藏
- 关注
RSS订阅转载 vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序克隆clone
vue拖拽克隆clone组件API， vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：首先需要安装vuedraggable依赖包：npm install vuedraggable --save因为拖拽组件依赖sortablejs ，如果项目没有安装sortablejs ，可能需要安装一下npminstallsort...
2018-12-12 15:30:00
469
转载 js解析URL参数
js解析URL参数：url格式：a=123&b=234 getUrlParam(name) { //解析URL参数 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); ...
2018-04-23 17:39:00
157
转载 vue复选框 模拟checkbox多选全选,vue页面加载屏蔽花括号
1、解决vue页面渲染出现花括号的问题：在最外层的dom节点上加上v-cloak ，css里面<div class="detail-content" id="detail-content" v-cloak>....</div>css:[v-cloak]{ display: none;}2、vue复选框 模拟checkbox多选全选 ...
2018-04-23 17:31:00
223
转载 js毫秒转换天时分秒/动态倒计时
<script language="JavaScript"> function getQueryString(name) { var reg =new RegExp("(^|&)"+ name +"=([^&]*)(&|$)", "i"); var r = window.location.search.substr...
2016-12-05 13:58:00
342
转载 简洁的滚动鼠标 改变图片大小js
//--------------------------------------------实现滚动鼠标缩放图片 function bbimg(o){ var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/7;if (zoom>0) o.style.zoom=zoom+'%';...
2016-03-25 16:26:00
111
转载 动态实时获取浏览器窗口大小
<form action="#" method="get" name="form1" id="form1"> <!--显示浏览器窗口的实际尺寸--> 浏览器窗口 的实际高度: <input type="text" name="availHeight" size="4"><br> ...
2016-03-25 14:31:00
506
转载 angular js随意笔记
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="js/jquery-1.11.2.min.js"></script><script src="http://apps.bdimg.com/libs/angular.js...
2016-02-18 11:24:00
71
转载 js字符串长度截取 substring、substr、slice
js字符串长度截取 substring、substr、slice<script>var str="www.runoob.com!";document.write(str.substring(4)+"<br>"); // 从第 5 个字符开始截取到末尾document.write(str.substring(4,10)); // 从第 5 个...
2016-02-18 11:07:00
98
转载 js验证邮箱正则表达式，邮箱验证方法
js验证邮箱正则表达式，邮箱验证方法// 验证邮箱函数,正确返回 true，错误返回falsefunction validateEmail(email) { //验证邮箱正则 var re = /^(([^()[\]\\.,;:\s@\"]+(\.[^()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]...
2016-02-18 10:34:00
211
转载 JavaScript 格式化日期,转换时间日期格式
JavaScript 格式化日期,转换时间日期格式// 对Date的扩展，将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Fo...
2016-02-18 10:28:00
123
转载 jQuery placeholder插件 让IE也能够支持placeholder属性
jQuery placeholder插件 让IE也能够支持placeholder属性案例：整搜索框，需要默认占位符为“请输入关键词”，获取焦点时，占位符消失或不可用（不影响正常输入），丢失焦点后，若用户无内容输入，占位符继续出现，继续占位。这种代码我想前端们已经很容易就写出来了吧，现在HTML5原生就有这个“placeholder”属性，效果与上边案例描述的一样（各支持的浏览器内部表...
2016-01-27 09:43:00
109
转载 JavaScript 逼真图片倒计时实现代码 js时间图片倒计时
JavaScript 逼真图片倒计时实现代码 js时间图片倒计时效果图：<!doctype html><html><head><meta charset="utf-8"><head> <title>逼真图片倒计时</title> <style type="...
2016-01-22 10:25:00
13210
转载 毫秒转换成js年月日时分秒，标准时间转换js
毫秒转换成js年月日时分秒/标准时间转换js时分秒var format = function(time, format){ var t = new Date(time); var tf = function(i){return (i < 10 ? '0' : '') + i}; return format.replace(/yyyy|MM|dd...
2016-01-20 15:38:00
938
转载 日期时间补0，日期时间不够两位自动补0
日期时间补0，日期时间不够两位自动补0function getNowFormatDate() { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var...
2016-01-20 15:27:00
1598
转载 鼠标放在图片上，跟随鼠标显示大图，图片提示
首先引入jQueryhtml： <ul> <li><a href="images/apple_1_bigger.jpg" class="tooltip" title="苹果 iPod"><img src="images/apple_1.jpg" alt="苹果 iPod" /></a><...
2015-12-18 10:12:00
232
转载 移除IOS下input输入框和按钮的原生样式
移除IOS下input输入框和按钮的原生样式写WAP页面的时候 一定要加上这组样式，以避免在IOS下面按钮被系统原生样式影响input,textarea {outline-style:none;-webkit-appearance:none;}转载于:https://www.cnblogs.com/weixin186/p/5053961.html...
2015-12-17 14:07:00
202
转载 使用jquery.qrcode生成二维码，在线演示，下载源码
qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。如何使用1、首先在页面中加入jquery库文件和qrcode插件。<script type="text/javascript" src="jque...
2015-12-17 11:25:00
132
转载 使用h5 canvas绘制圆形进度条
创建一个Html容器canvas：<canvas id="myCanvasTag" width="300" height="300" style="border: 1px blue solid"> </canvas>JavaScript：<script> var mycanvas = document.getEle...
2015-12-17 10:22:00
247
转载 jQuery全屏滚动插件fullPage.js API
jQuery全屏滚动插件fullPage.js API插件下载地址：https://github.com/alvarotrigo/fullPage.js1、引入js：<link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/jquery.min.js"></...
2015-12-17 09:58:00
140
转载 jQZoom图片放大器插件。API说明文档，jQZoom使用说明
jQZoom是一个基于最流行的jQuery的图片放大器插件。它功能强大，使用简便。支持标准模式、反转模式、无镜头、无标题的放大，并可以自定义jQZoom的窗口位置和渐隐效果，修正IE6的select bug。使用之前，先引入jQZoom.js。zoomType，默认值：’standard’，另一个值是’reverse’，是否将原图用半透明图层遮盖。zoomWidth，默认值：20...
2015-12-16 14:09:00
454
转载 ios实现0.5px的几种方法，安卓设备也实用，安卓和ios实现细线边框
1、通过伪元素的高度实现0.5px.hairlines .mine-pic:before{content:'';width:200%;position: absolute;top:0;left: 0; right:0;-webkit-transform: scale(0.5); transform: scale(0.5);-webkit-t...
2015-12-16 11:45:00
489
转载 获取鼠标的坐标位置
<script src="../../scripts/jquery.js" type="text/javascript"></script><div id="XY" ></div><script>$(document).ready(function () { $(document).mousemo...
2015-12-14 19:03:00
100
转载 判断浏览器类型
<script src="../../scripts/jquery.js" type="text/javascript"></script><script>$(document).ready(function() { // Firefox 2 and above if ($.browser.mozilla &...
2015-12-14 19:02:00
92
转载 检测鼠标的右键和左键和中间
<script src="../../scripts/jquery.js" type="text/javascript"></script><style>#XY{ width:40px; height:100px; background:#aaa;}</style><div i...
2015-12-14 19:01:00
224
转载 enter回车提交表单
<style>#XY{ width:40px; height:100px; background:#aaa;}</style><input type="input" /><script>$(document).ready(function() { $("input").keyu...
2015-12-14 18:57:00
85
转载 禁用页面的右键菜单
<textarea id="mytextarea"></textarea><script>$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });...
2015-12-14 18:54:00
82
转载 js限制textarea文本域中的字符个数
限制textarea域中的字符的个数<textarea id="mytextarea"></textarea><script>jQuery.fn.maxLength = function(max){ this.each(function(){ var type = this.tagName.toLowerCa...
2015-12-14 18:50:00
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人