前言： 从今天开始来和大家一起学习vue3相信大家都不陌生，已经火了一段时间了，但是还是有不少人没有学习，那就跟着六扇老师来简单的入个门 废话不多说，来开始今天的学习 Vue3简介： 2020年，9月，18日，Vue.js发布3.0版本，耗时两年多，2600+次提交，99位贡献值 github上的tags地址：https://github.com/vuejs/core/releases/tag/v3.0.0 Vue3带来了什么： 性能的提升，更快，更小，打包大小减少，初次渲染，更新渲染更快，内存减小 源码的升级，使用Proxy代替defineProperty实现响应式，重新写了虚拟DOM的实...

前言： 前天我们学了ref和reactive，提到了响应式数据和Proxy，那我们今天就来了解一下，vue3的响应式 在了解之前，先复习一下之前vue2的响应式原理 vue2的响应式： 原理： 对象类型：通过Object.defineProperty（）对象的读取，修改进行拦截，也就是数据劫持，响应式的根基 缺点：因为只有读取和修改（get，set）所以新增属性，和删除属性，页面是不会刷新的 数组类型：通过重写，更新数组的一系列方法来实现拦截，假如你调了一个数组的push方法，其实push是被二次重写封装的（对数组的变更方法进行了重写） 缺点：直接通过下标修改数组，页面不会更新   ...

前言： 前天我们学了ref和reactive，提到了响应式数据和Proxy，那我们今天就来了解一下，vue3的响应式 在了解之前，先复习一下之前vue2的响应式原理 vue2的响应式： 原理： 对象类型：通过Object.defineProperty（）对象的读取，修改进行拦截，也就是数据劫持，响应式的根基 缺点：因为只有读取和修改（get，set）所以新增属性，和删除属性，页面是不会刷新的 数组类型：通过重写，更新数组的一系列方法来实现拦截，假如你调了一个数组的push方法，其实push是被二次重写封装的（对数组的变更方法进行了重写） 缺点：直接通过下标修改数组，页面不会更新 解决方法：用t...

01，如何开启JS严格模式？JS严格模式有什么特点？ 两种方式 全局开启在js开头加上 'usestrict' 局部开启，在作用域开头加上 functionfn(){'usestrict'} 特点： 1，全局变量必须先声明 2，禁止使用with 3，创建eval作用域 有单独的作用域 4，禁止this指向window 5，函数参数不能重名 02、offsetHeight、scrollHeight、clientHeight有什么区别？ offsetHeight=boder+padding+content clientWidth= padding+content scrollWidth=...

01、如何判断⼀个变量是不是数组？ letarr=[1,2,3,4]functionfun(){returnarrinstanceofArray} 02、如何使⽤class实现继承？ classfu{consructor(name,age)}classsonextendsfu{super(...arguments))} 扩展: //父类classPeople{constructor(name,age){this.name=name;this.age=age;}eat(){console.log("吃吃吃");}}//子类classStudentextendsPeople{constructor...

01、描述事件冒泡的流程 基于DOM树结构，事件会顺着触发元素向上冒泡 点击一个div，会一级一级向父级、爷级元素上冒泡，这个点击事件不仅能被这个div捕捉到，也能被他的父级、爷爷级…元素捕捉到 例如： <style>div{width:200px;height:200px;background-color:red;}</style><divid="idv1"><buttonid="btn">点击</button></div>letaBtn=document.getElementById("btn")letoDiv=doc...

 01、HTTP常⻅的状态码有哪些？ 1xx服务器收到请求 2xx请求成功     ---  200成功状态码 3xx重定向      --- 301永久重定向，浏览器下次⾃动取重定向的地址--- 302临时重定向，浏览器下次还会请求原地址--304资源未被修改 4xx客户端错误   --- 403没有权限 --404资源未找到 5xx服务器错误   --5...

前言：  自学第一天，什么是TS，为什么要用TS  TS全程 TypedJavaScriptatAnyScale 解释起来就是 添加了类型系统的JavaScript，是JavaScript的一个超集 让JS从动态类型的语言，变成了一个静态类型的语言，给变量赋予了类型 好，到这里有同学就会问了，什么是动态类型，什么是静态类型，啥是给变量赋予类型？让我们来看下边这一个栗子： leta;a="a";a=10; 我们先来看第三步，10是有类型的吧，类型是 number ，第二步也同理，此时回过头来，我们再看第一步，a是什么类型？ a...

前言： 昨天我们学习了TS的数据类型，不知道大家回去以后练习没练习，如果你练习了一定会发现一个问题，我们的TS好像和JS不太一样 JS写完之后直接就可以放到页面上，就可以用了，而我们的TS需要用tsc编译一下，编译为JS才能在页面中使用 这时就会有同学说了，诶呀，六扇老师，这也太麻烦了吧！ 别急，好好阅读今天的文章，关于TS的编译选项 编译选项： 自动编译文件： 编译文件时，使用  -w  指令后，TS编译器会自动监视文件的变换，如果TS文件变化会自动重新进行编译 tscxxx.ts-w 图片示例： 自动编译成功了，问题也就来了，我们发现这样虽然是...

前言： 学了三天，我们学习了TS的基本类型声明，TS的编译，webpack打包，其实也就差不多了，剩下的也就一些类，继承，构造函数，抽象类，泛型一些的，如果都细致的讲可能写好久，感兴趣的可以自己找资料细致的去学一下 学习代码或一个新语法，最好的方法无非就是做项目，从这个过程中学会如何去使用，怎么去写 废话不多说，我们开始今天的贪吃蛇项目初始化 项目搭建，初始化： 我记得前一天，我们配置过一份webpack配置，直接复制过来使用，这里就不多说了，然后就是在项目中引入我们的less npmi-Dlessless-loadercss-loaderstyle-loader 什么什么杠loader，...

前言： 昨天咱们已经把贪吃蛇的页面写好了，今天咱们来写TS部分 TS我们要用面向对象的形式去编写我们的功能，所以我们要以一个功能去定义一个对象 把这个项目分成几个模块，也就是几个对象功能 Food类（食物类）： 写对象的前提，我们要去定义类，用类去创建对象 首先我们直接class一个Food类，由于我们的食物是一个div所以我们的Food类里面必须有一个属性来存放我们的元素 //食物Food类 classFood{ element:HTMLElement; constructor(){ //拿到元素id this.element=document.getElementById('food')...

一，面试基础HTML和CSS ps：这俩面试答不上来的，基本就可以回去了，以下是HTML题，一般来说这地方不会出太多题，面试官也不愿意花太多时间在这上面。 1，HTML语义化，如何理解语义化？ 让人更容易懂（增加代码的可读性） 让搜索引擎更容易懂，有利于爬虫抓取 在没有css的情况下，页面也能更好的展现出其内容结构，代码·结构 2，script标签中defer和async的区别？ script：会阻碍HTML解析，只有下载好并执行完脚本才会继续解析HTML async：解析HTML的过程中会异步下载脚本，下载成功后立即执行，可能会阻断HTML的解析 defer：完全不会阻断HTML解析，解析完...