前端架构

像我这种react门徒被迫迁移到vue的，用管了TSX，地vue 单文件组件也不太感冒，但是vue3 单文件组件，造了蛮多api ，还不得去了解下 https://v3.cn.vuejs.org/ap

provide / inject 类似于消息的订阅和发布。provide 提供或发送数据， inject 接收数据。 VUE provide 和 inject 使用场景 当我们需要从父组件向子组件传递

h、createVNode 杂乱笔记，凑合着看，不喜勿喷！ h 函数是什么 h 函数本质就是 createElement() 的简写，作用是根据配置创建对应的虚拟节点，在vue 中占有极其重要的地位！

如果你vue2的代码不是使用类组件（大部分应该都是vue-class-component vue-tsx-support ，官方停摆了，再次diss vue），而是使用@vue composition

vue，还是选择vue-use好点。VueUse 是一个基于 Composition API 的实用函数集, 与 Composition API 的配合相得益彰。可以省下很多事。

vue2带缓存的路由重构为 vue3 + tsx，keep-alive 不生效，而且警告。tsx 怎么弄取消这个警告呢？

vue2 x挂载全局是使用Vue prototype $xxxx=xxx的形式来挂载，在vue3 x这种方法显然是不行了，vue3中在setup里面我们都获取不到this，官方提供了globalPro

vue3 composition api 监听路由变化：onBeforeRouteUpdate、router.afterEach、 watch( () => route.params,()=>{})

github只能保存开源项目，私有项目要收费。公司的git不想上传个人项目，比如我的博客： https: www zhoulujun cn 、https: www zhouluju

防止将存在潜在问题的代码带到线上环境，最好的办法是在本地提交代码时就能够扫描出潜在的错误，并强制将其修改后才能提交，这样就不会将问题代码携带到线上，就能保证线上代码至少不会存在低级的程序错误。

webpack无疑是现在使用最多的构建工具，但也是踩着grunt gulp fis上位的。新一代诸侯中rollup parcel esbuild，简要概括下他们的优缺点。

（Digital Rights Management）通过对数字内容进行加密和附件使用规则，对数字内容进行保护。提供了widevine、fairPlay、playReady等国际通用的保护机制。

虽然 Promise 没有提供内置的终止算法（aborting mechanism），但是许多使用它们的 API 需要终止语义。AbortController 提供一个 abort() 方法来支持这些

xss与转义符 xss简单来说： XSS 攻击是页面被注入了恶意的代码 XSS 漏洞是 可以让攻击者注入恶意代码可执行的漏洞 具体参看之前写的： web开发前端安全问题总结——web前端安全问题汇总

虽然vite 很香，但是vite rollup 动态加载，多页面 等问题比较难搞。webpack vue3需要升级的npm 包有：vue-loader vue-template-compiler "

this.$createElement vue2 动态组件加载，this.$createElement非常好使！比如： 了解vue.$createElement 更多推荐阅读：vue.$createE

the Class API proposal is being dropped。之前class components组件升级vue3，还是用composite api重头再来^

因为vue2 下vue-property-decorator +vue-tsx-support +vuex-module-decorators vuex-class ，class components

Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the e

Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the e