felbryiozzzz

今年 31 ，同为前端，还在职中。目前我是两个思路
一是持续搞组件库，用 lit 做 web component 组件库。统一各个组件的 api ，适配移动端和 PC 端。持续迭代积累，后期组件成熟针对 form 、table 类常见的业务场景做更多复合组件，降低开发成本。
（思路一同时服务我的工作和副业）
二是给身边的自由职业朋友做系统。其实我觉得很多个体，小商户也都是需要系统的，只是一遇不到资源、二服务器和域名、开发成本。现阶段有 AI 加持，Nodejs 方面有 strapi 这类框架，开发这种少量人使用的系统还是方便不少的。阿里的 99 机型，或者家用 NAS/主机，开 ipv6 ，也能跑起来自己的小系统，这方面成本是能降下来的；我给朋友开发不收钱，但是一旦产品成熟，卖给他们圈子里的人，再扩展出去，一个就卖千元内，还是有的赚的

@elantion https://lit.dev/docs/data/context/

首先编辑器插件都有智能提示，有补全，也能 hover 看生成样式
常用的布局类、文本样式类、边框等等用的多了，写起来是真的流畅（结合 uno 的变体 https://unocss-cn.pages.dev/transformers/variant-group 也能提升一些书写体验）
确实在渐变、动画还有一些其它复杂的地方不太方便，但是可以多记录总结些经验，毕竟不是经常用到的场景，可以用 A4 打印纸打印出来一份总结放旁边
至于 devtools 调试 element ，大部分场景还是通过选择器去选元素定位吧，devtools 有，vue devtools 也有这类功能。 人工找节点的场景太少了吧（我是想不起来上一次需要人工去 dom 树里找节点的场景）
作为一个过去纠结 CSS 类命名规范的老前端，感觉原子化 CSS 简直不要太爽

你如果是团队管理者或是 UI 库作者，原子化 css 甚至还可以让你很轻松的管理项目主题规范，间距、颜色、文字排版等等。你的项目里能出现几种颜色，几种文字排版，通过 theme 自定义好，约束大家只能用这几种，tailwind 和 unocss 是真的便捷

前端的在抖音有个 渡一 Web 前端学习频道，刚去看了下还是日更，选题都挺不错的

这几年这行业一片哀嚎 谁还有那心情整这些

阮一峰博客之前推荐过一个类似产品 https://docs.liubai.cc/ 要深度使用应该还需要收费