大约5年前,我以Web开发者的身份开启职业生涯,期间了解和尝试过多种编程语言和技术栈,涵盖后端与前端开发。

尽管Web开发的领域非常广泛,但我对前端开发产生了浓厚兴趣并一直专注于这一方向。


前端开发

我热衷于创造简洁优雅、视觉吸睛且具备实用价值的产品——最重要的是,它们必须易于使用。

我尤其喜欢构建 富含UI组件 的网站类型,例如:

  • Web应用程序
  • 技术文档页面
  • CMS内容管理系统
  • 仪表盘
  • 以及其他。

Vue.js

我比较喜欢构建单页面应用程序网站,而Vue是我的首选库。

自2020年工作以来,我一直在使用它,不管是Vue2还是Vue3,都比较熟练。

React

2024年5月——2024年7月,利用闲暇时间,我自学了React。

但遗憾的是,一直未有机会在工作中实际使用,对Reacr的理解还有待加强。

Next.js

在学习React的过程中,我有幸了解到了Next.js,并且深陷其中。为了加深对它的理解,我的博客网站主要技术栈,选的就是Next.js。

TypeScript

TypeScript我使用了2年多,它给我带来的最大感受是清晰、可靠、易维护

Tailwind CSS

目前,我喜欢使用Tailwind CSS进行样式设计,尽管我使用scss/less的时间更长(5年)。

原子化CSS模式显著提升了开发效率,不用花心思去命名class类名,使用起来非常顺滑。

Framer Motion

关于动画,我更青睐于使用Framer Motion。创建交互动画,使用Framer Motion来比使用JavaScript更容易方便


详情纪要

我将所有数据以标签化形式呈现以提升可读性。通过下划线的长度变化,可直观识别相关技术项的使用频率,例如:


频繁使用偶尔

编程语言

HTMLCSS/SCSSJavaScriptTypeScript

技术栈

Vue.jsReactNext.jsjQuery
Tailwind CSSElement UIAnt Designshadcn/uiFramer Motion
EChartsopenlayers

软件工具

VS CodeNVMNode.jsGitWindTerm
DeepseekTyporaPhotoshop