差不少的博客

数组常用的几种排序方式

浏览器的工作原理（dns域名服务器，tcp握手，ssl/tls安全协议，关键渲染路径，重绘及回流，防抖和节流）

计算首屏时间

vue3中自定义组件上的props验证类型，组件属性继承

vue3动态组件，p标签内放入div(v-is)，局部组件嵌套

watch(浅监听及深度监听)，鼠标及键盘修饰符，v-model，对象写法，class使用数组，字符串模版,自定义组件标签上添加事件无效,使用data时用别名替代，solt输出内容

vue2与vue3的双向绑定区别，vue3中setup， Options API和Composition API的优劣，v-bind，v-model和v-on,计算属性的set和get

vue3基础 移除，mitt，vue-router4

组件命名及调用，render,render中获取插槽值，函数式组件，异步组件,vue3中data只有函数形式

vue3自定义事件名称相同问题， 保持方法的this不变function.prototype.bind

vue：composition api，typeof，keyof，keyof typeof

简单搭建webpack及ts环境安装less等loader添加.less$结尾，及loader安装postcss-loader 和postcss-preset-env（预置环境，兼容各种浏览器）配置中添加postcss的配置结尾加！ 表示不会为空

类定义class类对象中包含两个部分：属性和方法实例属性：属性存在实例，只有new了实例，才能看到这些属性类属性：通过类访问属性上图中 如果能访问成功，age就是类属性在上方代码中应该会报错，因为类指的是Person，而age是实例属性，在Person外部也没有定义过Person.age所以访问不到怎么定义类属性类中的属性前添加static关键字类属性也被称为静态属性总结：属性前加readonly正常情况下实例属性可随意修改值但属性前添加readonly关键字后，

上方是入口和出口的配置下方 指定webpack打包时要用的模块rules指定要加载的规则新建一个tsconfig.json的配置文件package.json中配置打包命令build然后npm run build注：webpack配置文件中 可能会报错，记得加上mode：production或development...

使用tsc来编译所有文件必须先新建一个tsconfig.json文件内部默认内容可以先删除运行tsc命令，所有的ts文件都会被编译为js文件ts -w命令会监视所有ts文件监视：js编译文件会自动同步编译，不用再去一个个文件单独编译tsconfig.json中的配置：./src/**/* **指的是任意目录，*指的是任意文件exclude是有默认值的，如果是要不包括默认值中的那些文件，可以不配置excludefiles一般用在比较小的项目上，因为files要把一个个文件都列出来

ts在js能执行的地方都能执行，但不能被js解析器直接执行，必须要编译转换后才ts需要通过编译转换成js再交给浏览器执行创建ts文件变量设置了类型 就不能赋值其他类型的值，否则报错声明一个变量a，并指定其类型为number给指定类型的变量赋值其他类型的值后，编译会报错编译ts也会报错编译tsc但也能编译通过，因为不违反js语法以后可以通过编译工具的配置，来配置成有错误就编译不通过注：上方编译有地方写错，tsc编译的应该是.ts文件上面写的是.js文件需要改为02_b

ts-loadernpm typescript ts-loader -D可以把ts和webpack整合到一起exclude是配置排除，不使用use：ts配置的ts去校验resolve配置可解析的后缀名的文件npx tsc - - init 安装tsconfig.json把几个重要的配置打开rootDir并把值改为当前文件夹下的srcoutDir并把值改为当前文件夹下的dist设置app.js的值npx webpack 成功后bundle.js中就会有解析过的代码了（var.

web安全防御：xss ： 把一些数据直接拿来用，比如url，input中输入了一些东西，请求的资源等等一些用户能自定义的一些东西比如：在input中输入一些标签（script标签），没进行过滤或转义（转义是把它们转成实体字符）实体字符：< 小于符号的实体字符,在页面中替换成<。https://blog.youkuaiyun.com/weixin_49007365/article/details/118583523注：最新 消毒api html Sanitizer API10月18号，

vue和react都可以设置tdk（用于seo）TDK是什么TDK就是网站的标题（title）、描述（description）和关键词（keyword）TDK在哪里打开F12我们就可以看到vue设置tdk：https://blog.youkuaiyun.com/JHXL_/article/details/118332895语义话标签：https://www.itcast.cn/news/20210924/15142219121.shtml............

自定义组件上的自定义事件：go（@go）调用@go是怎么来的：是$emit（“go”）决定的，名字得一致为什么@go是点击事件：因为 @click=‘emit，用的是click事件可以$emit多个事件：通过$emit的方法传参：接收参数：在调用的方法中添加参数，就能获得这个参数emit多个参数：与计算属性一起使用：......

自定义事件的名称和原生的名称相同（比如click），这样事件可能会触发两次解决方法：子组件注：export default 输出emitsemits是数组父组件建议写法：不要命名相同名称命名不同的话，可以不用声明emits（export default中不用写emits）子组建父组件......

弹性盒子模型display:flex；是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。轴：主轴x轴 方向：从左到右纵轴/侧轴y轴 方向：从上到下弹性容器：一个包含于子元素的容器设置了display:flex，那么这个容器也就变成了弹性容器属性：flex-direction:弹性容器中子元素的排列方式...