摘要: 上周,我整理了《jQuery设计思想》。 那篇文章是一篇入门教程,从设计思想的角度,讲解“怎么使用jQuery”。今天的文章则是更进一步,讲解“如何用好jQuery”。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Ti 阅读全文
posted @ 2016-12-02 16:44 sunsian 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 目测一下,你这个应该是在UC浏览器,chrome浏览器没有这种情况,导致这个bug的原因是:UC为了优化移动用户体验将字体大小会放大到16px,我估计你的html的font-size应该是100px,那么你最终的font-size是12px,在UC会变成16px,所以就导致了你的bug了。解决方法是 阅读全文
posted @ 2016-11-16 14:12 sunsian 阅读(533) 评论(0) 推荐(0) 编辑
摘要: /* * obj :点击对象 * clas:需要添加的class * checkLen:是否为多选 * cancel:是否可取消选中状态 * */ function addClass(obj, clas, checkLen, cancel) { obj.click(function () { if 阅读全文
posted @ 2016-11-10 13:57 sunsian 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 有时候给a标签添加点击事件会引起页面刷新导致点击事件看不到效果,但是会看到一瞬间的闪现,打断点调试可以观察到,点击事件之后,页面又刷新了 原因:a标签的href会导致默认的页面跳转事件,如果为空值,就会刷新页面,所以就会出现上述的问题。可以改为href=’#’或者href=”JavaScript:; 阅读全文
posted @ 2016-11-10 09:40 sunsian 阅读(2515) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题 解决方法给父级元素添加position:relative;z-index 给最上面的z-index值越大,效果如图示。 阅读全文
posted @ 2016-11-10 09:33 sunsian 阅读(115) 评论(0) 推荐(0) 编辑
摘要: HTML Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? (1)、<!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器的解析器, 用什么文档类型 规范来解析这个文档。 (2)、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 (3 阅读全文
posted @ 2016-11-08 17:16 sunsian 阅读(158) 评论(0) 推荐(0) 编辑
摘要: //初始化rem(function(){ var getStyle = (function(){ if(window.currentStyle){ return function(obj, name){ return obj.currentStyle[name]; } } else{ return 阅读全文
posted @ 2016-11-08 16:47 sunsian 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 匹配中文字符的正则表达式: [\u4e00-\u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除 阅读全文
posted @ 2016-11-08 16:45 sunsian 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-11-08 15:54 sunsian 阅读(275) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>加载动效</title> <style type="text/css" >#circle { b 阅读全文
posted @ 2016-11-08 15:23 sunsian 阅读(324) 评论(0) 推荐(0) 编辑