2024年的学习规划和网站建设计划

264 阅读4分钟

前言

各位看官,今天是 2024-03-22 号,3月份马上就过去了,今天也是这轮任务迭代提测的最后一天,终于可以清闲一下,趁着闲余之时,梳理一下自己今年的一些想法和计划。

本篇章主要规划两个方向:

  1. 学习计划
  2. 网站建设计划

学习计划

Nuxt.js - 服务端渲染

什么是服务端渲染? 服务端渲染(Server-Side Rendering,简称 SSR)是一种网页渲染技术,指在服务器端将网页内容生成 HTML 代码,然后发送到浏览器端进行渲染展现。

这种技术相较于客户端渲染(Client-Side Rendering),可以在服务器端直接生成 HTML,减少了数据在浏览器和服务器之间的往返传输,从而提高了页面加载速度和 SEO 效果。同时,服务端渲染在首次访问时可能会比客户端渲染更快,因为它不需要等待页面内容完全加载和解析 JavaScript。但服务端渲染也可能带来一些缺点,如增加服务器负载、影响维护性和用户体验。

现在前端实现服务端渲染的技术主要有:

  1. Next.js:一个轻量级的 React 服务端渲染应用框架
  2. Nuxt.js:一个基于 Vue.js 的服务端渲染应用框架

这两者基于目前前端流行的两大主流框架 ReactVue.js,所以选择它们也成为必然选择。但是工作中项目的技术选型基本固定,在工作中时很难使用它们的,只能利用空余时间学习。

考虑到 Vue.js 的生态和易上手性,打算选择 Nuxt.js 搭建一个工程,从 0 到 1 体验服务端渲染的好处,所以今年一定要学会使用 Nuxt.js,就是你了。

6up6ltfj90xwq2wgatl8w2npflaobav4.png

Vue3 + Vite 项目建设

现在前端太卷了,一年时间就可以衍生出各种开发框架、开发工具、插件,学习的速度永远也没有技术迭代快,基于这个原因,打算从 0 到 1 使用 Vue3 + Vite 技术栈搭建一个工程,制定一套符合自己想法的技术开发规范,包括但不局限于:

  • 复选框约定式路由 - vite-plugin-pages
  • 配置 husky commit 规范
  • Http 请求封装配置
  • 配置 Unocss
  • 配置 Pinia
  • Less 预编译器配置
  • Vite 路径别名、代理等基本配置
  • Vite 打包分包优化
  • Vite 打包文件目录配置
  • ...等等

这块还有什么好用的工具吗,或者说还有什么好的建议吗😆

网站建设计划

博客 - MyLife

欢迎访问我的博客:白雾茫茫丶

现在博客的 UI页面 我挺喜欢的,自己也对文章封面、SEO 优化、资源压缩等方面做了一定规范和优化,内容也在不断的更新下,也逐渐变得丰富起来,最起码看起来没有那么空洞。

不足之处就是缺少高质量的文章,主要原因还是自己对知识和原理的理解不透彻,争取今年出点有自己见解的文章。

今年目标:平均每个月写两篇文章

可以了吧?😄

学习笔记 - XmwDocs

站点预览:XmwDocs

这个网站搭建了一个多月了,初衷是用来记录收集前端相关的知识:面试宝典LeetCode算法每日壹题等,方便自己在对哪块知识点比较模糊的时候,能随时快速地有文档去了解,记录的过程中也能查漏补缺。

但由于前端涉及的知识范围确实太广了,而且自己平时工作也比较忙,导致站点内容更新比较慢。

今年目标:前期平均每天记录一条知识点(摘抄自高质量文章)

多还是少了?😏

总结

  1. 学习 Nuxt.js 技术
  2. Vue3 + Vite 项目建设
  3. 博客内容:平均每个月写两篇文章
  4. 学习笔记:前期平均每天记录一条知识点

目前就先这些吧,后续如果遇到有趣的东西再去研究。🫰