北京
这473篇免费博客，按HackerNoon读者参与度数据排序。想找关于任何技术的最热门博客，可以访问Learn Repo或LearnRepo.com。它是一门科学，也是一门艺术，永远谈不上完美。
从最基础的地方开始
清单里排第一的，是用JavaScript把文本复制到剪贴板。作者说会深入讲解"30秒代码"里的copyToClipboard片段是怎么工作的，源码和其他实用方法都能在项目仓库里找到。
紧接着是怎么用Tailwind在CSS里居中一个元素——垂直和水平方向都覆盖。再往下，是只用CSS创建一个盒子元素。作者提醒，学CSS的第一步就是盒子模型，在碰其他概念之前，这个必须先掌握。
还有一篇讲CSS瀑布流布局：当尺寸不一的元素排列时，不会留下不均匀的空隙。
设计还是开发，先搞清楚
有篇博客专门回答一个问题：网页设计和网页开发到底有什么区别。作者回忆自己早期学开发时，多次被这两个概念搞混，于是把疑问一条条列了出来——网页设计师的角色是什么？做网页设计涉及哪些工作？这两个词能互换吗？
另一篇讲的是前端开发者和设计师之间怎么搭桥。作者说自己作为网页开发者走了很长的路，在不同团队、和不同的设计师合作过。
还有一篇从面试角度切入：每一次设计岗面试，都有一个共同环节——作品集演示。作者围绕这一点给了建议。
性能、规范与框架之争
清单里有一篇标题很直接："做全世界最快的网站，我学到的10件事"。作者提前说明，这篇讲的是性能技巧，所以网站本身还没完全做完，希望读者不要介意。
另一篇是"读flexbox规范学到的11件事"。作者说自己一直觉得flexbox很好用，在经历了多年的浮动和clearfix之后，简直是一股清流。
框架选择上也有不同声音。一篇标题叫"Tailwindcss？我不用"，作者认为Tailwind正在突破CSS库和框架的边界，Bootstrap在落后，原生CSS则原地踏步。另一篇则讲从零开始建网站的好处：作者说，当他说没用任何框架或库时，对方通常很惊讶，反问"为什么？用库容易多了，还省开发时间"。但他每次确认自己做了对的决定——产品里每一行代码都是他按自己的思路和创意写的，可能不完美，甚至不符合网页规范，但这就是学习的方式。
清单里还混着一些不那么"教程"的内容。比如一篇吐槽：拜托告诉我你们公司到底是做什么的。作者拿Meltwater举例，说它的产品很简单——一个媒体联系人数据库，记者一般不愿被各种"颠覆性"创业公司打电话求报道，而花几千美元一年，就能拿到记者的邮箱和电话。
还有用ChatGPT写整个作品集网站的实践，作者讨论了ChatGPT的强项、弱项，以及编码时的技巧。以及用Three.js在React应用里渲染3D模型、用typeof操作符、用SvelteKit搭Svelte应用、用发布-订阅模式写JavaScript等等。
473篇，按阅读热度排下来，本身就是一张网页设计的学习地图。从盒子模型到性能优化，从面试作品集到框架之争，该踩的坑基本都有人写过了。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
