![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 66
Alley_h.
键盘敲烂,工资过万
展开
-
【JS】问号点(?.)和双问号(??)的用法
【JS】问号点(?.)和双问号(??)的用法原创 2022-07-18 10:47:56 · 5392 阅读 · 1 评论 -
JS的三个点(...)扩展运算符
JS中三个点(…)三个点(…)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开字面量一般指[1,2,3]或者{name:‘chuichui’}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了说白了就是把衣服脱了,不管是大括号([])、花括号({}),统统不在话下,全部脱掉脱掉!// 数组var number = [1,2,3,4,5,6]consol原创 2021-09-09 18:06:46 · 627 阅读 · 2 评论 -
Promise详解
一、Promise(1) 为什么需要promise需求:通过ajax请求id,再根据id请求用户名,再根据用户名获取email回调地狱在回调函数中嵌套回调Promise解决了回调地狱//发送ajax请求$.ajax({ type:'GET', url:'./data1.json', success:function(res){ //response,result const {id} = res //对象解构赋值 console.log(res) //Object原创 2021-09-09 17:23:34 · 300 阅读 · 0 评论 -
JS基础12(正则表达式)
正则表达式正则表达式是由普通字符及特殊字符组成的对字符串进行过滤的逻辑公式正则表达式创建字面量的方式 var reg = /abc/;构造函数 var reg = new RegExp("abc");test方法 正则表达式的方法 用来检测正则字符串是否含有符合规则的子串,有,返回true,无,返回falsevar str = "abc";var flag = reg.test(str);console.log(flag); //true修饰符 g ig原创 2021-09-08 16:00:35 · 104 阅读 · 0 评论 -
JS基础11(cookie)
HTTP协议HTTP:超文本传输协议,用于从web服务器传输超文本到本地浏览器的传输协议,它是一个无状态的协议cookie指还存在本地客户端的数据cookie的操作:增删改查//查询cookieconsole.log(document.cookie);//设置cookie,关闭浏览器,cookie会自动消失//document.cookie = "username=honny";var oDate = new Date();oDate.setDate(oDate.getDate()+3)原创 2021-09-08 14:49:05 · 54 阅读 · 0 评论 -
JS基础10(事件)
事件基础JavaScript事件是由访问Web页面的用户引起的一系列操作。当用户执行某些操作的时候,再去执行一系列代码。或者用来获取事件的详细信息,如鼠标位置、键盘按键等。事件处理函数JavaScript可以处理的事件类型为:鼠标事件、键盘事件、HTML事件、所有的事件处理函数都会有两个部分组成,on + 事件名称【注】onclick事件 是在 onmousedown 和 onmouseup 事件之后执行var oDiv = document.getElementById("test");原创 2021-09-08 14:04:09 · 95 阅读 · 0 评论 -
vuex:弄懂mapState、mapGetters、mapMutations、mapActions
vuex进阶一、state1.1 引入vuex 以后,我们需要在state中定义变量,类似于vue中的data,通过state来存放状态import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //存放状态 nickname:'Simba', age:20, gender:'男' }, mutations: {}, ac原创 2021-09-07 15:11:33 · 129 阅读 · 0 评论 -
JS基础9(DOM2)
Attribute系列方法三种方法set/getAttribute()removeAttribute()【注】都是操作当前元素节点中某个属性的window.onload = function(){ var oDiv = document.getElementById("div1"); //alert(oDiv.title);//hello //alert(oDiv.className);//box alert(oDiv.getAttribute("title"));//hello原创 2021-09-06 15:38:31 · 89 阅读 · 0 评论 -
JS基础8(DOM)
DOMDOM document object model 文档对象模型【介绍】DOM中的三个字母,D(文档)可以理解为整个Web加载的网页文档;O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说的是document对象;M(模型)可以理解为网页文档的属性结构【注】“W3C 文档对象模型(DOM) 是中立于平台和语言的接口,程序和脚本动态地访问和更新文档的内容、结构和样式”html css 页面内容js 页面行为操作【注】DOM是打通html、css和原创 2021-09-03 17:24:05 · 77 阅读 · 0 评论 -
JS基础7 (BOM)
BOM概念BOM(Browser Object Model)BOM 就是浏览器的对象模型alert(window);//window对象 浏览器上打开的一个窗口window对象及下属属性方法(1)系统对话框浏览器可以通过调用系统对话框,向用户显示信息系统提供了三个函数,可以万和城那个系统对话框的操作①alert() 直接弹出警告框参数,警告框上显示的内容【注】window下的函数都可以省略window直接去调用。②confirm()【功能】弹出一个带有确定和取消按钮的原创 2021-09-03 15:48:00 · 50 阅读 · 0 评论 -
JS基础6(日期函数,定时器函数)
日期对象在JS中日期也是一个数据类型/复合数据类型,是对象(1)日期对象的创建方式参数:如果我们不传参数,默认获取的是当前系统的时间【注】我们所用的事件都是根据格林尼治时间,中国北京处于东八区var d = new Date();alert(d); (2)生成日期对象的参数参数类型可以是: ( "2015/08/22") ( "2015-08-22") (2016,04,13,14,34) var d = new Date("2015/08/22"); alert(原创 2021-09-03 11:21:21 · 348 阅读 · 0 评论 -
JS基础5
Math对象Math对象用于执行数学任务Math常用的属性 Math.PI 约等于 3.14159(1)Math对象常用的函数alert(Math.round(3.5)); //四舍五入alert(Math.random()); //随机0~1之间的随机数Math.max() 返回较大数Math.min() 返回较小数Math..abs() 返回绝对值Math.ceil() 向上取整Math.floor() 向下取整alert(Math.max(10,20,30)原创 2021-09-02 16:36:13 · 63 阅读 · 0 评论 -
JS基础4(字符串)
** 字符串**【注】在JS中将所有单引号或者双引号括起来的都叫做字符串。字符串创建的方式:(1)通过new运算符创建var str = new String("hello");alert(typeof str); //Object 对象有属性和函数alert(str); //hello(2)new可以省略var str = String(true);alert (typeof str); //string(3)通过常量创建字符串var str = "hello";a原创 2021-09-02 15:35:27 · 244 阅读 · 0 评论 -
JS基础3 (数组)
数组(1)数组的属性数组的长度 arr.length 访问(数组元素的个数)【注】length属性,不是只读的,可以设置的(2)数组元素的访问和赋值,都是通过数组的下标完成【注】下标就是索引,即元素的序号,从0开始,下标最大取值是:数组的长度(length)-1【注】下标可以是变量或者表达式(3)数组遍历数组和循环结合使用。JS中数组和循环是绝配for … in 进行遍历 快速遍历 将数组中每一个元素从头到尾进行遍历【格式】for (var 变量 in 数组){}【注】.原创 2021-09-02 13:53:43 · 330 阅读 · 0 评论 -
JS基础2
一元运算符:只能操作一个值的运算符a++;++a; a–;--a;a++:表达式值 ++后置,先取a的值,然后再进行+1操作。++a: 表达式值: ++前置,先进行+1操作,然后再取a的值。var a = 5;alert(a++); //5alert(a); //6var a = 5;alert (++a); //6alert(a); //6【注】上述的两个表达式都是进行+1操作var a = 5;alert(a--); //5alert(a); .原创 2021-09-01 18:17:35 · 73 阅读 · 0 评论 -
JS基础1
JS1、type=“text/javascript” 说明当前script标签中文本的类型2、所有的JS代码都必须写在script标签里面eg:(1) alert(“hello”); //在页面上弹出警告框【注】每一条JS语句后面都必须加分号,语法规范,当然,不加也可以(2) document.write(“Hello”); //在当前文本上输入内容3、JavaScript和HTML执行顺序(1)JavaScript和HTML代码在同一个文件中写,它们的执行顺序是从上朝下,谁在前先执行谁原创 2021-08-31 22:06:33 · 82 阅读 · 0 评论