首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端优化
订阅
用户9160941303733
更多收藏集
微信扫码分享
微信
新浪微博
QQ
25篇文章 · 0订阅
vite3+vue3 打包优化实战;history404、视图分析、分解分包
@TOC 写在前面 vue项目在线下环境开发完成后,我们就需要项目的打包上线了,除了要知道打包命令npm run build 之外,我们还要知道项目整体文件依赖情况,web访问加载速度等概念,包括首屏
如何给所有的async函数添加try/catch?
阿里三面的时候被问到了这个问题,当时思路虽然正确,可惜表述的不够清晰 后来花了一些时间整理了下思路,那么如何实现给所有的async函数添加try/catch呢?
vite性能优化 — 增加业务代码预构建,加快首屏输出
vite 令人眼前一亮的莫过于开发阶段的预构建与快速响应开发体验了。 但是可能在自己项目中使用 vite 的时候会出现水土不服, 很重要的一个问题发现优化并没有效果, 主要是因为我们项目首屏也就是 i
如何通过性能优化,将包的体积压缩了62.7%
今天前同事找到我,向我请教了一个性能优化的问题,我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......
vue h5 video 多视频无缝切换
思路页面中创建两个video标签在组件加载时同时加载两个视频资源(autoplay),暂时不播放的视频在canplay事件中调用暂停方法,使之实现预加载使用绝对定位将预加载的视频移出可视窗口第一个视频
Vue 全家桶仿原生App切换效果和页面缓存实践
在之前做的 WEB 单页应用在切换效果上有些生硬,而且页面的缓存和更新在体验上达不到预期的效果。虽然 vue 的 keep-alive 能达到将组件进行缓存,但是在做一些特殊的需求的时候,如把新打开的页面(组件)进行缓存,当点击返回的时候就将该缓存的页面(组件)进行销毁,就像模…
记一次VUE项目中遇到XSS攻击
一切的原因都归咎于富文本编辑器.... 应需求将文本域修改成富文本编辑器支持用户直接粘贴图片遭到用户使用网络图片上传方式攻击 攻击代码1" onerror=s=createElement('scrip
我们团队在 Vue 3 Dev Tools 的帮助下,调试效率有了质的飞跃!
Vue3 已经出来了, Vue3 Devtools 正式版也快出来了,目前我们在用的是 beta 版本,现在我们来看看 Vue3 Devtoolls 有哪些新的功能。 安装 打开谷应用商店,搜索 vu
解决v-html指令潜在的xss攻击
运行之后由于src地址对应的资源找不到,会触发img标签的error事件,最终alert弹框。这便是一个最简单的xss攻击。 进而执行updateDOMProps函数,更新元素的innerHTML内容。 可以看到v-html指令最终调用的是innerHTML方法将指令的valu…
10000000条弹幕数据循环怎么优化?
最近做了直播相关的业务,然后对于大数据相关的优化做了一下复盘。 为了了解我是怎么做这个优化的,我们先从如何按照特定的条件删除一个数组说起。 1、如何删除数组中的元素 场景:有一个数组,需要删除满足条件