![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端笔记——JS
收录一些js基础笔记
小孩不可以吃鱼
这个作者很懒,什么都没留下…
展开
-
Js——异步编程
同步与异步例子:打电话与发微信异步可以在多条任务线去执行程序,一条任务卡顿不影响其他任务异步编程的解决方案1、回调函数 let target = 'hello world' function getData (fn) { setTimeout(() => { // return 只能返回同步数据 setTimeout()是异步方法 fn(target) }, 500) }原创 2022-03-06 12:17:41 · 55 阅读 · 0 评论 -
Js——原始类型与引用类型
数据类型分类六种数据类型:原始类型:数值(Number)、字符串(String)、布尔(Boolean)、空(Null)、未定义(Undefined)引用类型:对象(Object)Array、Date、Math...原始类型与引用类型的区别一、赋值的区别:原始类型赋值,引用类型赋的是引用而不是值本身二、比较的区别:原始类型比较的是值,引用类型比较的是引用是否指向一个对象三、传参的区别:与赋值一样原始类型与引用类型的类型检测一、原始数据类型检测:typeof 值二、原创 2022-03-05 23:09:32 · 322 阅读 · 0 评论 -
Js——BOM
window对象(全局对象)screen对象包含有关用户屏幕的信息location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面history对象包含浏览器的历史navigator对象包含有关访问者浏览器的信息...原创 2022-03-05 18:15:39 · 3728 阅读 · 0 评论 -
Js——计时器方法
1、setInterval与clearInervar实现秒表功能 <button class="start">开始</button> <button class="stop">暂停</button> <button class="end">结束</button> <h1 class="time">10:9</h1> <script> let start = docu原创 2022-03-04 00:05:09 · 4899 阅读 · 0 评论 -
Js——事件
内容描述1、绑定事件1)addEventListener("eventType",fun)2) element.onEventType = fun区别:addEventListener在同一元素上的同一事件类型添加多个事件,不会被覆盖,而onEventType会覆盖 addEventListener可以设置元素在捕获阶段触发事件,而onEventType不能2、事件流三个div嵌套,都绑定click事件,点击最内层的元素,事件从内到外都执行事件捕获与事件冒泡:默认情.原创 2022-03-02 22:05:29 · 65 阅读 · 0 评论 -
Js——DOM操作
DOM节点分类1、元素节点(获取元素节点:querySelector;querySelectorAll)2、文本节点(innerHTML)在ul中添加li标签ul.innerHTML = `<li>香蕉</li><li>苹果</li><li>鸭梨</li>`innerHTML是大刀阔斧的操作3、属性节点(element.src;element.id)节点操作创建元素节点:createElement原创 2022-03-02 10:22:18 · 112 阅读 · 0 评论 -
Js——DOM基础
DOM:文档对象模型是一套标准编程接口,通过DOM这套接口来操作html元素节点类型元素节点属性节点文本节点网页效果:操作元素节点 、属性节点、文本节点,以及修改元素样式document对象DOM通过document对象,为开发者提供了大量接口(api)来操作DOM树获取节点document.getElementByld() // 一般不用document.getElementsByClassName() // 一般不用document.querySele..原创 2022-02-28 12:06:29 · 88 阅读 · 0 评论 -
Js——面向对象
基本概念类:类型、模板、统称(狗类、猫类)对象:是类的一个类别,会具体到某一事物上(天上飞的那只鸟,家里的那只猫)继承:狗类继承至哺乳动物类,猫类也继承到哺乳动物类,继承后,子类可以使用父类的属性和方法新语法与旧语法ES5面向对象语法(prototype)构造函数:用于创建对象的函数原型对象:prototype // es5没有类的概念,通过构造函数来实现类 // 构造函数的函数名,首字母大写 // 构造函数是用来创建对象用的 funct原创 2022-02-27 21:36:55 · 208 阅读 · 0 评论 -
Js——函数进阶
函数知识点声明函数一次声明,多次使用的语句块 参数:形参、实参 返回值:函数运行结果函数声明提升// 函数声明提升 (了解)let result1 = fun(1, 2)let result2 = fun(10, 20)console.log(result1);console.log(result2);function fun(n, m) { return n + m}匿名函数 // 回调函数:将匿名函数作为参数传递给另一个函数或方法 setInterv原创 2022-02-27 19:31:47 · 181 阅读 · 0 评论 -
Js——ES2015(ES6)基础语法
JavaScript遵循ECMAScript标准,简单理解就是用ES表示js版本例:Java8、Java9,说的是java se的版本 python2、python3说的是python的版本变量使用 let 代替 var 块级作用域 不存在变量提升 不允许重复声明常量const定义常量 定义以后不允许修改 用常量声明不变的值 函数表达式可以使用常量 对象声明可以使用常量 引入外部模块使用常量模板字符串支持换行 支持嵌入变量解构赋值数组的解构赋值 对象的解原创 2022-02-22 01:06:43 · 643 阅读 · 0 评论 -
Js——正则表达式
概念正则表达式可以用来匹配字符串通过正则表达式,可以实现字符串的截取或按规则替换和验证字符串内容例如:验证邮箱格式 字符串"2020-01-01" , 可以将其数字部分截取出来 "123a456b789c" , 去掉字符串中的所有字母(replace("a" , "1"))。正则表达式独立于语言,很多语言都支持正则表达式(并非JavaScript特性)创建正则表达式var reg = new RegExp("123") 完整写法var reg = /123/ // 简洁写法原创 2022-02-21 18:54:19 · 75 阅读 · 0 评论 -
Js——常用的内置对象
Array——数组Math——数学Date——日期RegExp——正则表达式(后面补)Math数学对象Math.floor(): 向下取整Math.random(): 0-1的随机数 (常用)Math.abs(): 绝对值Math.sqrt(9): 开方Math.pow(2.4): 乘方 // var number = 3.14 // 向下取整 3.14与3.99输出结果都是 3 // 复数的话 会向下取整到4 // var resul原创 2022-02-20 18:45:50 · 174 阅读 · 0 评论 -
Js——数组
获取数组中的元素通过下标过去元素list[0] list[1]获取数组元素的个数:list.length遍历数组while 循环数组 for 循环遍历数组 for in 遍历(i 为值) for of 遍历 (i 为值) map 方法遍历 // var list = new Array("a", "b", "c") // 了解即可 var list = [1, 2, 3, "a", "b"] // 根据下标查找数组中的任意元素 [index],索引从0开始原创 2022-02-20 15:57:41 · 587 阅读 · 0 评论 -
Js——对象
对象的概念万物皆对象:物品 动物 都是对象方法 // 对象及方法 var cat = { name: "maomao", sayName: function () { console.log("我是" + this.name); }, eat: function (food) { console.log("吃" + food); }, computed: function (n, m原创 2022-02-20 14:48:00 · 109 阅读 · 0 评论 -
Js——函数基础
数学函数函数概述:函数是一个可执行的语句块(通过function关键字声明)声明的时候不执行语句块 调用的时候执行函数声明一次后可以反复调用 提高函数复用性声明函数:function fun(){// 语句...}// 调用函数fun()fun()案例:f(x) = 3x + 4当x = 5求f(x)的值f(5) = 3 * 5 + 4 = 19x:形参 5:实参转换一下: // x:形参 5:实参 function fun(x)原创 2022-02-20 13:51:12 · 464 阅读 · 0 评论 -
Js——循环语句
while语句 // 死循环 不能这么写 // while(true){ // console.log('Hello world'); // } // 要像这样给个范围 // 循环10次 var i = 0 while (i < 10) { console.log(i); i++ }求和案例:// 计算100以内所有正整数之和 var i = 1, sum = 0 whi原创 2022-02-20 11:00:24 · 141 阅读 · 0 评论 -
Js——条件语句
控制流程程序执行流程主要分为:按顺序执行 按条件执行 循环执行语句块:多条js语句组成的语句,用大括号包起来,就是一个语句块{ var a = 10, b = 20 var result = a + b console.log(result);}if语句根据 if 后面的条件决定是否执行后面的语句块 var a = 10, b = 20, c = "*" if (c === "+") { var result原创 2022-02-20 10:29:26 · 329 阅读 · 0 评论 -
Js——表达式与运算符
字面量有固定值的数据:“hello world”、100、console.log(字面量)表达式通过运算符将变量、字面量组合起来 就是表达式,且每一个表达式都有一个固定返回值(表达式的结果) var a = "hello" // 将字面量赋值给变量 var b = "world" var result = a + b // 将表达式赋值给变量:固定返回值:"helloword" console.log(result);算术运算符与比较运算符 // 算数运原创 2022-02-19 17:33:06 · 153 阅读 · 0 评论 -
Js——变量与数据类型
声明变量var:声明变量(ES2015中使用let声明变量,后续章节会讲解let,以及他们的区别)=:为变量赋值(不是等于的意思,而是赋值的意思,将左侧的值放入右侧的容器)vars="helloworld";console.log(s)定义多个变量,可以用逗号分开vars1="hello",s2="world";console.log(s1);console.log(s2)变量命名规范变量名要见名知意 变量名可以是字母、下划线、$、还有数字...原创 2022-02-19 15:28:31 · 150 阅读 · 0 评论