随笔分类 -  JavaScript

摘要:概念 函数防抖(debounce) 函数防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。 简单的说,当一个动作连续触发,则只执行最后一次。 打个比方,坐公交,司机需要等最后一个人进入才能关门。每次进入一个人,司机就会多等待几秒再关门。 函数 阅读全文
posted @ 2022-02-18 16:02 shansally 阅读(381) 评论(0) 推荐(0)
摘要:string str="123abc456";int i=3;1 取字符串的前i个字符 str=str.Substring(0,i); // or str=str.Remove(i,str.Length-i); 2 去掉字符串的前i个字符: str=str.Remove(0,i); // or st 阅读全文
posted @ 2020-05-22 23:23 shansally 阅读(1421) 评论(0) 推荐(0)
摘要:es6提供一个对象Map, 其功能类似于java中的Map, 下面是java中的Map和js中的Map的简单对比: js中的Map.set()相当于java中的Map.put(), js中的Map.size相当于java中的Map.size();//在js中size是属性,在Map中size()是方 阅读全文
posted @ 2019-10-24 22:58 shansally 阅读(1841) 评论(0) 推荐(0)
摘要:六种基本数据类型 undefined null string boolean number symbol(ES6) 一种引用类型 Object 为什么要引入 Symbol? ES5的对象中的属性名是字符串,容易造成属性名的冲突,如果有一种机制,保证每个属性的名字都是独一无二的,就可以从根本上防止属性 阅读全文
posted @ 2019-10-05 19:30 shansally 阅读(3397) 评论(0) 推荐(0)
摘要:1数组 1.1方法列表 数组的常用方法如下: concat: 链接两个或者更多数据,并返回结果。 every: 对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true。 filter: 对数组中的每一项运行给定函数,返回改函数会返回true的项组成的数组。 forEach: 阅读全文
posted @ 2019-10-05 12:44 shansally 阅读(277) 评论(0) 推荐(0)
摘要:1.js获取子节点的方式 1.通过获取dom方式直接获取子节点 var a = document.getElementById("test").getElementsByTagName("div"); 2.通过children来获取子节点 利用children来获取子元素是最方便的,他也会返回出一个 阅读全文
posted @ 2019-09-26 23:12 shansally 阅读(49902) 评论(0) 推荐(4)
摘要:题目1 var a = 10; (function(){ console.log(a); var a = 100; })(); 结果:输出undefined funcition中有var a=100;声明会提升到function的最开头,但是赋值却发生再最后, 上面的代码等价于 var a = 10 阅读全文
posted @ 2019-09-19 22:46 shansally 阅读(135) 评论(0) 推荐(1)
摘要:https://blog.csdn.net/cc18868876837/article/details/81211729 阅读全文
posted @ 2019-09-18 00:14 shansally 阅读(166) 评论(0) 推荐(1)
摘要:一、基本语法 Object.assign(target, ...sources) 二、基本概念 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。只要有一个参数不是对象, 阅读全文
posted @ 2019-09-16 23:08 shansally 阅读(2977) 评论(0) 推荐(1)
摘要:在javascript高级程序设计里,介绍了有关defer和async的区别,可是比较浅显,于是在segmentfault里面找到了大佬的回答, 收录在我的博客中。 原文链接:https://segmentfault.com/q/1010000000640869 当浏览器碰到 script 脚本的时 阅读全文
posted @ 2019-09-16 23:02 shansally 阅读(2396) 评论(0) 推荐(0)
摘要:ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 在 ES6 之前,JavaScript 只有两种作用域: 全局变量 与 函数 阅读全文
posted @ 2019-09-16 22:46 shansally 阅读(1281) 评论(0) 推荐(0)
摘要:一 .for in 循环 1.获取json中的键(key)与值(value): var data = {name:'张三',age:'20岁',sex:'男'}; for (var a in data) { console.log(a); /*属性名*/ console.log(data[a]); 阅读全文
posted @ 2019-09-16 22:34 shansally 阅读(9971) 评论(0) 推荐(0)
摘要:1.Object.prototype.toString() 该方法返回描述某个对象数据类型的字符串,如自定义的对象没有被覆盖,则会返回“[object type]”,其中,type则是实际的对象类型。在使用该方法检测的时候,可以使用Object.prototype.toString.call()或者 阅读全文
posted @ 2019-09-16 22:09 shansally 阅读(2766) 评论(0) 推荐(0)
摘要:一. 定义和用法 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。 语法: $(selector).bind(event,data,function)举例: 阅读全文
posted @ 2019-09-08 23:11 shansally 阅读(241) 评论(0) 推荐(0)
摘要:onclick只出现一次alert:我是click2【很正常第一次click事件会被第二次所覆盖】,但是addEventListener却可以先后运行,不会被覆盖【正如:它允许给一个事件注册多个监听器。在使用DHTML库或者 Mozilla extensions 这样需要保证能够和其他的库或者差距并 阅读全文
posted @ 2019-09-08 22:58 shansally 阅读(524) 评论(0) 推荐(0)
摘要:1.1 事件模型 事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台M 阅读全文
posted @ 2019-09-08 22:34 shansally 阅读(134) 评论(0) 推荐(0)
摘要:1 ready事件:当DOM载入就绪,可以查询,操纵时绑定一个要执行的函数。它可以极大地提高web应用程序的响应速度。 2 onload事件:js中的方法,网页的所有元素、图片全部加载完毕才执行这个事件处理程序,速度相对较慢。 阅读全文
posted @ 2019-09-08 22:30 shansally 阅读(118) 评论(0) 推荐(0)
摘要:闭包的本质是函数嵌套,内部的函数可以引用外部函数的参数和变量,这样被引用的参数和变量就不能被垃圾回收机制给回收,因此可以封装一个私有变量。 但是闭包有优点有缺点,不必要的闭包只会徒增内存的消耗 阅读全文
posted @ 2019-09-08 22:01 shansally 阅读(117) 评论(0) 推荐(0)
摘要:1 属性 属性 描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返 阅读全文
posted @ 2019-09-08 20:31 shansally 阅读(101) 评论(0) 推荐(0)
摘要:简单清晰明了版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> functio 阅读全文
posted @ 2019-09-07 23:44 shansally 阅读(12135) 评论(0) 推荐(1)