前言：2025年7月，有人给我发来两张截屏，记录了一次典型的“AI翻车现场”。他咨询我，常识性的而且已有定论的问题，为什么AI会“胡说八道”？是中了病毒还是数据库问题？于是，我决定写这篇文章来解答。

如果不是，先和HR沟通清楚入职之后的团队组成，项目细节（不是公司业务）。社保缴费比例和奖金包。如果新公司的平台更大，那么是可以考虑过去学习一段时间的，即使有加班的情况。等渡过初级开发阶段之后按照市场情况再行考虑。

如果你想要说尝试一下，给你自己枯燥的开发日常增加一些趣味，那么可以试试看。但我仍然是不建议封装的。 因为大部分实际开发场景下除了你自己之外，其他人是不用去用你这个封装好的弹窗组件的。

欢迎关注我的公众号：前端侦探分享一些超级实用的布局小技巧。平时开发过程中会碰到各式各样的布局，如下是一个7* N的网格布局，不过每一行还有一条分隔线这种布局该如何实现呢？一、grid 布局结构与局限这里的内容都是后端返回的，通常是一个完整的一维数组 {代码.....

在之前，我们有些过这么一篇文章 - 使用 CSS 轻松实现高频出现的各类奇形怪状按钮。里面包含了如下这些图形：你可以在这里看到：CodePen Demo -- CSS Various Button Shapes | CSS 各种造型按钮接下来几篇文章中，将在上述基础上，额外补充一些在日常设计稿中，常见...

但是你可能不知道，90%以上的进度条只是模拟的，是假的进度条。没办法，大部分情况下都无法真实的算出资源的加载情况。既然无法避免，那我们就需要尽可能真实地模拟加载情况，给人一种页面很轻快的感觉。

参考张鑫旭的博客[链接]

正常情况下，网页中的列表都是从左到右，从上到下的，如下但有时候可能需要从上到下，从左到右的排列方式，就像这样其实这种排序更符合日常生活中的排列方式。虽然在网页中不常见，但如果真的碰到了这种布局，该如何处理呢？有些同学可能会想到用 JS将元素数组分成三...

最近，群里在讨论这么一个有趣的交互效果，来源于：vueflow.dev：通过审查元素，发现原效果借助了 Canvas 实现。思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。于是动手尝试了一番，最终完美的复刻了该效果：过程中还是有非常多有...

欢迎关注我的公众号: 前端侦探现代 CSS 强大的令人难以置信。这次我们来用 CSS 实现这样一个功能：有多个宽度不同的标签水平排列，当外层宽度不足时，会提示超出的数量，演示效果如下如果让我用 JavaScript来实现估计都有点折腾，毕竟宽度都是动态的，要监听各部分的...

由于无法直接CSS判断，这使得不得不借助 JavaScript或者CSS奇技淫巧来实现，之前提到了不下于3种不同的思路来解决这个问题，在以下这些文章中都有提到

最近，Chrome 123又悄悄推出了一个CSS新特性，那就是align-content支持普通的block容器了！那么，这个特性有什么用呢？一起来了解一下吧

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果：正常而言，我们的 HTML 结构大致是如下所示： {代码...} 对于 Hover 导航 Tab 时候的内容切换，暂且不谈。本文，我们核心想探讨的是两个点：一是对于如下所示的不...

介绍一些你可能没用过的SVG小技巧。在平时开发中，很多时候都会用到SVG。大部分情况我们都不必关注SVG里面到底是什么，直接当成图片资源引入就行，比如常见的图标资源我们可以通过多种方式使用这个特殊的图片 {代码...} {代码...} 甚至直接放到HTML中 {代码...} 这些...

[链接]

{代码...}

最近Chrome 123又推出了一个新的 CSS 属性：field-sizing。有了它，可以轻松实现输入框尺寸自动跟随输入内容的效果，花一分钟了解一下吧~

欢迎关注我的公众号：前端侦探介绍一些看似简单又不是那么容易的过渡小技巧。很多 CSS 属性其实是不支持过渡变化的，例如flex中的对齐 {代码...} 或者是文本对齐 {代码...} 这样属性在变化时是没有过渡动画的，但有时又需要这样的动效，比如下面这个效果有人会觉得这...

你可以理解为,你手机丢了,那我捡到了,我直接刷机,怎么不能用勒

在平时开发中，有时候会碰到这样的彩色阴影，效果如下是不是非常有质感？下面分布介绍 CSS 和 SVG 两种实现方式，一起看看吧一、实现原理从设计上看，其实原理很简单，一张原图和一张模糊的图，叠加在一起就行了，示意如下那么具体如何实现呢？接着往下看二、CSS 滤...