weixin_57677300的博客

2. 列表渲染3.JSX 语法规则3.1 插入内容jsx 中的注释JSX 嵌入变量作为子元素情况一：当变量是 Number、String、Array 类型时，可以直接显示情况二：当变量是 null、undefined、Boolean 类型时，内容为空；如果希望可以显示 null、undefined、Boolean，那么需要转成字符串；转换的方式有很多，比如 toString 方法、和空字符串拼接，String(变量)等方式；情况三：Object 对象类型不能作为子元素（not

💅 想寻找共同学习交流、共同成长的伙伴，文章最后有作者l联系方式（备注进群）当我们实际项目的开发过程中，webpack.config.js文件中的某些配置只是在开发环境中有依赖，并不想让其打包到生产环境中去，比如webpack-dev-server,有些配置是开发环境不需要，生产环境需要，比如压缩js代码的配置，因此对这里的配置做一个分离。

因为该插件webpack已经默认安装和集成，所以我们并不需要单独安装和直接使用该插件；只需要提供SplitChunksPlugin相关的配置信息即可；Webpack提供了SplitChunksPlugin默认的配置，我们也可以手动来修改它的配置：比如默认配置中，chunks仅仅针对于异步（async）请求，我们可以设置为initial或者all；SplitChunks自定义配置解析常用配置解析默认值是async另一个值是initial，表示对通过的代码进行处理。

webpack是基于Node的构建，JavaScript是毫米级别。vite是基于esbulid预构建依赖，esbulid是采用go语言编写的，go语言是纳秒级别。vite不需要经过打包，之前的浏览器不支持 ES module，在开发阶段不需要将代码打包成单个文件，而是通过预构建的方式直接加载模块。在生产环境中，Vite使用Rollup进行打包，生成优化的代码文件。Webpack使用了模块打包策略，将项目中的所有模块打包成一个或多个文件，需要打包转es5然后给浏览器运行。webpack：模块以及模块依赖的模

比如在index.html中，我们需要依赖一个 abc.js 文件，这个文件我们存放在 public文件 中；在index.html中，我们应该如何去引入这个文件呢？✓ 比如代码是这样的：< script src="./public/abc.js">；但是这样打包后浏览器是无法通过相对路径去找到这个文件夹的；会报错解决：所以代码是这样的：< script src="./abc.js">< /script>;设置static即可；

💅 想寻找共同学习交流、共同成长的伙伴，文章最后有作者l联系方式（备注进群）

💅 想寻找共同学习交流、共同成长的伙伴，文章最后有作者l联系方式（备注进群）

今天写了微信云函数调用axios发现请求不来，报错。今天又是踩坑的一天。通过一波猛如虎的操作，考虑到axios版本问题，尝试降低版本。目前最新的axios应该是没兼容到node版本更新，所以才出的问题。然后点击按钮发送请求，竟然请求失败。💅 想寻找共同学习交流、共同成长的伙伴，文章最后有作者l联系方式（备注进群）这是我写的简单的发个请求。然后安装运行竟然可以了。

💅 想寻找共同学习交流、共同成长的伙伴，文章最后有作者l联系方式（备注进群）

💂 个人网站:【紫陌】【笔记分享网站，进群就有】💅 想寻找共同学习交流、共同成长的伙伴，【前端学习交流群】

在Vue的模板语法中我们学习过各种各样的指令：v-show、v-for、v-model等等，除了使用这些指令之外，Vue 也允许我们来自定义自己的指令。这篇文章主要讲Vue3指令，想看Vue2指令看我另一篇文章，Vue2自定义指令。文章最后有对比vue2和Vue3的指令区别自定义指令可用于定义复杂的行为或公用的行为。当你想要在多个组件中重用某个复杂的行为或逻辑时，就可以考虑使用自定义指令。自定义局部指令组件中通过 directives 选项，只能在当前组件中使用；自定义全局指令。

💂💅原生的wx.request()存在以下缺点：回调函数嵌套过多：原生wx.request()是异步请求，需要使用回调函数获取响应结果。如果请求嵌套较多，回调函数嵌套层数会比较深，导致代码难以维护和阅读。错误处理繁琐：原生wx.request()返回的结果并不一定是正确的响应数据，还可能包含网络错误、超时、认证失败等错误信息。如果不进行错误处理，这些错误信息可能导致应用程序出现异常，而原生wx.request()并不提供方便的错误处理机制。

💂💅url路径匹配tabbar高亮问题。vant中的tabbar组件，遇到到url路径匹配tabbar高亮问题。

💂💅微信小程序的登录和web端的登录有一点是不同的，小程序需要和微信的服务通信验证。微信小程序详细教程

总结: 如果是非对象类型的定义使用type, 如果是对象类型的声明那么使用interface。interface 可以重复的对某个接口来定义属性和方法；但是使用interface就不可以定义非对象类型（语法错误）type类型使用范围更广, 接口类型只能用来声明对象。在声明对象时, interface可以多次声明。interface支持继承的，type不支持。interface可以被类实现。

自适应：根据不同的设备屏幕大小来自动调整尺寸，大小。响应式：会随着屏幕的实时变动而自动调整，是一种自适应。

在 TypeScript 中，type和typeof都是用于类型定义的关键字，但它们的作用不同。

一个BFC区域只包含它的子元素，不包含其子元素的子元素。成为一个BFC区域要满足一定的条件。不同的BFC区域相互独立，互补影响。BFC是属于普通流的，我们可以把BFC看成页面的一块渲染区，他有自己的渲染规则，简单来说就是BFC可以看做元素的属性，当元素有了BFC这个属性，这个元素可以看做隔离了的容器，容器里面的元素不会在布局上影响到外面的元素。

第一种：基于角色Role的动态路由管理。登录：登录验证通过之后后台会返回一个token给前端，前端会保存在vuex和本地(防止刷新丢失登录状态)，然后拿token去后台请求一个userInfo的接口获取用户信息（用户名，权限信息等等）权限验证：通过token获取用户role信息，然后根据用户role算出对应应有权限信息的路由，最后用router.addRotes动态挂载计算出的路由。

作用域插槽:子组件的数据来源于父组件,子组件是决定不了自身结构与外观的