JavaScript
文章平均质量分 95
斜光
转战语雀
展开
-
ES6语法
1 let constlet与var 的区别let 允许声明在块级作用域中{ 这里面的let不会受到外部环境污染 }只有let声明在循环内(块级作用域)时,每一块对应一个i,不会像var一样全为3var 声明的变量只能是全局或者整个函数块的let 不能重复声明,只能被重复赋值var a = 1;var a = 2;let a = 1; a = 2;let ...原创 2020-04-23 10:29:03 · 162 阅读 · 0 评论 -
Web-API-02:BOM 浏览器对象模型
浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象BOM的顶级对象windowwindow是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window注意:window下一个特殊的属性 window.name对话框alert()prompt()...原创 2020-04-16 18:31:34 · 146 阅读 · 0 评论 -
JavaScript基础8:对象方法,json
1 对象方法获取键值对使用循环获取var obj = { age: 18, name: 'LC'};var keys = [];var values = [];for (var key in obj) { keys.push(key); values.push(obj[key]);};console.log(keys);console.log(v...原创 2020-04-16 18:30:51 · 115 阅读 · 0 评论 -
Web-API-03:事件监听器
1 事件监听器addEventListener(type, listener[, options|useCapture])type 表示时间名称 用字符串表示,并且不需要在前面加onlistener 表示要执行的函数最后一个参数默认为false ,true 为捕获执行事件监听与事件绑定的区别事件绑定类似于样式覆盖,只会绑定最后的事件而同一个元素的事件监听按照从上到下按照顺序执行...原创 2020-04-14 14:42:13 · 749 阅读 · 0 评论 -
JavaScript基础8:动画事件
test原创 2020-04-03 19:01:30 · 170 阅读 · 0 评论 -
Web-API-01:DOM
1 JavaScript的组成ECMAScript - JavaScript的核心定义了JavaScript 的语法规范JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关BOM - 浏览器对象模型一套操作浏览器功能的API通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等DOM - 文...原创 2020-04-03 19:00:02 · 105 阅读 · 0 评论 -
JavaScript基础7:字符串,和数组方法
1 字符串方法1.1 根据字符返回位置1.2 根据位置返回字符1.3 字符串操作replace()方法replace() 方法用于在字符串中用一些字符替换另一些字符,字符串.replace(被替换的字符串, 要替换为的字符串);split()方法split()方法用于切分字符串,它可以将字符串切分为数组。在切分完毕之后,返回的是一个新数组。字符串.split("...原创 2020-03-21 11:19:21 · 159 阅读 · 0 评论 -
JavaScript基础6:日期对象与Math对象
1 创建日期对象Date() 调用函数,返回字符串new Date() new调用Date() 得到一个对象2 参数value代表自1970年1月1日00:00:00(世界标准时间)起经过的毫秒数可以是一个负数8的原因是我们所处时区的问题,中国是东八区,+8dateString:日期字符串 年-月-日year、month(0-11)、hour、minute、second...原创 2020-03-20 20:34:24 · 113 阅读 · 0 评论 -
JavaScript基础5:定时器以及定时器存在的问题
1 延时定时器setTimeout(code, time, par…)code: 延迟一段时间之后,做需要做的事,可以是个function(时间到了自动调用),string(不推荐)time:延迟的事件parma1…parmaN:定时器完成需要执行code时,作为参数传入code中IE9及其以下存在兼容问题 document.onclick = function () {...原创 2020-03-15 16:34:35 · 1441 阅读 · 0 评论 -
JavaScript基础2补充:运算符与数据类型隐式转换
隐式数据类型转换,也就是说这个转换过程不受我们强制, js 偷偷自己转的1 隐式类型转换规则隐式类型转换规则(中文)英文官网2 运算中隐式类型的转换2.1 加减法计算中: 如果其中只要有一个是NaN,那么结果就是NaN加法运算Number除了加法会拼接字符串,其他运算符都是将字符串转为数字,若转换失败,就会返回NaN,只要左右两边有一个字符串,那结果就是字符串st...原创 2020-03-12 17:47:29 · 118 阅读 · 0 评论 -
JavaScript基础4:函数详解
1 函数的参数1.1 函数参数语法形参:函数定义时设置接收调用时传入形式上的参数,函数定义的时候传递实参:函数调用时传入小括号内的真实数据实际上的参数,函数调用的时候传递,传给形参1.2 函数形参和实参数量不匹配时在JavaScript中,形参的默认值是undefined2 函数的返回值在使用 return 语句时,函数会停止执行,并返回指定的值如果函数没有 r...原创 2020-03-12 14:58:09 · 164 阅读 · 0 评论 -
JavaScript基础3:流程控制
1 switch语句语法格式:switch (expression) { case 常量1: 语句; break; case 常量2: 语句; break; … case 常量n: 语句; break; default: 语句; break;}switch中大于小于的使用因为switch是全等比较,所以...原创 2020-03-07 20:36:19 · 97 阅读 · 0 评论 -
JavaScript基础2:数据类型
5 函数有名函数var a;function fn() { // 代码块}fn(); // 调用匿名函数,不可直接创建 var m = document.getElementById('main'); // console.log(main); m.onclick = function() { alert(2); ...原创 2020-03-07 18:54:22 · 157 阅读 · 0 评论 -
JavaScript基础1:初识js
1 获取元素的方式document.getElementById(“id属性值”)如果获取一个不存在的元素,返回的结果是null只有document有这个方法遇到第一个符合条件的元素就只返回第一个document.querySelector(’#id值’)获取一个不存在的元素,返回null可以通过指定父级的方式,获取其子元素document.querySelector(‘父...原创 2020-03-01 15:33:59 · 166 阅读 · 0 评论