本文通过探讨保留速写本对开发人员的好处，解释了为什么保留速写本能让开发者成为更好的开发人员。文章强调了三个方面的好处：首先，手写笔记有助于保留知识，因为手写需要更精确的总结以形成简洁笔记，比打字更能帮助记忆；其次，可视化代码可以帮助从不同的角度思考问题，如使用实体草图规划和可视化网页布局，数据工作者也可以利用速写本绘制实体关系图来避免数据问题；最后，绘画可以提高回忆信息的能力，因为绘画行为本身可以激发记忆能力。
展示个人网站/作品集，并分享其使用的技术及原因。该网站位于<https://thedev.sk>，使用Preact和Typescript构建，通过Parcel捆绑，内容预渲染并托管在now.sh上。背景图像为使用ZBrush制作的3D模型的渲染。尽管使用旧技术（如html/css/vanilla js）可能更省时，但作者选择尝试Preact和Parcel，看到了在此副项目中使用它们的机会。期待看到其他人的作品。
文章摘要： 本文介绍了Next.js中的四种数据获取方法：客户端渲染（CSR）、服务器端渲染（SSR）、静态站点生成（SSG）和增量静态再生（ISR）。文章首先解释了这些术语的含义和区别，然后通过代码示例演示了如何在Next.js中使用这些方法获取数据。具体来说，文章展示了如何使用axios从API获取日期时间，并使用Next.js的特殊函数进行渲染。最后，文章强调了使用不同数据获取方法时的关键要点，如使用useEffect函数进行客户端渲染，使用getServerSideProps函数进行服务器端渲染等。
如何使用Next.js和Tailwind CSS设置Storybook的摘要如下： 首先，介绍Storybook是维护和预览独立组件的绝佳工具，并指出设置过程中存在稀缺的资源。接着，分步教程使用Storybook v6.4.9和TypeScript编写。提到如果在一些小更新后教程无法使用，欢迎评论。 然后，介绍如何初始化Storybook，包括使用命令安装storybook并提示是否要安装eslint插件。 接下来，安装PostCSS插件，因为Tailwind CSS需要PostCSS才能工作。需要预先构建的附加组件之一将其与Storybook集成。 接着，添加Webpack作为解析依赖项是必要的，确保webpack作为依赖项安装。如果不安装会导致错误，要将其添加到package.json文件中并安装webpack分辨率。 最后，替换自定义的main.js配置来代替原有的配置。介绍该配置包括指定故事文件的位置、静态目录、插件以及Webpack的最终配置等。其中特别提到一些修复问题的地方，例如解决Storybook的问题与PostCSS@8有关以及为别名导入添加支持等。通过此教程，读者可以顺利完成使用Next.js和Tailwind CSS设置Storybook的过程。
从YouTube学习Web开发的频道列表： 一、HTML和CSS学习推荐频道： * Kevin Powell的频道涵盖了大量的CSS基础知识。 * 设计课程重点讲解如何设计网站。 * Web Dev Simplified频道适合初学者，涵盖了基本内容。 * Dev Ed的频道有一些视频涵盖了HTML和CSS中的常见布局。 * 网络忍者提供了HTML CSS速成课程。 二、JavaScript学习推荐频道： * Traversy Media频道除了JavaScript之外，还有很多其他内容，如React。 * Florin Pop的频道可以查看高阶函数和Vanilla Javascript的项目。 * codeSTACKr的频道有一些90秒掌握Javascript系列，包括一些速成课程和一些基础知识。 三、React.js学习推荐频道： * Traversy Media有一个React课程（非常推荐）。 * Dev Ed的频道有关于高级React的精彩内容。 * 网络忍者也提供React课程。 * James Q Quick的频道如果你有兴趣了解Gatsby课程。 四、Next.js学习推荐频道： * Lee Robinson的频道很好地解释了Next.js，他实际上曾在Vercel工作过。 * Ben Awad的频道很棒，但他使用了一些初学者不熟悉的技术栈。 此外还有一些推荐的频道涉及React中的动画学习、其他资源和已完成的课程等。
文章讨论了前端开发中的字体大小单位选择问题，探讨了 Rem、Em 和 Pixel 的使用优缺点。总结认为，应该使用 Rem 来设置字体大小以保持可访问性，并使用 Em 来设置比例填充。同时指出，对于某些特定的元素如边框宽度，可以使用 Pixel 值。文章详细解释了 Rem 和 Em 的定义和工作原理，并通过实例展示了它们的应用。最后，文章提供了个人网站的链接，方便读者访问更多博客文章和代码片段库。
文章摘要：该文章探讨了CSS布局中Flexbox和Grid的使用选择问题。首先，文章介绍了Flexbox和Grid的基本概念，然后详细描述了如何使用Flexbox解决一些常见的布局问题，如创建一个元素在水平和垂直方向都居中的容器，以及将页面分成几个等宽的部分。文章还提供了相关的CSS代码示例。最后，文章讨论了何时应该使用Flexbox或Grid，指出Flexbox更适合解决一维布局问题，而Grid更适合创建复杂的二维布局。
摘要：文章介绍了理解Flexbox的思维模型，包括理解弯曲方向、内容对齐、对齐项目和Flexbox如何划分子元素的心理模型。文章以易懂的方式解释了这些概念，并通过插图和示例加以说明。
摘要： 本文探讨了为什么学习编程如此困难，介绍了初学者在编程过程中可能遇到的挑战和陷阱。文章指出初学者常常会陷入“手牵手蜜月期”的错觉，盲目乐观地认为自己已经掌握了编程技巧，而在现实中遭遇困难时感到困惑和挫败。文章通过描述编程旅程的四个阶段，帮助读者认清学习编程的真实情况和挑战，并提供了一些应对方法和建议。同时，文章还强调了在编程学习过程中保持清醒头脑和充足计划的重要性，以避免重复前辈常犯的错误。
Node课程更新，引入PostgreSQL和Prisma等技术栈替代MongoDB和Mongoose。课程内容包括新的内部课程、技术栈更新以及针对正在学习中的学生的建议。此外，文章还提到了贡献者的重要性和对特定贡献者的感谢。
