- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
645
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
306
原创 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
110
原创 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
56
原创 JS基础10（事件）
事件基础JavaScript事件是由访问Web页面的用户引起的一系列操作。当用户执行某些操作的时候，再去执行一系列代码。或者用来获取事件的详细信息，如鼠标位置、键盘按键等。事件处理函数JavaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件、所有的事件处理函数都会有两个部分组成，on + 事件名称【注】onclick事件 是在 onmousedown 和 onmouseup 事件之后执行var oDiv = document.getElementById("test");
2021-09-08 14:04:09
99
原创 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
132
原创 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
91
原创 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
81
原创 JS基础7 (BOM)
BOM概念BOM(Browser Object Model)BOM 就是浏览器的对象模型alert(window);//window对象 浏览器上打开的一个窗口window对象及下属属性方法（1）系统对话框浏览器可以通过调用系统对话框，向用户显示信息系统提供了三个函数，可以万和城那个系统对话框的操作①alert() 直接弹出警告框参数，警告框上显示的内容【注】window下的函数都可以省略window直接去调用。②confirm()【功能】弹出一个带有确定和取消按钮的
2021-09-03 15:48:00
55
原创 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
359
原创 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
69
原创 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
250
原创 JS基础3 （数组）
数组（1）数组的属性数组的长度 arr.length 访问（数组元素的个数）【注】length属性，不是只读的，可以设置的（2）数组元素的访问和赋值，都是通过数组的下标完成【注】下标就是索引，即元素的序号，从0开始，下标最大取值是：数组的长度（length）-1【注】下标可以是变量或者表达式（3）数组遍历数组和循环结合使用。JS中数组和循环是绝配for … in 进行遍历 快速遍历 将数组中每一个元素从头到尾进行遍历【格式】for （var 变量 in 数组）{}【注】.
2021-09-02 13:53:43
361
原创 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
78
原创 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
85
原创 数组函数详细
一、数组操作的基本函数数组的键名和值array_values($arr);获得数组的值array_keys($arr);获得数组的键名array_flip($arr);数组中的值与键名互换（如果有重复前面的会被后面的覆盖）in_array(“apple”,$arr);在数组中检索applearray_search(“apple”,$arr);在数组中检索apple ，如果存在返回键名array_key_exists(“apple”,$arr);检索给定的键名是否存在数组中isset($arr
2021-08-20 17:47:28
614
原创 join和split的区别
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。<script> var a=new Array(); a[0]="XHTML"; a[1]="CSS"; a[2]="JavaScript"; alert(a.join("#")); //XHTML#css#JavaScript</script>split(a,b)方法：用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割b不是必
2021-08-20 17:36:16
58
原创 js中map和forEach的区别
定义foreEach()方法:针对每一个元素执行提供的函数。map()方法:创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来区别forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。例子制作一个数组的平方有如下一个数组let arr =[1,2,3,4,5,6]下面分别用forEach()和Map()forEach()注意，forEach是不会返回有意义的值
2021-08-20 17:31:34
211
原创 Git常用命令及方法大全
一、新建代码库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始化为Git代码库$ git init [project-name]下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）。显示当前的Git配置$ git config --list编辑Git配置文件$ git config -e [–global]设置提交代码时的用户信息$
2021-08-11 09:12:06
245
原创 vue实现获取当前日期时间并实时刷新（不刷新）
第一种方法：获取当前时间不刷新<template> <div> <span>{{date}}</span> </div></template><script>export default { data() { return { date:"", timer:null } }, methods:{ timeFormate(timeStamp)
2021-08-10 15:21:20
1042
原创 Vue基本指令
x-html指令的作用是：设置元素的innerHTML，内容中有html结构会被解析为标签v-text指令无论内容是什么，只会解析为文本v-on为元素绑定事件 绑定的方法定义在methods属性中，事件名不需要写on，指令可以简写成@v-on补充：传递自定义参数，事件修饰符，事件绑定的方法写成函数调用的形式，可以传入自定义参数，定义方法时需要定义形参来接受传入的实参，事件的后面跟上 .修饰符 可以对事件进行限制，.enter 可以限制触发的按键为回车创建Vue案例时：el（挂载点），d.
2021-07-30 10:11:24
256
原创 JS截取字符串方法
JS截取字符串可使用substring()或者slice()1.函数：substring()定义：substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。功能：字符串截取，比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)例子： var src="images/off_1.png"; alert(src.substring(7,10)); //弹出
2021-07-28 17:52:11
217
原创 JS基本语法
1、分类ECMAScript js基本语法与标准DOM Document Object Model文档对象模型BOM Browser Object Model浏览器对象模型tips：DOM和BOM都是一套API（Application programing interface）2、注释方式style /* /body <!-- --!>script /// //** js说明文档注释*/3、简单指令alert(""
2021-07-27 09:37:07
150
原创 Vue基本指令
x-html指令的作用是：设置元素的innerHTML，内容中有html结构会被解析为标签v-text指令无论内容是什么，只会解析为文本v-on为元素绑定事件 绑定的方法定义在methods属性中，事件名不需要写on，指令可以简写成@v-on补充：传递自定义参数，事件修饰符，事件绑定的方法写成函数调用的形式，可以传入自定义参数，定义方法时需要定义形参来接受传入的实参，事件的后面跟上 .修饰符 可以对事件进行限制，.enter 可以限制触发的按键为回车创建Vue案例时：el（挂载点），d.
2021-07-26 10:56:19
39
原创 js(=＞)箭头函数
Arrow Function（箭头函数）x => x+3上面的箭头函数就相当于：function （x）{ return x + 3 ;}箭头函数相当于匿名函数。箭头函数有两种格式，一种像是上面的，只包含一个表达式，连{...}和return都省略掉了。还有一种可以包含多条语句，这中情况就不能省略{...}和returnx => { if(x > 0){ x = x + 3; } else{ ...
2021-07-26 10:39:33
79
原创 JS中将两个数组合并成一个数组
1.Array.prototype.push 可以实现两个数组合并var arr1=new Array("1","2","3");var arr2=new Array("4","5","6");Array.prototype.push.apply(arr1,arr2);console.log(arr1)2.使用JS自带的concat方法，它能够把方法中的参数追加到指定数组中，形成一个新的连接数组，但是这个方法有个不好之处就是会造成一些资源浪费，因为如果要进行 concat() 操作的参数是数
2021-07-26 10:13:51
5337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人