m0_71933813的博客

2.选择使用云端证书，如果不是个人而是企业的话就选择使用自有证书，单击打包。1.打开HBuilder X找到 发行选择原生App-云打包。3.进入打包状态之后，选择继续打包。

3.需要填写HBuilder X的账号和密码确认个人信息，没有的话就先去注册一个。1.打开HBuilder X找到 发行选择网站-PC Web或手机H5。2.填写网站标题，网站的域名。

6.点击“刷新”按钮，对上面的规格进行组合，得到表格数据。4.点击“添加规格值”按钮，添加一组规格值内容。2.点击“添加规格”按钮，添加一组规格内容。5.点击“x”按钮，删除该规格值内容。3.点击“x”按钮，删除该规格内容。7.最多添加3组规格内容。

防抖和节流是常用的优化前端性能的方法。一.防抖1.防抖是指在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。防抖的实现方式可以使用setTimeout函数和闭包。2.防抖封装export function debounce(fn: Function, delay = 200) {// 参数1：调用的函数或者是请求 参数2：延迟多少毫秒才执行 let timer: NodeJS.Timeout | null = null;//设定一个，在没有执行定时器为null

解决方式：在vite.config.ts文件中添加esbuild:{drop:["console","debugger"]}

div>base_url: '/tinymce', // [必要参数] 指定public的目录language_url: "/tinymce/langs/zh-Hans.js",//语言类型的路径language: 'zh-Hans', // 语言类型（中文），默认会到tinymce/langs/zh_CN.js文件skin_url: '/tinymce/skins/ui/oxide', // 皮肤，浅色。

vue数据加载进度条1.安装第三方插件npm i nprogress2.在main.ts中引入样式import 'nprogress/nprogress.css';//引入加载进度条的样式3.在拦截器开始请求和结束请求加入相应的代码a.首先引入nprogress插件import NProgress from "nprogress"; // 引nprogress插件b.在请求拦截器中开启进度条NProgress.start();//开启进度条c.在响应拦截器中 NProgress .do

然后在main.ts中定义一个函数(自定义指令),参数1：自定义指令名称，参数2：在钩子函数（挂载之后）传两个参数el和binding，el是绑定指令元素对象，binding是指令所传递的数据。在按钮中，以v-加上自定义名称来使用，如添加系统指令一样（v-permission自定义指令）然后获取状态管理中存储的用户权限与自定义指令传递过来的值进行判断是否相等。权限按钮就是不同的用户等级的用户可以进行操作也不同。登录成功之后，取到当前用户的权限并存储到状态管理中。

router-view> v-slot Component是router-view要显示的组件对象 route路由是什么。keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染，is动态渲染组件 判断条件如果为真就渲染组件。主要是利用了router-view组件的插槽来实现，使用。 max缓存组件数量，限定缓存5。结合路由和动态组件一起使用，用于缓存组件。在不改变路径的方式，在Main组件下渲染。

判断如果规格长度等于0，直接把规格属性赋空，然后使用笛卡尔积算法将数据进行交叉处理（使用reduce方法，参数1：空的二维数组，参数2：变量2的数据(维度名称标签)，在声明一个空的数组array(用这个空数组去匹配交叉数组),再拿出reduce参数1空的二维数组，forEach循环遍历，在使用forEach遍历变量2数据(维度名称标签)，进行交叉匹配,连接起来添加进array空数组,然后在这个二维数组中重新映射为对象数组,进行拼接数据构建sku表格。变量1接收过滤的tag标签，生成二维数组组。

3.在http文件中的响应拦截器，定义一组数据就是需要无痛刷新的页面，先获取页面路径，判断令牌token是否是10006过期，使用some查找那一组需要无痛刷新的页面，此方法返回的是true跟false，判断如果为true则需要无痛刷新，先从状态管理中取出用户账号和密码，再重新调用登录接口重新登录，通过async将异步序列改为同步（同步获取请求），然后在把获取到的接口存储在cookie中，用于登录之后更新令牌。而无痛刷新的作用就是在客户在进行重要操作时 重新调用一次登录接口将过期的token替换。