最近一有时间就更新“spacexcode.com”站点，这么多年做前端下来，沉淀的有质量的输出不多。想了很久，真正下定了决心，要做一个前端的知识分享站点，能放到别人收藏夹的那种（可不是吃灰哦）。
目前是这样规划的，因为站点是采用 Docusaurus 搭建的，主要功能形态有文档、博客、页面三种，文档专注某一类的知识点的串联与汇总，博客分享一些小的知识点有深度的见解与分析。页面则开发一些含功能性的演示，重在实践。这样我们就真正的打通了学习知识从概念，到深入再到运用的闭环。
文档
以我涉猎的知识范围来划分，文档的第一层级分别有：JavaScript、CSS、NodeJS、Vue、React、前端框架、服务器这样大的知识领域的划分，里面包含学习资源汇总、核心知识的点的概念剖析，疑难问题的收集等；
博客
博客已分享了一些使用的 Docusaurus 的技巧，React 搭建的小型知识点的 demo，这次的博客内容不再只是呆板枯燥的文字，要尽量加入一些动效的演示，让文字更生动些。而这得益于 Docusaurus （静态网站生成技术方案）对 mdx 和 jsx 文档格式的支持！
页面
页面也有了代码片段、统计工具、分隔线工具三款产品的输出。后面会继续开发一些觉得很酷又很实用的小工具，一则对于所学知识的及时运用，有利于编码能力的提升，二则锻炼一下自己的产品思维，万一做出了一款日活上万的小应用呢！
在做好内容的同时，还要兼顾一下网站的视觉与交互体验，谁叫我们是前端工程师呢？好看的界面一定会给站点带来一定的吸引力。对于 UI 层面我引入了 Material UI 和 网站本身自有的 Infima 搭配混合使用。使用一些成熟并且审美在线的前端组件库，给开发带来了便捷和高效。毕竟还是要把主要的精力放在内容上。
接下来我会在工作之余不断地往网站里丰富内容，也是对自己十年来前端领域所学知识的沉淀和总结吧。
网友评论