logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端 - uniapp - - 分包

我之前遇到过node_modules/uni.modules里的组件库也被打进主包了 导致主包的体积干到了几十M 最后发现是我在index.scss中定义了一个font-family字体 会将ttf格式的字体资源文件编译成base64打包进所有的css文件中 包括依赖中的组件库 最后只能放弃这个字体了。除了分包 还要注意小程序的静态资源(static中的图片之类的)也会占用主包空间 静态资源要放在

文章图片
#前端#uni-app
前端 - vue - - 多级路由嵌套,页面空白

答:拿elementui中的el-menu举例,确实是循环渲染路由及其children,但需要依据父id和子id的对应关系 将同级路由处理成嵌套路由,如1级菜单和2级菜单的路由都为同一级,但2级菜单具有parentId属性,1级菜单有id 无parentId,2级菜单的parentId 等于 1级菜单的id。像后台管理页面的layout侧边栏不就是根据路由的children渲染2级菜单、3级菜单的

文章图片
#vue.js#前端#javascript
前端 - css - scss的for循环

合理的运用scss的for循环可以极大程度上减少代码冗余 比如宽高、内外边距一般会在src下新建style文件夹 里面再建index.scss 在里面写scss的样式配置。

文章图片
#前端#css#scss
前端 - JavaScript - - 宏任务&微任务详解

JavaScript事件循环中的任务分为宏任务(如setTimeout、UI渲染)和微任务(如Promise.then)。执行顺序为:process.nextTick > 当前宏任务 > 微任务 > 下一宏任务。通过合理利用这两种任务可以优化性能:将非关键任务推迟到宏任务队列,将UI更新聚合到微任务队列减少重绘,以及将长数组任务切片异步执行避免卡顿。典型场景题展示了同步任务、微任

文章图片
#前端#javascript#开发语言
前端 - vue - - vue中如何获取环境变量以及import.meta.env和process.env的区别

import.meta的运行环境是浏览器 属于浏览器特性 而process的运行环境是服务端(node、ssr) 所以我们在VUE3项目中使用process获取环境变量是不可以的

文章图片
#前端#vue.js#javascript
前端 - uniapp - - 获取formdata对象上传文件

​场景:小程序中选择图片/文件 上传至服务器时,接口要求前端传formData对象但小程序中没有formData对象 所以我们在使用new FormData()时会报错,而uniapp提供了一个上传文件的api可以获取formData对象https://uniapp.dcloud.net.cn/api/request/network-file.html#uploadfile​

文章图片
#前端#uni-app
前端 - vue3 - - getCurrentInstance详解以及为什么不推荐使用

鱿鱼原话:直接访问实例会绕过vue3的响应式系统 不符合vue3的中心思想(解耦和复用性),getCurrentInstance已经在最新的文档说明中移除 是因为它作为一个内部api 不应该被公开使用 只会用于vue3生态中某些测试库 

文章图片
#前端#vue.js#javascript +1
前端-uniapp-app.json在项目根目录中未找到app.json

场景:1、代码工程刚刚在仓库里拉下来 运行至微信开发者工具时报错:未找到app.json;2、解压出来别人压缩的代码工程后运行报错:未找到app.json;

文章图片
#uni-app#前端
到底了