0308 今日总结
今日重点
- 如何科学合理配置电脑桌椅(最新修改版) - 少数派 个人读后感:最近肩颈脖子总是不舒服,可能是坐姿问题,看看此文,对比一下哪里的问题,使用科学的坐姿工作学习最高效
- 不同身高的人,桌椅高度应该怎么选? - 知乎 个人读后感:和前面的文章相似,多看看参考参考
好文推荐
有感好文,专题好文
TOP3
- TypeScript 官方宣布弃用 Enum?Enum 何罪之有?官方真的不推荐 Enum 了吗? 甲级战犯 Enum - 掘金 这篇文章主要探讨了 Type 中 Enum 的相关问题。官方虽未直接弃用 Enum 但推出了 erasableSyntaxOnly配置,介绍了可擦除和不可擦除语法。Enum 存在默认值、不支持枚举值字面量、增加运行时开销等问题,并给出多种替代方案,如 const enum、模板字面量类型等,最后总结了相关要点。 个人读后感:推荐使用 as const + 类型字面量方式
新知识
库更新,未知的知识点等
- [最佳实践] 5倍效率+覆盖率90%,大部分程序员不知道的 Cursor 单测生成黑科技 本文探讨了如何利用 Cursor 工具提升单元测试(UT)的效率和覆盖率。单元测试在软件开发中至关重要,能够及时发现代码中的逻辑错误和边界条件问题,从而降低维护风险。文章提供了使用 Cursor 生成单测的具体步骤,包括安装、配置和使用提示。同时,推荐使用 Vitest 作为测试框架,并强调遵循 AAA 结构以提高可读性和可维护性。作者还分享了一些最佳实践,如频繁提交代码、合理配置 .cursorrules、简化代码复杂度等。尽管当前 UT 生成仍需人工介入,但通过这些技巧,开发者可以显著提高测试质量和效率。
- Lynx:迈向原生体验 - Lynx 一套帮助 Web 开发者复用现有经验,通过一份代码同时构建移动端原生界面与 Web 端界面的技术方案。Lynx 专为多样化、富交互的场景打造,得以在 TikTok 这样量级的应用中支撑那些生动且吸引人的界面。它有着高性能、多功能的渲染引擎、性能优先的双线程 UI 编程范式、以及基于 Rust 的现代工具链等诸多特性。 个人读后感:字节开源的一个新的跨端解决方案
其他好文
- 在 Monorepo 中使用 @antfu/eslint-config | Day 5@antfu/eslint-con - 掘金 这篇文章主要介绍在 Monorepo 中使用 @antfu/eslint-config 的情况。指出其对 Monorepo 支持不理想,需对 client 单独配置。包括在 client 目录创建 eslint.config.js,安装必要依赖,配置 ESLint ,还提到在根目录进行 client 检查的方法,以使不同分包能用不同 ESLint 规则检查代码。
- CSS砌体布局:颠覆你认知的最疯狂的CSS最强布局🤡,一行代码解决布局问题! 这篇文章主要介绍了受控和非受控组件的概念,引出了 usePropsValue 以应对组件模式可能的变化。阐述了其编写思路,包括收集相关参数判断模式,还给出了简单实现及优化方案,避免不必要的重新渲染等,并结合 Switch 组件进行了实现,最后总结多了解此类封装有助于写出高可维护组件。 个人读后感:使用 column-count 快速实现多列布局和响应式
- 热门组件库都在使用的usePropsValue怎么写 这篇文章主要介绍了受控和非受控组件的概念,引出了 usePropsValue 以应对组件模式可能的变化。阐述了其编写思路,包括收集相关参数判断模式,还给出了简单实现及优化方案,避免不必要的重新渲染等,并结合 Switch 组件进行了实现,最后总结多了解此类封装有助于写出高可维护组件。 个人读后感:这个工具和 ahooks 的 useControllableValue 相似,作用一致
- Formily - 阿里巴巴统一前端表单解决方案 - Formily 个人读后感:阿里的前端表单解决方案,主要用于低代码方向
- 5 年+前端,坐标成都求内推 - V2EX 个人读后感:作者 5 年前端经验,最近使用 Nextjs 开发了一个好用的在线简历编辑工具,可以看看学学
项目/博客/工具/教程
值得学习 作者/项目/工具等
博客
- Wxh16144 (𝑾𝒖𝒙𝒉) / Starred 个人读后感:第一次见 github star 分类也可以作为个人动态和亮点展示
- 谦行 · 语雀 前端技术砖家 个人读后感:看看大佬的主页,我的学习榜样,涉及前端,java,nodejs 多端学习教程和笔记,重点看看!!!
- 艾逗笔 个人读后感:优秀博客推荐
- mianshipai/mianshipai-web: 前端面试派 个人读后感:双越老师的前端面试题网站
- 前端面试派 个人读后感:双越老师的前端面试题网站
项目
用于学习参考的开源项目,github,预览网站等
- Wxh16144/easy-antd-modal: 二次开发,简化了 Ant Design Modal 的使用方式 二次开发,简化了 Ant Design Modal 的使用方式 个人读后感:又一次见到关于 antd modal 二次封装的,可以分类整理到一起
- 📱 MobVue 致力成为你的移动端 H5 首选 这篇文章主要探讨了 Type 中 Enum 的相关问题。官方虽未直接弃用 Enum 但推出了 erasableSyntaxOnly配置,介绍了可擦除和不可擦除语法。Enum 存在默认值、不支持枚举值字面量、增加运行时开销等问题,并给出多种替代方案,如 const enum、模板字面量类型等,最后总结了相关要点。 个人读后感:好用的 H5 模板
- JOYCEQL/magic-resume: free online AI resume editor 个人读后感:非常好的项目学习样本,多看看多分析分析
- 魔方简历 - 仪表盘 个人读后感:很棒的项目,当前如果做个人项目,不合 AI 结合的话,确实难以出彩
- fluxy-admin后台管理系统开发记录 - 前端小付的专栏 - 掘金 个人读后感:个人项目可以参考这个模式实现
工具
有用的小工具
- arvinxx/npm-template: npm Develop Template 这是一个开发 npm 项目的模板 个人读后感:一个好用的 npm 开发模板,很多作者在用,不过 star 只有不到 100
教程
关于特定技能点或者技术栈的学习教程
- 《跟煎鱼学 Go》 golang 新手开发教程
- 从零开始搭建全栈项目手记 - xiaofuyesnew的专栏 - 掘金 koa + prisma + mysql 开发教程,前端学后端;
- 写给前端的 Java Web 入门手册 - 谦行的专栏 - 掘金 前端大佬的 Java 教程
- (逃离Vercel部署)Next JS + Docker + Github Action + 阿里云自动化部署 - 掘金 这篇文章主要介绍了 Next JS 项目结合 Docker、Github Action 和阿里云的自动化部署流程。包括编写 Dockerfile 打包镜像、阿里云 Docker 环境安装、设置阿里云镜像仓库、配置 Github Action 以及注入生产环境变量等,详细说明了每个环节的操作方法和注意事项,最终实现项目的自动化部署。
- nest接入prisma,以及prisma使用介绍prisma 由于 next 而火,所有肯定有些人为了方便也要集成到 - 掘金 这篇文章主要介绍了在 Nest 中接入 Prisma 的相关内容,包括安装环境、数据库文件编写、数据库操作、事务处理、扩展、开发工具、运行等方面。对比了 Prisma 与 Typeorm 的优缺点,详细阐述了各种数据库关系模型的建立和操作,还解决了诸如分页、DTO 循环引用等问题。
- 如何用Next.js和Supabase构建全栈应用(附代码示例)当谈到为你的下一个全栈应用程序构建和选择框架时,在我看来 - 掘金 这篇文章详细介绍了如何用 Next.js 和 Supabase 构建全栈应用。包括两者简介、启动项目、设置 Supabase 项目与数据库表、连接数据库、配置用户界面、实现用户认证和锻炼功能(如获取、创建、更新、删除锻炼项目),还讲解了部署到 Vercel 的步骤,最后总结强调了教程的作用。
求职/就业/经验/职业规划
求职, 就业, 经验, 推荐公司, 职业规划
- 有没有转行成功的程序员来讲讲自己的故事呢?我们需要一些榜样 - V2EX 个人读后感:看看大家的程序员职业故事
讨论 & GPT & AI
就某个技术点,和 gpt 讨论,得到有用的信息;或者 AI 相关
- ScriptEcho 文档中心 | 全面指南与使用教程 · GitBook 个人读后感:基于这个 AI 工具可以快速生成目标代码页面;