- 博客(32)
- 收藏
- 关注
RSS订阅转载 为什么div里嵌套了img，img底部会有间隙
http://www.qdfuns.com/notes/17631/9dc4c1d4006bdd2a84de2acf3b01be2d.html
2016-11-18 16:12:20
1063
原创 通过up、down、enter键实现搜索结果选择功能（模拟搜索引擎）
1、最终实现效果2、实现思路1、通过监听up、down、enter键，对搜索结果进行样式变换。2、通过一个变量来储存事件触发次数，再用这个变量对收索结果个数进行求余，进而定位active元素的位置。。。3、废话少说，上代码//down and up key var key = 0; function downUpKey() { document.onkeydown = funct
2016-06-30 16:27:05
729
原创 JS设计模式
1、Constructor(构造器)模式(1) 概念：(2) 利弊：(3) 实战代码：2、Module(模块)模式(1) 概念：(2) 利弊：(3) 实战代码：3、Revealing Module(揭示模块)模式(1) 概念：(2) 利弊：(3) 实战代码：4、Singleton(单例)模式 (
2016-06-30 15:05:05
594
原创 jquery attr()和prop()使用场景
1.添加属性名称该属性就会生效应该使用prop();2.是有true,false两个属性使用prop();3.其他则使用attr();
2016-06-28 17:13:46
572
原创 webuploader、select2、validate、my97插件使用技巧
1、webuploader(1)、上传按钮隐藏：给元素#filePicker添加类webuploader-element-invisible。例如$("#filePicker").toggleClass('webuploader-element-invisible',条件);2、select2(1)、修改未找到结果默认提示文字$('.beautyselect').select2
2016-06-21 13:55:48
1191
原创 如何判断text-overflow: ellipsis???
1、单行文本超出经常使用省略号，如何判断文本是否超出？ test#ellipsis{ width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 今天 var offsetWidth = document.getElementById("ellipsis").o
2016-05-08 15:01:51
6586
原创 事件冒泡的解决方案
1、事件冒泡： 在一个对象上触发某类事件（例如单击事件onclick事件），若果此对象定义了此事件的处理程序，那么就会调用这个处理程序；但是如果没有定义此事件的处理程序或者事件返回true，那么这个事件就会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它达到了对象层次的最顶层，即document对象（有的浏览器是window）。
2016-04-18 17:03:01
2735
原创 元素垂直居中方法
一、固定height的元素居中1、使用绝对定位(兼容所有浏览器，浏览器窗口缩小时，部分内容会消失)居中元素 .content { position: absolute; top: 50%; left: 50%;
2016-04-05 10:48:03
403
原创 完美解决textarea字数限制
1、input、textarea都有maxlength属性，但是textarea不兼容ie8/9，input兼容ie8/9。2、同时绑定onchange、onkeydown、onkeyup，ie8/9下解决不了右键粘贴问题。3、废话少说，上代码……20/20 /*字数限制*/ $("#area").on("input propertychange", f
2016-03-31 15:56:36
35768
2
原创 pc端Button 按钮的点击时候出现蓝色边框。。。
1、原因：受button标签的outline属性的影响2、解决方法：添加css属性button{ outline:none;}
2015-12-19 14:17:23
914
原创 移动端input框输入文本时不居中。。。
1、原因:因为有元素有line-height属性2、解决方法：去掉line-height属性3、注：要写ie的兼容性line-height：30px\9;
2015-12-19 14:09:45
3609
原创 Android移动端input标签type=submit时，点击时会光标会进入按钮。。。
1、原因：input有一个私有属性user-modify：read-write-plaintext-only；2、解决方法：重写user-modify属性或者input[type="submit"]{ -webkit-user-modify: read-plaintext-only; -moz-user-modify: read-plaintext-only;
2015-12-19 13:52:13
2047
原创 移动端点击事件出现背景框以及pc端a标签点击时出现背景框？？？
1、原因：移动端事件响应时会有默认的背景框颜色，a标签active时也有默认的背景框颜色。2、解决方法：移动端让背景框不显示-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0); -o-t
2015-12-18 16:31:16
9153
原创 placeholder兼容IE8解决方案
1、原因：placeholder是h5的新属性，老版本的IE浏览器不支持此属性。2、解决方法：jQuery三方插件 jquery-placeholder3、快速开始： test input{ width: 100px; height: 50px; border: 1px solid red; } .placeholder
2015-12-11 09:19:00
12727
原创 background-size兼容IE8解决方案
1、通过滤镜的方法 body{ background: url(../images/login_register/login-register-background.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-bac
2015-12-09 10:14:27
19804
原创 html 锚点
1、锚点（anchor）是网页制作中超级链接的一种，通常用来迅速定位。2、创建锚点的链接分为两步： a、创建锚点 ： 如：<a name="top"> （使用id属性来代替name属性同样有效） b、创建该锚点的链接：点击我连接到TOP3、不同界面之间的锚点访问：只需修改链接地址即可
2015-09-21 15:40:51
463
原创 写的第一个爬虫……
var version="20150820";var injectPoint="http://www.p2peye.com/hangqing/";var fs = require("fs");phantom.outputEncoding="GBK";var casper = require('casper').create({ viewportSize:
2015-09-11 11:44:59
440
原创 爬虫相关
1、PhantomJS是一个拥有JavaScript API的无界面WebKit。 PhantomJS是一个无界面的,包含了WebKit浏览器引擎和JavaScript API的脚本解释器。 http://blog.youkuaiyun.com/dxx1988/article/details/83305272、CasperJS,基于PhantomJS的工具包 ht
2015-09-02 13:58:42
360
原创 前端实现标签切换跳转
思路：用所有选中的标签构建URL，再根据URL的参数给标签着色。。。 //1、点击标签切换 var _url=window.location.origin+window.location.pathname, all_a=$(".search_cond li a"); all_a.click(ta
2015-09-02 09:41:29
716
转载 用正则表达式将前后空格用空字符串替代:replace(/(^\s*)|(\s*$)/g, "")
^表示字符串必须以后面的规则开头, 在这里就是说字符串必须以\s*开头.\s 是空格的意思, * 表示有0个或多个\s* 就是有0个或多个空格(^\s*) 表示的就是以0个空格或者多个空格开头| 表示或的意思, 也就是满足| 左边的也成立, 满足 | 右面的也成立.\s*前面说过了$ 的意思是字符串必须以前面的规则结尾(\s*$) 的意思就是
2015-09-01 22:10:20
4164
原创 循环数组时，删除符合条件的当前元素
for(var i=0;ioperate_json.length;i++){ if(!operate_json[i]["product_id"]){ operate_json.splice(i,1); i--; }}
2015-08-24 09:31:50
2079
原创 滚轮滑动加载更多数据
原生js: window.onscroll=function(){var scrollTop = document.body.scrollTop || document.documentElement.scrollTop,windowHeight = document.documentElement.clientHeight,documentHeight = docume
2015-08-24 09:13:00
658
原创 ajax跨域请求的解决方案
开篇之前必须理解两个概念："同源策略"和“跨域”同源策略：同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止 某个文档或脚本从多个不同源装载。 这里的同源指的是：同协议，同域名和同端口。跨域：一个域名的组成 http:/
2015-08-12 21:29:45
503
原创 git上传项目到github步骤
1、安装git客户端2、打开Git Bash 自报家门： git config --global user.name "You Name" git config --global user.email yourmail@server.com3、创建github ss
2015-08-10 16:19:51
943
原创 express安装相关问题
全局模式安装： npm install -g express npm install -g express-generator 可以执行命令 express -V 来查看版本本地模式安装： npm install express npm install express-generator 注：执行expre
2015-08-07 09:31:14
326
转载 zepto tap事件的一个bug
最近在使用zepto.js的时候，发现其tap事件的一个BUG，被产品和测试同学反复找了几次之后，终于下定决定去研究zepto的源码，并解决了问题。BUG情况说明：给页面标签绑定了tap事件，在移动设备上点击按钮貌似一切正常，可以正常响应。但是，把页面上下滑动几次之后，或者在滑动时手指滑动出移动屏幕之外，之后再点击按钮，就会发现第一次点击的时候事件没被触发，需要
2015-07-20 16:40:04
745
原创 判断jQuery对象或dom对象是否存在
1、dom对象 alert（dom_obj） 如果不存在，弹出undefined2、jQuery对象 var jquery_obj=$("#obj_name"); (1)if(jquery_obj.length alert("对象不存在"); } (2)if(!jq
2015-07-09 11:16:00
452
原创 javascript 数据类型
js的数据类型有三大类：1、基本数据类型 （1）数值型 （2）字符串（3）布尔类型 2、复合数据类型 （1）数组（2）对象（3
2015-06-23 14:04:24
416
转载 Java(TM) 已被阻止，因为它已过时并且需要更新
1、问题原因Internet Explorer (IE) 提供了一项新的安全功能，称为 ActiveX 控件阻止，用来检查 IE插件的版本是否为最新版本，如果不是最新版本，则要求用户升级组件。如果此功能发现 Java 已过时，则将阻止应用程序或 Web 页的加载，并且将提供更新 Java 的选项。2、解决方案建议您先更新 Java，然后再允许应用程序运行。单击更新并下载最新
2015-01-20 09:02:04
20536
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人