本文将介绍一种巧妙的思路，仅用一条辅助线，就能轻松解决移动端 tab 吸顶的两个问题，极大简化实现逻辑

大家好😁。 上个月，我们公司的内部敏感文档（PRD）截图，竟然出现在了竞品的群里。 老板大发雷霆，要求技术部彻查：到底是谁泄露出去的？😠 但问题是，文档是纯文本的，截图上也没有任何显式的水印（那种写着

在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根据空间压缩，是文本缩略生效。

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

需求及实现,实现压缩包内文件的读取，按照压缩包内的文件结构显示到页面上，并可以点击预览文件内容...

本文旨在帮助前端开发者，以最快的方式，获取需要的 Chrome 内核 —— Chromium，并能跑起来，实际体验效果。

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚动展示。 但很快，客户

CSS可以做的事情越来越越多了。 我们经常会碰到这样的场景，很多网页会在右下角放一个固定入口，有可能是返回顶部，有可能广告，为了避免干扰，在页面滚动时，会把这些入口临时收起来，停止滚动后再出现，就像这