摘要: es6中对象的属性新增简洁表示法、表达式表达法,对象新增Object.is方法和Object.assign方法。 1、属性的简洁表示法 2、属性的表达式表达法 注意,属性名表达式与简洁表示法,不能同时使用,会报错。 3、Object.is用来比较两个值是否严格相等,与 功能类似,略有不同 4、Obj 阅读全文
posted @ 2018-09-07 11:45 你是海上的烟火 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 由于小数在计算时会先转换为二进制,存在精度丢失,小数的运算需要特别注意。 如0.7*0.8=0.5599999999999999,0.1+0.2=0.30000000000000004 解决办法: 方法一: num1*1000*num2*1000/1000000,0.7*1000*0.8*1000/ 阅读全文
posted @ 2018-08-28 19:44 你是海上的烟火 阅读(2801) 评论(0) 推荐(0) 编辑
摘要: sticky footer绝对底部:当页面内容小于屏幕高度时,底部模块固定显示在屏幕底部;当页面内容大于屏幕高度时,底部模块会被推到内容底部,拖动滚动条才能显示。 1、min-height 页面结构为: 样式:设置wrapper最小高度为屏幕高度,footer设置负的上边距固定在底部,当内容较长时, 阅读全文
posted @ 2018-08-28 18:44 你是海上的烟火 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 在PC端1px没问题,手机端存在设备像素比dpr(device pixel ratio),在dpr为2的Ritina屏幕上,即在一个方向上2个设备像素长度代表1个CSS像素长度,1px在手机屏幕上会显示为2px。 解决办法: step1:在需要添加边框的元素末尾添加伪类 step2:公用样式中写入@ 阅读全文
posted @ 2018-08-27 14:14 你是海上的烟火 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1、兼容性 pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。 2、页面布局 PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。 3、JS动画 移动端没有hover事件、增加了touch和t 阅读全文
posted @ 2018-08-21 17:15 你是海上的烟火 阅读(1672) 评论(0) 推荐(0) 编辑
摘要: 1、<img />只要设置了src,一定会发生请求。opera浏览器除外,其在设置display:none时不会发生请求。 2、重复图片,所有浏览器都只请求一次。 3、重复背景,所有浏览器都只请求一次。 4、html中不存在的元素,即使设置背景图片,也不会发生请求。 5、背景display:none 阅读全文
posted @ 2018-08-20 16:25 你是海上的烟火 阅读(1686) 评论(0) 推荐(0) 编辑
摘要: jsonp跨域 阅读全文
posted @ 2018-08-20 15:07 你是海上的烟火 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 最近在刷题时遇到很多字符串、数组、对象的遍历的遍历问题,对该类问题做了归纳汇总,便于记忆温习。 1、字符串遍历。 2、数组遍历。 3、对象遍历。 阅读全文
posted @ 2018-07-10 21:58 你是海上的烟火 阅读(2054) 评论(0) 推荐(0) 编辑
摘要: 1、检测变量类型。 2、去除字符串中的空格,可使用trim()方法或正则表达式。 3、获取URL中的参数。 4、把字符串转换为化成驼峰格式,如-webkit-border-image 转换后的结果为 webkitBorderImage。 5、数组去重,可以使用IndexOf方法或利用对象的key不能 阅读全文
posted @ 2018-07-09 11:38 你是海上的烟火 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 参考文章https://blog.csdn.net/zhq2005095/article/details/70666833 this的主要应用场景有: 1、在普通函数,this指向window对象。 2、函数作为对象的属性,this指向调用函数的对象。 3、构造函数对象中,this指向函数的实例对象 阅读全文
posted @ 2018-06-22 21:06 你是海上的烟火 阅读(921) 评论(0) 推荐(0) 编辑