sjdhome blog
·
Hello world
内容提要
这篇文章讨论了手写纯 HTML 网页的体验。作者认为，尽管现代开发者倾向于使用前端框架如 React 和 Vue，手写 HTML 仍有其优势，如便于搜索引擎收录和降低项目复杂性。即使没有组件库，手写 CSS 也能实现良好的效果。
关键要点
-
手写纯 HTML 网页的开发者在现代较少，许多人倾向于使用前端框架如 React 和 Vue。
-
使用 React 和 Vue 等框架生成的页面是客户端渲染 (CSR)，不利于搜索引擎收录。
-
使用构建工具需要 Node.js，增加了项目的复杂性和体积。
-
支持服务器端渲染 (SSR) 的框架如 Next.js 也会增加项目复杂性，不利于微调。
-
手写 HTML 虽然需要手动复制，但并不麻烦，部分样式可以通过 CSS class 实现复用。
-
即使没有组件库，手写 CSS 也能实现良好的效果。
延伸解读
手写 HTML 的优势
尽管现代开发者普遍使用前端框架，手写 HTML 仍然具有独特优势。它能提高搜索引擎的收录效率，避免了复杂的构建工具和依赖，适合小型项目或个人网站。手动编写代码也能让开发者更深入理解网页结构。
前端框架的局限性
使用 React 和 Vue 等框架虽然能提升开发效率，但生成的客户端渲染页面可能影响 SEO。对于需要良好搜索引擎表现的网站，手写 HTML 或使用支持服务器端渲染的框架可能是更好的选择。
CSS 的灵活性
手写 CSS 可以实现良好的视觉效果，尽管没有组件库的支持。通过合理的 CSS class 设计，开发者可以有效复用样式，降低重复工作量。这种灵活性在小型项目中尤为重要。
延伸问答
手写纯 HTML 网页有哪些优势？
手写纯 HTML 网页便于搜索引擎收录，降低项目复杂性。
为什么现代开发者倾向于使用前端框架？
现代开发者倾向于使用前端框架如 React 和 Vue，因为它们提供了更高的开发效率和组件化的开发方式。
客户端渲染 (CSR) 对搜索引擎收录有什么影响？
客户端渲染 (CSR) 页面不方便被搜索引擎收录，可能影响网站的可见性。
使用构建工具有什么缺点？
使用构建工具需要 Node.js，增加了项目的复杂性和体积。
手写 CSS 能否实现良好的效果？
即使没有组件库，手写 CSS 也能实现不错的效果。
手写 HTML 的过程是否复杂？
手写 HTML 的过程并不复杂，部分样式可以通过 CSS class 实现复用。
