- 博客(27)
- 资源 (1)
- 收藏
- 关注
转载 图片点击事件,ios有的页面不触发事件
iOS Safari 中click点击事件失效的解决办法问题起因:在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行)问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效。
2018-01-29 13:50:44 950
原创 pc端hover事件 移入pop间隔时间处理
问题描述: 一个按钮,hover触发弹层跟随显示事件,来回在两个目标点移动,弹层来回消失出现问题 解决思路: 加一个定时器,在鼠标移出这个按钮和弹层一定事件后再触发关闭弹层事件; 代码如下.hide{ display: none;}<a class="j_button"></a><div class="pop hide" ></div>var init = new
2017-11-15 17:22:53 510
原创 day-02
【链接】解决html5新标签【placeholder】低版本浏览器下 http://www.cnblogs.com/gaofengming/p/5163297.html
2017-11-03 11:09:08 226
原创 样式小结
1.写一个三角符号:(border-width,border-color) http://www.cnblogs.com/blosaa/p/3823695.html 2.inline-block 间距 http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4
2017-11-01 17:50:13 197
转载 document.body.scrollTop 值总为0的解决方法
做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样: window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top = document.body.scrollTop + "px"; } 可是怎
2017-09-29 11:07:16 1913
转载 什么是跨域?怎么解决跨域问题?
什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子:http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)http://www.123.com/index.html 调用 ht
2017-09-26 09:59:35 203
转载 javascript中this的四种用法
在javascript当中每一个function都是一个对象,所以在这个里var temp=this 指的是function当前的对象。this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。 在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判断 this 所在的函数属于谁。 在《javaScript语言精
2017-09-18 14:27:20 1069
转载 正则表达式
一 正则表达式的正文。 正则表达式中使用了特殊符号。下面我就将各种符号以及其意义和用法简单的介绍一下(说明:"X以上包括X"):/ 表示在其后的文字是特殊符号。例:"n"和"n"是一致的。"/n"和换行符是一致的。 ^ 和输入的开始一致。 $ 和输入的结尾一致。 * 与此符号之前的文字0次以上相同的话,两者一致。例:"zo*"和"zoo","z"都一致。 + 与此符号之前的文字1次以上相
2017-09-18 14:21:57 355
转载 js知识点总结
1.js延迟加载的方法 1)放在之前,这样会页面显示完之后加载; 2)加上defer(延迟加载)和async(和文档并行加载)标识,不是所有的浏览器都支持; 3)onload chrom,opera,firefox; 4)onreadystatechange ie http://blog.csdn.net/newborn2012/article/details/17057759
2017-09-18 14:19:56 388
转载 js的apply()和call()方法
http://uule.iteye.com/blog/1158829这两个方法基本上是一个意思,区别在于 call 的第二个参数可以是任意类型,而apply的第二个参数必须是数组,也可以是arguments
2017-09-18 11:15:04 348
原创 angular select ng-options和ng-repeat
<body ng-app="xuxm" ng-controller="xuxmCon"> <div> <p>普通的select</p> <select><option ng-repeat="x in colors">{{ x.name }}</option></select> </div> <div> <p>普通的select<
2017-09-14 17:41:19 352
转载 当你在浏览器里输入一个网址时发生了什么
当你在浏览器里输入一个网址时:1.浏览器在域名系统服务器上找出存放网页的服务器的实际地址。 2.浏览器发送 HTTP 请求信息到服务器来请拷贝一份网页到客户端。这条消息,包括其他所有在客户端和服务器之间传递的数据都是通过互联网使用 TCP/IP 协议传输的。 3.服务器同意客户端的请求后,会返回一个“200 OK”信息,意味着“你可以查看这个网页,给你~”,然后开始将网页的文件以数据包的形式传输
2017-09-11 15:59:16 399
转载 Array.prototype.filter()+forEach()
Array.prototypefilter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 function isBigEnough(value) { return value >= 10;}var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);// filtered is [12, 130, 44]// ES
2017-09-11 11:49:38 374
转载 JavaScript中数组操作常用方法
1.检测数组 1)检测对象是否为数组,使用instanceof 操作符if(value instanceof Array){//对数组执行某些操作}2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐)if(typeof(value)=="Object"){//对数组执行某些操作}3)检测对象是否为数组,使用Array.isArray()方法(只支持
2017-09-07 16:26:59 364
转载 数组去重
1.数组去重(for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比) 2.数组去重(排序去重) 3.使用对象的属性(每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复) ` var arr = [1, 2, 3, 1, 5, 6, 5]; var arrnew = [arr[0]]; var flag = false;
2017-09-07 15:20:22 236
原创 事件委托
事件委托就是利用冒泡的原理,把事件加到父元素或祖先元素上,触发执行效果!!! <ul class="parent-event"> <li data-event="add">添加事件</li> <li data-event="delete">删除事件</li> <li data-event="edit">编辑事件</li> </ul><scr
2017-08-30 08:57:42 219
原创 页面加载进度条--progress
<progress max="100"></progress><script type="text/javascript"> var timer, percent = 0; timer = setInterval(function() { percent += 10; if (percent > 100) { clearInt
2017-08-29 15:28:55 681
原创 移动端 rem 处理
"use strict";(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWid
2017-08-29 15:24:31 246
原创 图片手势放大+hammer.js
//图片手势放大 var reqAnimationFrame = (function() { return window[Hammer.prefixed(window, 'requestAnimationFrame')] || function(callback) { window.setTimeout(
2017-08-29 13:56:42 1072
原创 图片懒加载
/** * Created by xuxinmin on 17/4/7. * 功能:图片懒加载 * 条件:class="img-lazy" data-src="" */let lazyloadimg = { imgloading: function() { let _lazyImg = document.getElementsByClassName('img-laz
2017-08-29 13:53:50 210
原创 div 模拟 表单 及 textarea 和 input 的区别
1.div 模拟 textarea 标签的 placeholder 属性" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:i
2017-08-29 11:11:28 893
转载 h5新增的内容和api
1、简化的文档类型和字符集(1)文档类型 之所以如此简单,是因为HTML5不再是SGML( Standard Generalized Markup language,标准通用标记语言)的一部分,而是独立的标记语言,不需要再考虑文档类型(2)字符集 只需要utf-8即可2、富有语义化的新结构元素 HTML5新结构 导航部
2017-08-29 10:34:05 4225
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人