![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascirpt
文章平均质量分 64
sinat_30443713
这个作者很懒,什么都没留下…
展开
-
图片预加载的方法
一、为什么要使用图片预加载 未进行预加载处理的时候,在浏览器渲染图片的时候, 它获得图片的一片区域的时候, 就由上至下逐渐地填充满图片区域原来的留白部分(其中这种原本的留白就是预加载获得图片尺寸最原始的使用方法)。这样每打开一张新的链接图片的时候,就需要等待着这个缓慢的填充过程,体验非常不好。使用图片预加载就是将想要查看的一系列图片先统一全部提前进行加载,这个期间可以是一段等待原创 2017-07-29 14:34:40 · 6577 阅读 · 0 评论 -
一些题
移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回方法一:function removeWithoutCopy(arr, item) { for(var i=0;i if(arr[i]==item){ arr.splice(i-1,1); i--;原创 2017-07-29 21:55:14 · 284 阅读 · 0 评论 -
js获取url传递的参数(解决了中文时乱码)
方法一: function getQueryString(key){ var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg); return result?decodeURICompone原创 2017-09-02 20:29:49 · 577 阅读 · 0 评论 -
Javascript的对象及原型
1、基本概念无序属性的集合,属性值可以是基本值、对象、函数。每个对象都是基于一个引用类型(原生类型或者开发人员自定义的类型)创建的。使用obj instanceof type 返回true或者false即可判断对象类型。2、属性的类型数据属性:有4个特性访问器属性:getter及setter函数3、创建对象的方法(1)工厂模式~即在一个函数内部创建一个新的obj,并为其添原创 2017-09-03 00:05:35 · 257 阅读 · 0 评论 -
懒加载的原理及实现
懒加载的原理原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。好处:这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢,页面卡顿或崩溃等问题。代码实现既然懒加载的原理是基于转载 2017-08-31 22:16:59 · 1162 阅读 · 0 评论 -
js中字符串处理常用的方法(字符分割、字符拼接、截取字符串、是否包含一个字符串)
1、将数组中的所有元素以指定的字符分割拼接为一个字符串——array.join("separator")直接使用array.join()时,用逗号进行分割eg:以"."分割数组中的每一个元素var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"原创 2017-06-09 16:50:37 · 21659 阅读 · 0 评论 -
关于this的指向
this绑定的是一个对象,而调用位置决定了这个对象,通过调用栈就可以找到调用位置。绑定的规则(情况)分作4种:1、默认绑定~即函数直接在全局对象中调用,而不被其他函数调用,此时this绑定在全局对象。严格模式的影响:函数*运行*在非strict模式下时,默认绑定才会绑带到全局对象,否则输出undefine,但在strict模式下调用是不会是不会影响默认绑定单位。2、隐式原创 2017-08-22 13:25:21 · 274 阅读 · 0 评论 -
js的数据类型
ECMAScript有5种简单数据类型:Undefined、Null、Boolean、Number、String。1种复杂的数据类型:Object。使用typeof检测给定变量的数据类型,返回值是代表类型的字符串。语法:typeof variable返回情况:"undefined"——如果这个值未定义"boolean"——如果中国人原创 2017-08-01 20:41:25 · 168 阅读 · 0 评论 -
js——“==”等同和“===”恒等的区别
总体区别:==equality 等同,===identity 恒等。==, 两边值类型不同的时候,要先进行类型转换,再比较,如果转换成同等类型的值后相等,则==成立。===,不做类型转换,类型不同的一定不等。下面分别具体说明。===:下面的规则用来判断两个值是否===相等:(1)、如果类型不同,就[不相等] (2)、如果两个都是数值,并且是同一个值,那么[相等]原创 2017-08-01 16:27:44 · 1128 阅读 · 0 评论 -
js短路,||、&&、!!短路运算符的使用
正如标题所言,js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了,下面有个不错的示例,在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true. ||,先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。即使||运算符的运算数不是布尔值,任然可以将转载 2017-11-28 17:55:40 · 4995 阅读 · 0 评论