m0_68721502的博客

原创 vconsole调用

原创 微前端qiankun

微前端是指把一个大型的前端应用拆分成多个模块，每个微前端模块可以自主选择框架，有自己的仓库，可以独立部署上线。子应用：根据不同业务模块进行划分，每个子应用都打包成umd模块的形式供基座来加载。基座：就是一个容器，当我们访问某一个模块，就单独加载这个模块的资源文件。基座：集成子应用，提供一个入口访问所有的子应用的展示，不建议写复杂的逻辑。资源预加载，在浏览器空余时间加载未打开的应用，加速微应用打开速度。微前端的好处：跨技术栈，兼容老项目，独立开发部署，业务颗粒化。基于single-spa封装。

原创 react学习

样式和组件是分开的，有专门的css文件1.响应式数据定义在state属性中2.修改值需要通过setState,setstate是通过钱合并来修改数据，调用setstate会触发更新，修改state不会触发更新3.因为setstate是异步的，我们要获取修改后的值要在setstate的第二个参数中获取特性:1.多次修改会合并为一次，统一更新2.setstate返回会触发更新，重复修改同样的值也会更新3.一定不要在render中设置setstate，PureComponent。

原创 ts基础学习

枚举允许我们定义或声明一组相关值，可以是数字或者字符串作为一组命名常量。在定义对象的类型时，我们通常会使用 interface。当不知道对象中的某个值是什么类型时就用泛型来传递类型。默认枚举成员会被赋值为从 0 开始递增的数字。枚举增加代码的可读性。

原创 项目打包流程

web端一般是：npm run build 打包成功 , 生成了dist文件夹， 把dist文件夹复制到服务器中部署的文件夹里。微信小程序端：npm build:mp-weixin 打包成功后，打开微信开发者工具，点击上传，再到微信公众平台上提交审核。

原创 231228-uniapp项目

4.配置pinia并实现数据持久化。1.clone基本代码。5.配置请求响应拦截器。3.配置uni-ui。

原创 数组转树结构

【代码】数组转树结构。

原创 vue3按钮权限-自定义指令实现

【代码】vue3按钮权限-自定义指令实现。

原创 uni-app学习

通过 getCurrentPages() 替代 $router 获取路由信息。模板上 <navigator :url="xxx/xxx/xxx"/>小程序头部导航兼容 var(--window-top)2.网络请求 uni.request(obj)