随笔分类 - 了解（杂）
摘要：特点： 快速冷启动 即时的热模块更新 真正的按需编译 Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变
阅读全文
摘要：首先建立一个对象 const student = { name: "小明", age: 12, [Symbol("level")]: "优秀", [Symbol("level")]: "有钱" } 通过Object.getOwnPropertyDescriptor获取属性值并输出 const val
阅读全文
摘要：Symbol的作用 Symbol.interator Symbol.iterator是一个内置的值 const student = { name: "小明", age: 12, [Symbol("level")]: "优秀", [Symbol("level")]: "有钱" } const list
阅读全文
摘要：Symbol的获取和使用 const student = { name: "小明", age: 12, [Symbol("level")]: "优秀", [Symbol("level")]: "有钱" } 获取key值 console.log(Object.keys(student)) // ["n
阅读全文
摘要：Symbol基本概念 Symbol js的数据类型：数值、布尔、字符串、undefined、null、对象 ES6中加了一个新的数据类型 Symbol const sym = Symbol("abc") // 括号中的值是描述 console.log(sym) // Symbol(abc) cons
阅读全文
摘要：事件流 <style> .big{ width: 300px; height: 300px; background-color: red; } .center{ width: 200px; height: 200px; background-color: yellow; } .small{ widt
阅读全文
摘要：promise和async函数 promise let p = new Promise((resolve)=>{ resolve("hello world") }) p.then((data) => { console.log(data) // hello world }) async函数 // a
阅读全文
摘要：宏任务与微任务 宏任务： 计时器、ajax、读取文件 微任务： promise.then 执行顺序 1. 同步程序 2. process.nextTick 3. 微任务 4. 宏任务 5. setImmediate setImmediate(()=>{ console.log(1) }) conso
阅读全文
摘要：process.nextTick和setImmediate方法 setImmediate(()=>{ console.log(1) }) process.nextTick(()=>{ console.log(2) }) console.log(3) setTimeout(() => {console
阅读全文
摘要：同步和异步 同步：同步程序按顺序执行 console.log(1) console.log(2) console.log(3) 异步： 计时器(setTimeout,setInterval) ajax 读取文件 执行顺序 同步程序执行完成之后，执行异步程序 console.log(1) setTim
阅读全文
摘要：通过JSON拷贝 json数据格式 json全称：JavaScript对象表示法 [ { "name": "小明", "age": 2 },{ "name": "小刚", "age": 3 } ] jsons数据转换 let str = JSON.stringify(obj) // 将对象转换成js
阅读全文
摘要：深拷贝 递归的理解 递归：自己调用自己 // 计算累加 function fun(n){ if (n 1){ return 1 } else { return n + fun(n - 1) } } let res = fun(3) console.log(res) // 6 利用递归实现深度克隆 /
阅读全文
摘要：浅拷贝 首先看一个vue的例子 <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <div id="app"> <form @submit.prevent="insert"> <input type="text" v-model="
阅读全文
摘要：js内存结构 基本概念 分类： 原始类型（值类型、基本类型）：Number、String、Boolean、null、undefined 引用类型：Object // 原始数据类型 let str1 = "hello"; let str2 = str1; // str2 : hello str1 =
阅读全文
摘要：call、apply、bind call是一个方法，是函数的方法 function fun(){ console.log("hello world") } call可以调用函数 fun.call() // hello world call可以改变函数中this的指向 function fun(){
阅读全文
摘要：this关键字的使用方法 1.全局环境输出this，指向谁？ 直接输出this指向全局对象 console.log(this) // 全局window 2.全局环境输出this，指向谁？ 全局函数其实就是window（全局对象）的方法 function fn(){ console.log(this)
阅读全文
摘要：原型继承 // ES5继承：prototype function User(username,password){ this.username = username this.password = password this.login = function () { console.log("登录
阅读全文
摘要：ES6类的基本语法 例： class Cat { constructor(name,age){ this.name = name this.age = age } } Cat.prototype.eat = function() { console.log("吃鱼") } let cat = new
阅读全文
摘要：原型对象 什么是原型？ 每一个对象都有他的原型对象，他可以使用自己原型对象上的所有属性和方法 获取原型的方法 通过对象的__proto__获取 例： let cat = { name:"喵喵" } cat.__proto__.eat = function(){ console.log("吃鱼") }
阅读全文
摘要：promise // promise对象 // resolve可以将异步数据传递出来 let p = new Promise(function(resolve){ resolve("hello world") }) // 通过then拿到异步数据 p.then(function(data){ con
阅读全文
浙公网安备 33010602011771号