写代码的宝哥-CSDN博客

原创前端周刊第75期：Emoji 15.1、PS Web、ToC设计、Lit

由一所大学的新闻实验室创建，它的目标不是专业的开发人员，而是专注于讲故事或在线展示一些数据的人。- 这篇文章介绍如何使用新的、强大的颜色语法功能（Chrome 119+），让你进行动态颜色调整（如变亮、变暗、反转、饱和等）Unicode 联盟起草的最新 emoji 推荐列表，Emoji 15.1，已经正式批准了 118 个新的 emoji。- Roman 继续深入研究与滚动驱动动画相关的内容，这次研究如何将一个元素的状态转移给页面上不同位置上的另一个元素。

2023-10-23 15:49:00 150

原创前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome

然而，现在当前我们提到 Tailwind CSS 时，往往不是指框架本身，而是指通过 Tailwind UI 提供的 UI 组件。然而，这种比较框架是不公平的，并助长了过度依赖 React 等库的误导性批评。从本份报告你不仅能了解 CSS 常用的一些功能特性，还能接触到一些新特性、新名词，帮你掌握未来 CSS 的发展趋势。值得一提的是，从今年报告的结果中，可以看到 CSS 框架的使用现在正处于某种下降趋势。- 一个 JavaScript 组件，用于基于浏览器的音频波形可视化，来自 BBC 的研发部门。

2023-09-06 12:30:09 235 1

原创前端周刊第68期

TypeChat 就是 LLM 到应用程序之间的桥梁——通过预定义类型，由 TypeChat 为我们定义 Prompts 并规范化 LLM 的返回的数据，并返回给我们高度定义好的 Response。的回应，Web Components 并不是一无是处，它有自己擅长的某些方面，我们要扬长避短，充分利用好 Web Components 技术。- 高性能、灵活的的表单 React 表单校验库，适用于 React Web 及 React Native。好用的地方不仅在于可以远程视频聊天，还能成为多人协作软件。

2023-08-28 09:46:41 183 1

原创前端周刊第67期：Bun、htmx、Lodash、NakedJSX、Croner

What's New in DevTools (Chrome 117)](https://developer.chrome.com/blog/new-in-devtools-117/ "What's New in DevTools (Chrome 117 "What's New in DevTools (Chrome 117)")") - 支持本地修改请求响应、代码高亮及高亮支持。当然，实际项目中为了安全稳定，我还会继续使用 Lodash，而将这里列举的实现可以作为了解内部工作模式的一种方式。

2023-08-21 10:50:31 273 1

原创前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章

提供了一个简单的可视化编辑器，您可以在其中自定义大约 11 个不同组件（按钮、导航栏、卡片、侧边栏、警告等）的样式，然后复制带有 Tailwind 类的 HTML 代码。- v20.5.1（Current），v18.17.1（LTS）和 v16.20.2（LTS）都是这组版本的一部分，包含 OpenSSL 安全更新和修复，主要围绕权限策略。- “搜索页面加载时间每缩短 100 毫秒，eBay 的“添加到购物车”的次数就会增加0.5%“——凸显了性能优化在一个庞大规模网站上是多么重要。

2023-08-14 13:18:16 253 1

原创前端周刊第65期：RSC、Type vs Interface、Syntax.fm、tsup

你是否遇到过这样的问题:手机上有一个固定元素，但当键盘被激活时，它可能会被隐藏起来？- 这是一个运行在 Electron 中的虚拟机，可以在 1991 年的麦金塔 Quadra 900 上运行 Mac OS 8，而不需要安装单独的模拟器和操作系统。- 计算运行您的JS应用程序或库的真实“成本”，并保持对性能的关注，并在事情出错时（比如在CI系统中）发出警报。太深入了，那么这是一篇很好的基础解释——涵盖 RSCs 要解决的问题、为什么要使用它以及 Next.js 中是如何让 RSCs 很容易使用的。

2023-08-07 13:53:48 117

原创 cron 表达式: 一套用于指定定时任务的表达式

经典的 Cron 表达式由 5 位构成，中间用空格分割，分表表示“分钟”、“小时”、“几号”、“几月” 和 “周几”。实际使用时，不同软件可能会做一些拓展，比如 Node.js 的 Cron 使用的就是 6 位，稍稍注意一下即可。Cron 是一种用于设置定期执行任务的表达式，语法比较简单，常用于备份系统或清理日志，现在已被广泛地应用于各种操作系统和应用程序中。需要注意的是，cron 采用的是 6 位 Cron 表达式语法。那么后续执行时间分别是：。那么后续执行时间分别是：。那么后续执行时间分别是：。

2023-08-04 15:51:48 2095 1

原创如何为你的 js 项目添加 ts 支持？

前一段时间为公司内的一个 JS 公共库，增加了一些 TypeScript 类型支持。在这里简答记录一下。首先安装 TypeScript 依赖，我们要通过。, 增加当前 npm 包的类型声明支持和构建脚本。我们只需要 tsc 帮我们生成类型声明文件即可。项目根目录下创建 index.d.ts 文件。对上述字段，我们挑几个重要的说明一下。这一步会在项目的根目录下创建一个。安装 TypeScript 依赖。目录下的代码生成类型声明文件。指定了类型声明文件生成到。生成的类型声明文件了。增加 JS 文件支持。

2023-08-02 20:22:02 778

原创我的 Git 初始化配置

对于使用多系统（Windows、MacOS）开发同一个项目的同学，通常会遇到行结束符（line endings）的问题——Windows 系统使用的是 CRLF（，Windows 系统下，在提交代码时，会自动将 LF 转换成 CRLF，一旦提交，对使用 Mac 的同学就会带来问题。安装完 Git 之后，我们需要做一些基础配置，以便后续开心地开发。以下是我会设置的一些基础配置，仅供大家参考。除此之外，我还会下载一个 npm 包：git-open，会拓展出一个。），MacOS 系统使用的是 LF（

2023-08-01 09:53:10 242 1

原创前端周刊第64期

WWDC23 上，苹果宣布了 Safari 浏览器的新功能列表中包含“JPEG XL”，这是 JPEG XL 的开发人员都没有预料到的。- 半个小时的演讲内容涉及前端趋势、新工具和浏览器功能，询问我们是否都在忙着重新发明轮子，或者“昨天”建立的网站是否与那些处于前沿的网站一样好。- 我们作品的美丽，不仅仅是由我们算法的优雅或代码的效率来判断，而是由其他人可以在我们的工作上能够获得的喜悦和轻松来判断。- 一个新的基于 Chromium 的浏览器，经过一段时间的邀请后，终于发布了可供下载的 1.0 版本。

2023-07-31 12:05:40 177 2

m0_71641959的博客