你是海上的烟火

摘要： es6中对象的属性新增简洁表示法、表达式表达法，对象新增Object.is方法和Object.assign方法。 1、属性的简洁表示法 2、属性的表达式表达法 注意，属性名表达式与简洁表示法，不能同时使用，会报错。 3、Object.is用来比较两个值是否严格相等，与 功能类似，略有不同 4、Obj 阅读全文

摘要： 由于小数在计算时会先转换为二进制，存在精度丢失，小数的运算需要特别注意。 如0.7*0.8=0.5599999999999999，0.1+0.2=0.30000000000000004 解决办法： 方法一： num1*1000*num2*1000/1000000，0.7*1000*0.8*1000/ 阅读全文

摘要： sticky footer绝对底部：当页面内容小于屏幕高度时，底部模块固定显示在屏幕底部；当页面内容大于屏幕高度时，底部模块会被推到内容底部，拖动滚动条才能显示。 1、min-height 页面结构为： 样式：设置wrapper最小高度为屏幕高度，footer设置负的上边距固定在底部，当内容较长时， 阅读全文

摘要： 在PC端1px没问题，手机端存在设备像素比dpr（device pixel ratio），在dpr为2的Ritina屏幕上，即在一个方向上2个设备像素长度代表1个CSS像素长度，1px在手机屏幕上会显示为2px。 解决办法： step1：在需要添加边框的元素末尾添加伪类 step2：公用样式中写入@ 阅读全文

摘要： 1、兼容性 pc端需要考虑浏览器兼容性，移动端主要考虑屏幕分辨率和不同系统的兼容性。 2、页面布局 PC端常用布局固定宽度980px居中，移动端屏幕的大小和分辨率不同，多用响应式布局，使用em（以父元素为基础）、rem（以根元素为基础）。 3、JS动画 移动端没有hover事件、增加了touch和t 阅读全文

摘要： 1、<img />只要设置了src，一定会发生请求。opera浏览器除外，其在设置display:none时不会发生请求。 2、重复图片，所有浏览器都只请求一次。 3、重复背景，所有浏览器都只请求一次。 4、html中不存在的元素，即使设置背景图片，也不会发生请求。 5、背景display:none 阅读全文

摘要： jsonp跨域 阅读全文

摘要： 最近在刷题时遇到很多字符串、数组、对象的遍历的遍历问题，对该类问题做了归纳汇总，便于记忆温习。 1、字符串遍历。 2、数组遍历。 3、对象遍历。 阅读全文

摘要： 1、检测变量类型。 2、去除字符串中的空格，可使用trim()方法或正则表达式。 3、获取URL中的参数。 4、把字符串转换为化成驼峰格式，如-webkit-border-image 转换后的结果为 webkitBorderImage。 5、数组去重，可以使用IndexOf方法或利用对象的key不能 阅读全文

摘要： 参考文章https://blog.csdn.net/zhq2005095/article/details/70666833 this的主要应用场景有： 1、在普通函数，this指向window对象。 2、函数作为对象的属性，this指向调用函数的对象。 3、构造函数对象中，this指向函数的实例对象 阅读全文