- 博客(35)
- 收藏
- 关注
RSS订阅原创 解决web网页调用支付宝支付，新窗口打开页面被浏览器拦截（兼容Ie）
1，优先打开空白页 let newWindow = window.open("about:blank");2，新窗口跳转到支付页面 newWindow.location = '/page/aliPay.html';3，支付页面获取缓存表单支付信息，通过form表单的形式打开即可。（亲测有效兼容ie、chrome、猎豹、QQ、360等浏览器）getAliPaySubm...
2019-12-24 17:08:23
4172
2
原创 基于watermark.js给图片添加水印
依赖watermark.min.js文件import watermark from "../../asset/watermark.min.js";/*** *fileUrl 文件地址 *callBack 回调函数 **/function addWatermark(fileUrl, callBack) { // upperLeft左上；lowerLeft左下；upperR...
2019-12-20 17:57:04
2262
原创 html2canvas截图，兼容截图不全
1，html2canvas版本为0.5.0-beta42，配合Canvas2Image.js//保存图片（注意html2Canvas版本的问题 可能出现截图只显示一半 当前版本html2canvas 0.5.0-beta4）import html2canvas from "../../asset/html2canvas.min.js";import Canvas2Image...
2019-10-28 14:27:52
1900
1
原创 kindeditor富文本编辑
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="
2018-04-19 17:29:22
287
原创 :after伪类方法解决移动端1px变粗的原因
:after伪类方法.border-line{position:relative;}.border-line:after{position: absolute; width: 100%; left: 0;bottom: 0; display: block;border-top: 1px solid rgba(7,17,27,0.1); content: ' ';}
2017-12-29 12:03:14
1027
原创 关于拖拽插件sortable.js火狐浏览器兼容性
解决sortable.js兼容性低版本火狐输入框、文本域无法输入内容$("input,textarea").click(function() { $(this).focus();});
2017-12-28 18:09:59
2622
转载 jquery 自动触发<a> 标签的click()方法
今天想向自动触发标签的click事件，但是把事件绑定到 标签上，即$("#id").click(),但是没有任何反应，然后查了下，原来不能把click事件直接绑定到标签上，必须绑定到 标签之内的元素上。例如：公式管理,要自动触发的话，$("#bbbb").trigger("click")；转载链接地址
2017-08-16 19:04:50
447
原创 关于input输入框type为number型时 maxlength无效解决办法
/* * id 主键id * len 控制长度 * 输入长度控制 * */ var onInput = function(id, len) { $("#" + id).on("keydown", function() { var value = $(this).val(), vLen = value.length; vLe
2017-08-12 11:46:46
6189
原创 datatable指定页码分页
/* * 获取DataTable的公共配置 * basePath 接口路径 * tableId 当前table的id * len 列长 * idName id名 * */ var getDataTableConfig = function(basePath, tableId, len, idName) { /*销毁缓存数据*/ if($.f
2017-08-12 11:30:07
6182
原创 jQuery的的方法阻止冒泡和默认的事件(三种方法)
1：return false ----》 在事件的处理中，可以阻止默认事件和冒泡事件。 2：event.preventDefault()---》在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。 3：event.stopPropagation()---》在事件的处理中，可以阻止冒泡但是允许默认事件的发生。
2016-03-21 16:39:13
1189
转载 js数组去重
Array.prototype.unique1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n.indexOf(this[i]) == -1) n.push(this[i]
2016-02-18 13:49:51
361
原创 常用的一些验证
/** * 校验邮箱地址 * @param {string} str 字符串 * @return {bool} */ isMail : function(str){ return /^(?:[\w-]+\.?)*[\w-]+@(?:[\w-]+\.)+[\w]{2,3}$/.test(str); }, /** * 校验普通电话、传真号码：可以“+”开头，除数字
2016-02-01 13:47:17
406
转载 影响布局的inline-block的空白符的问题
DOCTYPE html>html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>inline-block的空白符title>style type="text/css"> li{ width:50px; height:20px; background-color:#C9
2016-01-06 11:34:24
642
原创 HTML5网页如何调用浏览器APP的微信分享功能
提示:目前仅仅支持uc浏览器和QQ浏览器查看功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>HTM...
2015-12-31 17:29:03
29410
1
转载 一位牛人归纳的JavaScript 语言基础知识点图示(下)
6.JavaScript 函数基础7.DOM 基本操作8.Window 对象9.JavaScript 字符串函数10.正则表达式
2015-12-03 15:12:44
450
转载 一位牛人归纳的JavaScript 语言基础知识点图示(上)
1.JavaScript 数据类型2.JavaScript 变量3.Javascript 运算符4.JavaScript 数组5.JavaScript 流程控制
2015-12-03 15:06:00
684
原创 jQuery实现加入购物车飞入动画效果
flyShop body, button { margin: 0; padding: 0; } button { outline: none; } .shopBtn { position: absolute; width: 150px; height: 40px; line-height: 40px; left: 50%; top: 50%; margin: -20
2015-12-01 16:58:19
1222
转载 绝对定位，margin:0 auto，让元素竖直居中
问题：div { margin: auto; position: absolute; top: 0; left: 0; right: 0 bottom: 0; width: 100px; height: 100px;}是如何自适应的。原因是，绝对定位的布局取决于三个因素，一个是元素的位置，一个是元素的尺
2015-11-30 17:34:22
1542
转载 web前端常用插件
弹窗1.blockUI2.overlay 3.sweetAlert视频1.jwplayer2.video.js html53.swfobject Flash嵌入插件幻灯片、图片切换1.responsiveSlides2.swiper 手机端响应式日期控件1.datepicker上传图片控件1.uploadi
2015-11-30 16:20:44
1149
转载 jquery小技巧
收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in th
2015-11-30 16:10:00
417
原创 验证码倒计时
验证码倒计时 .com{width: 120px; height: 35px; line-height: 35px; border: none; color: #fff; border-radius: 5px; }.send{ background-color: #F08326; cursor: pointer;}.send-d{ background-color: #CF
2015-11-30 15:35:17
370
原创 瀑布流布局
body, ul { margin: 0; padding: 0; }ul, li { list-style: none; }.water_box { position: relative; margin-left: 90px; }.water_box .img { width: 360px; }.water_box img { width: 360px; }.test-b
2015-11-30 14:09:17
385
转载 测试密码的强度
在某些网站注册时常常会要求设置密码，网站也会根据输入密码的字符特点给出相应的提示，如密码过短、强度差、强度中等、强度强等。这又是怎么实现的呢？看下面代码：input type="password" name="pass" id="pass" /> span id="passstrength">span>全选复制放进笔记//下面的正则表达式建议各位收藏哦，项目上有可能会用得着
2015-11-30 13:52:20
665
转载 jquery管理搜索框的值
现在各大网站都有搜索框，而搜索框通常都有默认值，当输入框获取焦点时，默认值消失。而一旦输入框失去焦点，而输入框里又没有输入新的值，输入框里的值又会恢复成默认值，如果往输入框里输入了新值，则输入框的值为新输入的值。这种特效用JQuery很容易实现：$("#searchbox") .focus(function(){$(this).val('')}) .blur(function(){
2015-11-30 11:41:53
393
转载 百度Site App的uaredirect.js实现手机访问，自动跳转网站手机版
以下为代码，可放置在网站foot底部文件，或者haead顶部文件，建议将代码放在网站顶部，这样可以实现手机访问立即跳转！uaredirect("http://m.jiuquan.cc");将代码网址部分改成你网站的手机网址就Ok,当然可以是任意网址！
2015-11-27 14:26:11
760
转载 清除IE10下input的叉叉（X）和密码输入框的眼睛图标
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本，如下图：对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
2015-11-25 17:28:05
7913
转载 移动端web开发技巧
META相关1. 添加到主屏后的标题（IOS） 2. 启用 WebApp 全屏模式（IOS） 3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：4. 设置状态栏的背景颜色（IOS）设置状态栏的背景颜色，只有在 "apple-mobi
2015-11-18 11:09:39
463
原创 js判断设备是phone还是pc
//平台、设备和操作系统(判断是移动还是pc) var system = { win: false, mac: false, xll: false }
2015-11-18 11:02:00
433
原创 仿淘宝右侧tab栏切换
tab切换body, ul { margin: 0; padding: 0; font-family: "microsoft yahei"; }ul, li { list-style: none; }a { text-decoration: none; }.tabBox { position: absolute; width: 300px; height: 100px; b
2015-11-17 16:04:32
960
转载 每个程序员都会的35个jQuery小技巧！
1. 禁止右键点击$(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字$(function(){$("input.text1").val("Enter your search text here");
2015-11-16 10:30:33
378
转载 通过例子掌握Web开发捷径笔记
1.保护自己的网页不被放入框架： if(self != top){ top.location = self.location; }//判断当前页面是否为top层，如果不是，置为top;2.当前网页调用其他网页 //1使用iframe //2object标签
2015-11-16 10:07:33
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人