11 2022 档案
TS的优点，简单版
摘要：# TS的优势 + 更早发现错误，提高开发效率 + 随时随地提示，增强开发体验 + 强大类型系统，代码可维护性更好，重构代码更容易 + 类型推断机制，减少不必要类型注解，让代码更简单 + vue3完全支持TS，reac和TS完美配合，Angular默认支持TS，大中型前端项目首选
阅读全文
vite
摘要：项目痛点 我不会nodejs，无法自己做代理服务器 导入js文件的时候，还要写后缀 导入node_modules里面的文件的时候，居然要写具体的路径 我做的项目修改了代码以后，要自己刷新 项目最后写完以后要交给后端，后端去部署上线，代码要压缩 后期项目可能要用ts，可能要用sass，浏览器不能识别，
阅读全文
Mongodb数据库和MySQL的比较
摘要：谈谈Mongodb和MySQL的区别 什么是Mongodb数据库 Mongodb是一个介于关系数据库和非关系数据库之间的产品(Nosql)，非关系型数据库(nosql ),属于文档型数据库。文档是mongoDB中数据的基本单元，类似关系数据库的行，多个键值对有序地放置在一起便是文档，语法有点类似ja
阅读全文
浅谈内存缓存和硬盘缓存
摘要：内存缓存(from memory cache)和硬盘缓存(from disk cache) 内存缓存(from memory cache)：内存缓存具有两个特点，分别是快速读取和时效性： 1、快速读取：内存缓存会将编译解析后的文件，直接存入该进程的内存中，占据该进程一定的内存资源，以方便下次运行使用
阅读全文
浏览器的缓存机制
摘要：浏览器的缓存机制 （强缓存、协商缓存） 先来粗略的概念： 什么是浏览器的缓存机制 浏览器的缓存机制就是把一个请求过的web资源（例如：html页面、图片、js、数据等）拷贝一份副本储存在浏览器中；缓存会根据进来的请求保存输出内容的副本，当下一个请求到来的时候，如果是相同的URL，缓存会根据缓存机制决
阅读全文
什么是前端
摘要：前端三大核心技术 结构、样式、行为 HTML、CSS、JavaScript JS三大核心组成部分 DOM BOM ECMAScript （文档对象模型） （浏览器对象模型） （一种可以在宿主环境中执行计算并能操作可计算对象的基于对象的程序设计语言）
阅读全文
浏览器内存泄漏
摘要：关于前端内存泄漏的问题 内存泄漏的概念(什么是内存泄漏)： 不再使用的内存未能被程序释放，叫内存泄露 内存泄漏的影响： 内存泄露会因为减少可用内存数量从而降低计算机性能，严重的可能导致设备停止正常工作，或者应用程序崩溃。 内存泄漏原因： 当一块内存不再用到，但是垃圾回收机制又无法释放这块内存的时候，
阅读全文
闭包
摘要：一次看透什么是闭包 认识闭包 - 函数的执行空间不会销毁 - 外部函数 返回一个 内部函数 - 内部函数 中使用了 外部函数的私有变量 闭包函数 - 概念 + 函数内的函数 - 特点: 1. 函数外部可以访问到函数内部的私有变量 ==>(必须通过闭包函数访问) 2. 延长了函数内私有变量的生命周期
阅读全文
垃圾回收机制
摘要：一次说透垃圾回收机制 （贼简单） 我们知道js有两种数据类型，简单数据类型和复杂数据类型，其中复杂数据类型又叫引用数据类型， 引用数据类型在创建时会在堆内存中开辟一个储存空间并在栈内存中存放堆内存的地址，这个地址指向的才是复杂数据类型真正的数据内容。 这个概念大家都知道吧，那么js的垃圾回收机制就是
阅读全文
谈谈for in和for of的区别
摘要：for in 与 for of 简单记住一句话：：：： for in 和 for of 简单来说就是它们两者都可以用于遍历，不过for in遍历的是数组的索引（index），而for of遍历的是数组元素值 总而言之： for in 得到的是 key （键） for of 得到的是 value（值）
阅读全文
谈谈js中this的理解
摘要：this 一、this的理解 第一准则： this 永远指向函数 运行时 所在的对象，而不是函数被创建时所在的对象【不包含箭头函数】 二、this 的集中指向： window 对象 如： console.log(this); 函数中的 this 函数中的this，谁调用函数，函数中的 this 就指
阅读全文
深拷贝与浅拷贝一次弄通
摘要：JavaScript中存在两大数据类型： 基本类型 引用类型 基本类型数据保存在在栈内存中 引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中 深浅拷贝的区别 先写一个对象,接下来我们浅\深拷贝这个对象 let o1 = {name:'zs',age:17,cl
阅读全文
js对象属性继承的方式都有哪些
摘要：对象属性继承 原型继承 - 实现方式: 将子类构造函数的原型 指向 父类构造函数的实例对象 + 改变了子类构造函数的原型指向实现继承 + 则子类构造函数实例对象 的原型指向 也发生变化了 - 优点: + 实现了属性和方法的继承 - 缺点: + 继承的属性不在子类的实例中,在原型中 + 子类 没有自己
阅读全文
ES5和ES6和ES7、8、9
摘要：ES 5、6、7、8、9 一、ECMAScript简介 ECMA 规范由各方组成，包括浏览器供应商，他们会开会推动 JavaScript 提案。 二、ES6 (ES2015) 1.Class 2.模块化语法（import、export） 3.箭头函数 () => {…}，是函数的缩写。 4.函数参数
阅读全文
一次讲清Vue2和vue3中 v-model的变化
摘要：再一次讲清Vue2和vue3中 v-model的变化 在vue2中 v-model = "msg" 可以翻译为： :value="msg" @input="msg=$events" 在一个组件上，v-model 只能使用一次，如果想要对多个数据同步绑定，则可以使用.sync修饰符。 在vue3中 为
阅读全文
ES5和ES6（超多超细）
摘要：ES5和ES6 我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已 比如我们使用的微信 最早的版本是没有支付功能的 随着时间的流逝，后来出现了一个版本，这个版本里面有支付功能了 ECMAScript 就是 js 的语法 以前的版本没有某些功能 在 ES5 这个版本的时候
阅读全文
一次理解透http如何传送数据包
摘要：一次理解透http如何传送数据包 HTTP通信可概括为： 浏览器→ 建立连接→发送请求数据→ web server→ 返回响应数据包→ 浏览器→ 关闭连接 浏览器请求（Request）数据包，web server接收请求后作出响应（Response），发送返回数据包，浏览器接收返回数据包。浏览器与w
阅读全文
状态提升
摘要：状态提升 在ES6之前，JavaScript只有经典的var声明，这给开发者带来了很多的困扰。在ES6出现后，又增加了let和const关键字的声明方式。这里会讲有关变量声明，作用域，状态提升相关知识。 在JavaScript的世界里，作用域可以分为三种，分别是全局作用域，函数作用域，块级作用域。
阅读全文
