前言
各位看官,今天是 2024-03-22 号,3月份马上就过去了,今天也是这轮任务迭代提测的最后一天,终于可以清闲一下,趁着闲余之时,梳理一下自己今年的一些想法和计划。
本篇章主要规划两个方向:
- 学习计划
- 网站建设计划
学习计划
Nuxt.js - 服务端渲染
什么是服务端渲染?
服务端渲染(Server-Side Rendering,简称 SSR)是一种网页渲染技术,指在服务器端将网页内容生成 HTML 代码,然后发送到浏览器端进行渲染展现。
这种技术相较于客户端渲染(Client-Side Rendering),可以在服务器端直接生成 HTML,减少了数据在浏览器和服务器之间的往返传输,从而提高了页面加载速度和 SEO 效果。同时,服务端渲染在首次访问时可能会比客户端渲染更快,因为它不需要等待页面内容完全加载和解析 JavaScript。但服务端渲染也可能带来一些缺点,如增加服务器负载、影响维护性和用户体验。
现在前端实现服务端渲染的技术主要有:
- Next.js:一个轻量级的 React 服务端渲染应用框架
- Nuxt.js:一个基于 Vue.js 的服务端渲染应用框架
这两者基于目前前端流行的两大主流框架 React 和 Vue.js,所以选择它们也成为必然选择。但是工作中项目的技术选型基本固定,在工作中时很难使用它们的,只能利用空余时间学习。
考虑到 Vue.js 的生态和易上手性,打算选择 Nuxt.js 搭建一个工程,从 0 到 1 体验服务端渲染的好处,所以今年一定要学会使用 Nuxt.js,就是你了。
Vue3 + Vite 项目建设
现在前端太卷了,一年时间就可以衍生出各种开发框架、开发工具、插件,学习的速度永远也没有技术迭代快,基于这个原因,打算从 0 到 1 使用 Vue3 + Vite 技术栈搭建一个工程,制定一套符合自己想法的技术开发规范,包括但不局限于:
复选框约定式路由 - vite-plugin-pages
配置 husky commit 规范
Http 请求封装配置
配置 Unocss
配置 Pinia
Less 预编译器配置
Vite 路径别名、代理等基本配置
Vite 打包分包优化
Vite 打包文件目录配置
...等等
这块还有什么好用的工具吗,或者说还有什么好的建议吗😆
网站建设计划
博客 - MyLife
现在博客的 UI页面 我挺喜欢的,自己也对文章封面、SEO 优化、资源压缩等方面做了一定规范和优化,内容也在不断的更新下,也逐渐变得丰富起来,最起码看起来没有那么空洞。
不足之处就是缺少高质量的文章,主要原因还是自己对知识和原理的理解不透彻,争取今年出点有自己见解的文章。
今年目标:平均每个月写两篇文章。
可以了吧?😄
学习笔记 - XmwDocs
站点预览:
这个网站搭建了一个多月了,初衷是用来记录收集前端相关的知识:面试宝典、LeetCode算法、每日壹题等,方便自己在对哪块知识点比较模糊的时候,能随时快速地有文档去了解,记录的过程中也能查漏补缺。
但由于前端涉及的知识范围确实太广了,而且自己平时工作也比较忙,导致站点内容更新比较慢。
今年目标:前期平均每天记录一条知识点(摘抄自高质量文章)。
多还是少了?😏
总结
- 学习 Nuxt.js 技术
- Vue3 + Vite 项目建设
- 博客内容:平均每个月写两篇文章
- 学习笔记:前期平均每天记录一条知识点
目前就先这些吧,后续如果遇到有趣的东西再去研究。🫰