- 后端技术9
- 运维技术5
- 前端技术3
- 安全技术3
- VPS技术2
- 后端2
- 前后端分离2
- 关于我1
- 个人简历1
- 安利好物1
- 生活随笔1
- 知识库目录1
- 张若昀1
- 追剧推荐1
- 薛之谦1
- 音乐推荐1
- 科学上网1
- 前端1
- 经典漏洞1
- 技术栈1
- 操作系统1
- 系统部署1
- 实用工具1
- 雷军思想1
在我的简历中,前端技术也是重要的一环。Vue3 配合 TypeScript 已经成为现代前端开发的标配。
1. Vue3 新特性
Composition API
解决了 Vue2 中 Options API 导致的代码逻辑分散问题。我们可以将相关的业务逻辑组织在一起,提高代码的可维护性。
import { ref, onMounted } from 'vue';
export default {
setup() {
const count = ref(0);
const increment = () => count.value++;
onMounted(() => {
console.log('Component mounted');
});
return { count, increment };
}
}
性能优化是提升用户体验的核心。优化的目标通常是:加载更快、交互更流畅。
1. 网络传输层
- 减少 HTTP 请求: 合并 CSS/JS 文件,使用雪碧图(Sprite)或 Base64 图片。
- 开启 Gzip: 服务器配置 Gzip 压缩,文本资源可减少 70% 体积。
- 使用 CDN: 将静态资源分发到边缘节点,降低延迟。
- HTTP/2: 利用多路复用,解决队头阻塞问题。
