随笔分类 -  js

移动端处理多倍屏的问题
摘要：一、认识物理像素、设备独立像素、设备像素比 在css中我们一般使用px做单位，需要注意的是，CSS样式里面的px和物理像素并不是相等的。CSS中的像素只是一个抽象的单位，在不同设备或不同环境中，CSS的1px所代表的物理像素是不同的。在pc端，CSS的1px一般对应着电脑屏幕的1个物理像素，但是在移 阅读全文
posted @ 2019-02-27 01:59 lingling144 阅读(1569) 评论(0) 推荐(1)
防抖debounce和节流throttle
摘要：大纲 一、出现缘由 二、什么是防抖debounce和节流throttle 三、应用场景 3.1防抖 3.2节流 一、出现缘由 前端开发中，有一部分用户行为会频繁触发事件，而对于DOM操作，资源加载等耗费性能的处理，很可能导致卡顿，甚至浏览器崩溃，防抖和节流就是为了这一类的问题出现的前端优化技术。 二 阅读全文
posted @ 2018-08-27 18:01 lingling144 阅读(353) 评论(0) 推荐(0)
Promise原理剖析
摘要：传统的异步回调编程最大的缺陷是：回调地狱，由于业务逻辑非常复杂，代码串行请求好几层；并行请求以前也要通过引用step、async库实现。现在ES6推出了Promise,通过Promise的链式调用可以解决回调地狱问题，通过Promise.all方法可以解决并行请求的问题。现在我们通过手写Promis 阅读全文
posted @ 2018-07-30 20:10 lingling144 阅读(738) 评论(0) 推荐(0)
从toString()方法到Object.prototype.toString.call()方法
摘要：一、toString方法和Object.prototype.toSting.call()的区别 var arr=[1,2]; 直接对一个数组调用toString()方法， console.log(arr.toString()); //输出1，2 现在通过call方法指定arr数组为Object.pr 阅读全文
posted @ 2018-07-03 18:38 lingling144 阅读(384) 评论(0) 推荐(0)
console、JSON兼容问题
摘要：console在ie8上面竟然有兼容问题，JSON.stringify()在ie10下竟然会报错，再页面上引用一个json2.js能解决此问题。 阅读全文
posted @ 2018-04-13 16:59 lingling144 阅读(130) 评论(0) 推荐(0)
防止iframe被别的网站引用
摘要：try{ top.location.hostname; if (top.location.hostname != window.location.hostname) { top.location.href =window.location.href; } } catch(e){ top.locati 阅读全文
posted @ 2018-01-24 14:51 lingling144 阅读(204) 评论(0) 推荐(0)
表单元素disabled禁用后不能自动提交到服务器
摘要：表单元素disabled禁用后不能自动提交到服务器，项目中需要一个元素只展示不修改，所以把一个input元素设置成了disabled="disabled"，但是提交的时候改数据值是空的，搜了一下才知道元素禁用之后，数据不会自动提交了，所以改成readonly="readonly"。 阅读全文
posted @ 2018-01-19 17:55 lingling144 阅读(200) 评论(0) 推荐(0)
对js中call、apply的认识
摘要：待补充 阅读全文
posted @ 2017-11-24 17:15 lingling144 阅读(125) 评论(0) 推荐(0)
对js面向对象，原型链的认识
摘要：待补充 阅读全文
posted @ 2017-11-24 17:14 lingling144 阅读(112) 评论(0) 推荐(0)
console.log()方法中%s的作用
摘要：一、console.log("log信息"); 二、console.log("%s","first","second"); 输出结果:first second 三.将对象转换为普通字符串后执行console.log("%s","guoyansi",{name:"思思博士"});//输出结果:guoy 阅读全文
posted @ 2017-11-10 16:48 lingling144 阅读(4455) 评论(0) 推荐(0)
JSON.parse和JSON.stringify的作用
摘要：//JSON.parse将字符串格式json转化为json对象 var str='{"name":"lingling","age":"26"}';console.log(JSON.parse(str));//输出：object{name:"lingling",age:"26"}//注意：str每个属 阅读全文
posted @ 2017-09-21 18:27 lingling144 阅读(262) 评论(0) 推荐(0)
https网站无法加载http路径的js和css
摘要：在https的网站中引用http路径的js或css会导致不起作用，其形如： <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 解决办法：将http:去掉，改为 <script src="//code.jquery. 阅读全文
posted @ 2017-09-21 11:56 lingling144 阅读(3744) 评论(0) 推荐(0)