- 博客(28)
- 收藏
- 关注
RSS订阅原创 一起来学javascript-axios
/ 相比原生的 fetch，Axios 提供了更多便利的功能，如拦截请求和响应、转换请求和响应数据、取消请求等。// Axios 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 Node.js，支持 Vanilla JS、Angular、React、Vue 等框架。// Axios 提供了对 GET、POST、PUT、DELETE 等HTTP方法的封装，使得进行 AJAX 请求变得更加简单。// // 处理成功情况，response.data 包含了服务器返回的数据。
2024-06-13 14:58:45
1171
原创 一起来学习javascript- async
/ await: 在async函数内部，可以使用await关键字等待Promise的结果。// 通过结合使用async/await，可以编写更加直观、易于理解和维护的异步代码，避免了传统的回调地狱(callback hell)，提升了开发效率和代码质量。// 关键字async用于声明一个异步函数，而await关键字则用于等待一个Promise的结果，使得你可以像操作同步代码那样等待异步操作完成。// 用await调用另一个异步函数，写起来和同步代码没啥区别，但执行起来是异步的。// 调用async函数。
2024-06-13 08:41:51
642
原创 一起来学习javascript-Promise
/ 构造函数：创建Promise实例需要通过new Promise(executor)，其中executor是一个函数，接受两个参数resolve和reject，分别在异步操作成功和失败时被调用。// resolve: 当异步操作成功完成时调用的函数，用来改变Promise的状态为fulfilled（已成功），并将操作的结果作为参数传递出去。// Promise还可以做更多的事情，比如，有若干个异步任务，需要先做任务1，如果成功后再做任务2，任何任务失败则不再继续并执行错误处理函数。
2024-06-12 20:43:59
629
原创 一起来学javascript-AJAX
/AJAX，全称为Asynchronous JavaScript and XML（异步JavaScript和XML），是一种网页开发技术，允许在无需重新加载整个网页的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页内容。在同步操作过程中，程序的执行是线性的，后面的代码必须等待前面的代码执行完成，// 由于AJAX的重要性，现代的JavaScript库如jQuery、axios等都提供了更简洁的API来封装XMLHttpRequest的功能，让 AJAX 的使用变得更加简单。
2024-06-12 19:40:58
1000
原创 一起来学javascript-event对象
/ useCapture 指定事件是否在捕获或冒泡阶段执行，其值为布尔类型，当取值为 true 时，事件句柄在捕获阶段执行，当取值为 false 时，事件句柄在冒泡阶段执行。// 控制台打印事件类型//打印这是一个click事件。// 这里的e就是事件对象（event的缩写），通过事件对象的属性，我们可以了解一个事件的详细情况。// event 对象，是事件对象，通过事件对象的属性，我们可以了解一个事件的详细情况。// 需要注意的是：在 DOM 0 级事件中，如果有多个事件，后面的事件会覆盖前面的事件。
2024-06-12 19:11:41
360
原创 一起来学javascript-文件操作，以更换头像为例
该对象提供了多个事件处理函数，// 此外，FileReader还提供了多个方法，如readAsText()、readAsDataURL()等，用于指定要读取的文件类型和方式。// e.target.result获取加载完成的文件内容（这里指将选择的图片的编码通过转码后绑定到预览框，实现在页面上展示）。// 你可以将需要在文件读取完成后执行的代码放入这个事件的回调函数中，以确保操作在数据可用时进行。// 这将监听文件选择框的变化，当用户选择图片时，会触发change事件，从而调用onchange()函数。
2024-06-12 18:30:13
485
原创 一起学习javascript-操作表单
文本框<input type="text" id="text" oninput="textvalue()"><br>复选框<input type="checkbox" id="checkbox" value="2"><br>单选框<input type="radio" id="radio" value="1"><br>密码框<input type="password" id="password"><br>邮件<input type="email" id="email"><br>
2024-06-12 11:45:22
461
原创 一起学习javascript-BOM
/ 1、window对象：代表浏览器窗口，是BOM的顶层对象。console.log("当前浏览器窗口的宽为：" + window.innerWidth, ("当前浏览器窗口的高为：") + window.innerHeight);//就可以获取到dt标签的内容。//10、cookie对象：代表浏览器的cookie。// 对应的，还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。//12、sessionStorage对象：代表浏览器的sessionStorage。
2024-06-11 18:02:04
454
原创 一起学习javascript-DOM
修改属性和内容：可以直接修改节点的属性值，如element.setAttribute('attributeName', 'value')，或者修改文本内容，如textContent或innerText属性。// document.getElementById('div1').innerHTML = '这是div1块，更新了内容';// 删除：将该节点从HTML中删除，相当于删掉了该DOM节点的内容以及它包含的所有子节点。// 更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容；
2024-06-11 17:41:14
407
原创 一起学习javascript-继承
/student类包含了构造函数 constructor和包含在原型对象上的 display函数,少了function。// super调用父类的构造方法。// 然后继承，语法格式和java中的差不多，要用到extends关键字。//vscode调整格式快捷键 Shift + Alt + F。// class 类。
2024-06-11 16:22:02
530
原创 一起学习javascript-面向对象编程和原型介绍
console.log("person1.prototype为",person1.prototype)//person1.prototype为 undefined得到undefined的原因是，普通对象（如通过构造函数创建的实例person1）并没有prototype属性。console.log("Person.prototype.__proto__为",Person.prototype.__proto__);并建立了正确的原型链。//{Xing: "李", height: 1.8, run: ƒ},
2024-06-10 19:27:01
456
原创 一起学习javascript-JSON
/ 因为JavaScript对象是运行时数据，而JSON是纯文本数据，所以，我们希望把JavaScript对象转换成JSON字符串，然后再发送给服务器。var obj2 = JSON.parse('{"name":"小李","age":18}', function (key, value) {// JSON是数据交换格式，在很多场景下，我们希望把数据发送到服务器，或者从服务器获取数据，但是数据格式不能是JavaScript对象，//jsonStr= {"name":"张三","age":22}
2024-06-10 16:51:46
637
原创 一起学习javascript-正则表达式
中的.或-零次或1次,\w+,匹配以字母、数字、下划线开头的字符串一次或多次,*: 匹配前面的元素零次或多次。中的.或-零次或1次,\w+,匹配以字母、数字、下划线开头的字符串一次或多次,*: 匹配前面的元素零次或多次。// 第五组(\.\w{2,3}):匹配\.，\w{2,3}匹配以字母、数字、下划线开头的字符串一次或多次，{2,3}匹配前面的元素至少2次，不超过3次。// 第一组^\w+ : ^(开始符号),\w((小写的w)匹配以字母、数字、下划线开头的字符串)+(匹配前面的元素一次或多次)
2024-06-10 16:12:55
935
原创 一起学习javascript-箭头函数(1)
/ 2.fn()函数中的this指向的是window或undefined,所以第二个this.birth指向的是window.birth，所以最终结果为的值为NaN。// 2.箭头函数的this不指向箭头函数本身，箭头函数中的this指向的是箭头函数定义时所在的对象。// 1.this指向的是箭头函数定义时所在的对象，所以this.birth指向的是obj.birth，所以b的值为1990。// 3.箭头函数没有arguments，箭头函数中的arguments指向的是箭头函数定义时所在的对象。
2024-06-10 14:27:55
311
原创 一起学习javascript-闭包(1)
/ 当Bigsum返回函数middlesum时，相关参数和变量都保存在返回的函数中，这种称为“闭包（Closure）”的程序结构拥有极大的威力。// 总结一下，像这种我们在函数Bigsum中又定义了函数middlesum，并且，内部函数sum可以引用外部函数Bigsum的参数和局部变量，console.log("a===a1吗：",a===a1)//a===a1吗： false。// 相当于重新确认a为一个函数，而不是一个变量，然后调用a函数，// console.log("a="+a)//显示为15。
2024-06-09 16:28:46
508
原创 一起学习javascript-进阶版函数(2)
/ filter()接收的回调函数，其实可以有多个参数。// 和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，// 当1%2===1时，返回true，所以1被保留，3被保留，5被保留，7被保留，9被保留，其他被丢弃。// self就是变量arr打印A,B,C,C,A,B,C。// 依次打印A,B,C,C,A,B,C。//去重后的数组1,2,3,4,5。
2024-06-09 15:34:15
456
1
原创 一起学习javascript-进阶版函数(1)
/ Array的reduce()把一个函数作用在这个Array的[x1, x2, x3...]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算,相对于对数列求和。// 把arr.map(sum)理解为,将里面的参数当作一种运算规则，将arr数组中的元素加入到这种运算规则中去进行运算。var newArray2=arr2.reduce(f)//这里把f函数当作参数，将arr中的元素放入到f函数中去。//map()方法返回的是一个新数组，原数组不变。// 写一下这个函数。
2024-06-09 14:58:22
439
1
原创 一起学习javascript-函数(2)
/ 全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。// 因为变量x在函数f1中申明，在这里属于局部变量，所以x只能在f1中访问，f1执行完，x就销毁了。// 函数f和f1是两个不同的函数，所以x的值是独立的，f1()调用时，x的值为3，f()调用时，x的值为2。// // 把自己的代码全部放入唯一的名字空间MYAPP1中，会大大减少全局变量冲突的可能。// bar可以访问foo的变量x!
2024-06-08 18:36:15
389
原创 一起学习javascript-函数(1)
/ rest参数只能写在最后，前面用...标识，从运行结果可知，传入的参数先绑定a、b，多余的参数以数组形式交给变量rest。// 箭头函数是ES6引入的新特性，语法更简洁，且没有自己的this，它会捕获其所在（即定义时所在的）上下文的this值。// 函数表达式创建了一个函数对象，并可以赋值给变量。// 这是最常见的函数定义方式，可以在任何地方被调用，因为它们会被提升到当前作用域的顶部。// 及当传入的参数过多时，多余的用...rest表示。// 如果函数体只有一条返回语句，可以更简洁。
2024-06-08 17:46:51
391
原创 一起学习javascript(6)-初阶：循环补充
/ for (let item of 可迭代对象) {// for (let prop in 对象) {// // array: 指向Array对象本身。// // element: 指向当前元素的值。// 遍历对象的可枚举属性，包括从原型链继承的属性。// // index: 指向当前索引。// // 循环体。// // 循环体。
2024-06-08 17:11:22
217
原创 一起学习javascript(5)-初阶
/ Set和Map类似，也是一组key的集合，但不存储value。// if，if-else,if-elseif-else,switch-case和其他语言都类似。console.log('a1不等于1和2');console.log('a1等于1');console.log('a1等于2');console.log('a0不大于b');console.log('a不大于b');console.log('a0大于b');console.log('a0等于b');console.log('a大于b');
2024-06-08 17:03:05
416
原创 一起学习javascript(4)-初阶
/ 对象名.hasOwnProperty(属性)//在显示true，不在显示false。// person的属性为：tags: 该属性的值为:js,vue,uniapp。// person的属性为：nickname: 该属性的值为:chicken。// person的属性为：city: 该属性的值为:SiChuan。// person的属性为：name: 该属性的值为:cxk。// person的属性为：age: 该属性的值为:18。// 调用里面的属性。// 对象名.属性名。//访问tags的值。
2024-06-08 16:21:57
298
原创 一起学习javascript(3)-初阶
/ 请注意，concat()方法并没有修改当前arr9，而是将arr9数组成员加上给的成员([1, 2, 3]),加入新的数组add中去。console.log("arr"+"["+i+"]"+"为:"+arr[i]);//输出[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]console.log("arr12[1][1]为:"+arr12[1][1]);console.log("arr4.push()为:",arr4.push());// 下标引用// 返回索引为0的元素，即1。
2024-06-08 15:59:58
420
原创 一起学习javascript(2)-初阶
let message1 = '你好, ' + name + ', 你今年' + age + '岁了!// 返回'hello'并赋值给变量lower。// 从索引0开始到5（不包括5），返回'hello'// 从索引7开始到结束，返回'world'// 想要在字符串内部既包含单引号''又包含双引号"用转义字符\来标识，// \t表示制表符，字符\本身也要转义，所以\\表示的字符就是\。// 返回'HELLO'// 转义字符\可以转义很多字符，比如\n表示换行，// ' '空格占了一个字符。
2024-06-08 15:03:36
307
原创 一起学习javascript(1)-初阶
/输出['js', 'vue', 'uniapp']// JavaScript允许对任意数据类型做比较（>,<,==,===,>=,<=// 如果一个变量没有通过var申明就被使用，那么该变量就自动被申明为全局变量。// 下标引用// 返回索引为0的元素，即1。var y='123afdfd' // 加''变成字符串。// ===可以判断比较的两个数的值和类型是否相等）// 整数，浮点数，负数等可以统一用var声明。//输出到页面document.write()//输出到控制台console.log()
2024-06-08 14:44:12
228
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人