- 博客(9)
- 收藏
- 关注
原创 GitHub Actions同步当前项目到一个新仓库
首先说下场景,最近又捣鼓升级了一下Git个人网站的vuepress版本,弄完之后就想在提交代码的时候把构建的资源再提交到一个新的Git仓库;以前都是手动执行打包部署的node脚本
2024-05-15 20:44:18
276
原创 输入一个URL,回车之后到页面渲染的那些事
应该有很多人面试被问到过输入URL到页面渲染这个问题,这篇内容针对这部分了做了一遍系统的梳理,对http和https的差异、请求过程及页面解析中的细节做了补充和完善。
2024-04-26 10:24:13
1025
原创 写给自己的前端性能优化
从整体架构方面还可以做下面几件事;组件增加权重,针对单个组件,给组件添加权重值,针对权重大的组件优先展示;按机型加载资源,根据当前系统版本、机型配置做不同的资源加载,动画交互降级;微前端拆分应用,剥离业务,减少业务之间的关联影响,使用micro-app或者qiankun;最后优化是有成本的,也需要根据场景决定是否进行优化。
2023-11-07 15:07:35
68
原创 nvm配置
路径中的文件夹不能包含空格跟符号,不然在设置版本的时候会报错;这个我看很多是要设置环境变量,但是我这是因为没有使用。命令,执行完之后就都正常了。
2023-07-14 13:01:35
1187
原创 git骚操作之提交到多个仓库
不知道大家有没有过相同的感受,github 经常访问不了,只能搭梯子才稳定,用 gitee 来代替但是感觉生态又没有 github 活跃
2022-08-24 18:04:02
614
原创 聊聊我是怎么样用vite替换webpack的
随着项目功能越来越多,代码越来越复杂,随之而来的就是项目的各种慢(ps:跑个项目的时间都能去茶水间打杯水回来喝一会儿了 😭😭😭)
2022-06-24 08:44:32
4244
2
原创 element 封装表格table-column列顺序不对
问题封装表格时表头出现了顺序错乱的情况我这样写的,因为需要自定义列隐藏,所以加了一层div包裹最开始的解决方案过程中发现在最前面加一列就可以解决顺序错乱问题,所以就用了下面图片中的方式来解决用了一段时间后,还是觉得不太舒服,毕竟莫名奇妙多了一行代码后来找度娘看了下el-table-column加key先看到了这个,尝试了一下没啥效果官方issues后面看到官方issues里面,惊喜的发现下面的解决方案里居然有说用表格增加个宽度为1的列来解决的,感觉离大佬们又近一步,果
2021-08-27 09:58:21
2362
3
原创 使用element 上传组件时界面抖动
场景描述在使用 element ui 的上传组件时,会出现一个上传进度的 loading 元素,导致形成一个图片被挤到后面,上传完成之后又回来的效果经过尝试,主要由于在上传完成之后 push 操作了 upload 组件的 fileList 数组;this.fileList.push({ name: this.data.key, url: imgUrl + this.data.key,})解决实现1.避免 push,而是直接赋值// 看项目场景影响this.fileList = [
2021-01-08 09:39:31
2377
8
原创 多级flex布局文字溢出省略号失效
场景描述商城购物车元素左右布局的内容商品描述,使用多级flex布局时,文字溢出以省略号代替会出现失效的情况解决方案在父级元素增加 overflow: hidden<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .container {
2020-12-24 08:51:27
367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人