个人知识体系梳理

鱼缸盖被子了

已于 2022-04-03 22:18:07 修改

阅读量478

点赞数

文章标签： javascript windows html5

于 2022-03-07 00:58:22 首次发布

本文链接：https://blog.youkuaiyun.com/yh8899abc/article/details/123321096

版权

这篇博客探讨了JavaScript的闭包、数组和函数等核心概念，以及在Vue.js框架中组件、渲染函数和Vuex状态管理的应用。同时，涉及了浏览器的localStorage和sessionStorage、事件监听及Ajax、fetch和axios在数据交互中的使用，深入讲解了Promise和async/await的异步处理。文章还提到了模板字符串、let和const等ES6特性，并对比了传统XMLHttpRequest与现代Ajax请求的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

string

Array

Function

闭包

优点

缺点

Storage

localStorage

sessionStorage

BOM

DOM

addEventListener

给制定元素添加事件句柄

生命周期

component

render函数

指令

vuex

vue-router

hash

带锚点

history

Promise

await

箭头函数

模板字符串

let、const

浏览器

打开页面

记录的比较详细

cookie 监听

数据对接

工具

XMLHttpRequest

var xhr=new XMLHttpRequest();
xhr.open("post","http://127.0.0.1/adv");
xhr.send(formdata);
xhr.onload=function(){
    if(xhr.status==200){
        //...
    }
}

Ajax

const parm = {
    username: "yh",
    password: "yh",
    uuid: "id",
};
$.ajax({
    type: "POST",
    url: "http://xzxz",
    contentType: "application/json",
    data: JSON.stringify(parm),
    dataType: "json", // 返回的数据类型 json
    success: function (d) {
    	//...
    },
});

fetch

const formData = new FormData();
// 将"ID=1&signal=value"形式封装成FormData形式
formData.append("Id", '1');
formData.append("signal", 'value');
fetch(this.api, {
   method: 'post',
   body: formData,
   headers: {
       'Content-Type': 'application/json;charset=UTF-8',
       'Access-Control-Allow-Origin': '*',
       'Access-Control-Allow-Headers': '*',
       'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,OPTIONS',
       tk: localStorage.getItem('tk'),
   },
}).then(res => res.json())
   .then((response) => {
       if (response) {

       }
   });