博文

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监...

横空出世的ai编码助手（基于大模型）颠覆了传统编辑器的代码提示，极大地提高了开发效率。让编码进入了新的纪元...

个人目前认为最好的方式依然是`TypeScript约束Prompt + Yaml格式输出`，适用于90%的结构化输出场景。 如果不缺钱，使用接口提供的Json Mode也是...

现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现这样一个功能：有多个宽度不同的标签水平排列，当外层宽度不足时，会自动提示超出的数量，演示效果如下 如果让我用 ...

2023年工程师必备的 Mac 软件清单 / 订阅技巧分享，帮助你提高生产力和日常效率， 走过即错过！...

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现...

字节的面试还挺曲折，一开始是某部门的HR直接联系我的，在面了三轮之后感觉面试官的状态瞅着蔫蔫的🫠，又咨询了一下在字节的朋友，便决定更换部门（但是该部门的HR小姐姐很好，跟...

背景 在HTML的表单里，有这样一种场景： 点击“提交”就往服务端发送一个请求： 为防止用户重复提交，我们通常会维护一个loading状态...但是写得多了，难免有一种机械...

在最近使用vscode的时候，有时候在finder中需要复制一下选中项目的路径，或者需要右键，在XXX中打开这种场景，这里记录下如何实现这些自动化的操作。 注意上面的-a是...

背景 为什么要做这件事呢，因为我发现确实工作太难找了有很多人有使用 GPT 的需求，尤其是 4 月初免费额度过期后，大量人员包括我都在折腾 OpenAI 绑卡，我折腾完发现...

众所周知，Unraid 作为最流行的家用 Nas 系统之一，没有提供异地容灾的功能。 随着 Nas 里的数据越来越多，应用越来越复杂，我越来越担心 NAS 硬件由于不可抗力...

对于一个 webpack 构建的项目，source-map 对于开发调试，打包速度还是影响很大的，但是 webpack 的官方说明却不那么清晰易懂，也没有找到很精简的说明文...

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点...

随着Babel、TypeScript、VueLoader、Terser等编译、转译技术的大规模使用，Webpack的编译时间正不断膨胀。为了优化编译速度，社区主要有两种方案...

初始化webpack内部插件，例如js解析器、缓存插件、添加入口的插件等。 这里大致介绍下webpack的两种缓存机制memory: 内存缓存和filesystem: 持久...