睿智

①出现的背景：长久以来，file类型的 input文件选择框有个非常诟病的问题，那就是浏览器默认的样式太丑，且无法自定义。如果希望兼顾功能与视觉，通常的做法是隐藏文件选择输入框，然后使用 label

①方案一：vw vh：按照设计稿的尺寸，将px按比例计算转为vw和vh；假设设计稿尺寸为 19201080（做之前一定问清楚 ui 设计稿的尺寸），即：网页宽度=1920px，网页高度=1080px。

①CSS 实现思路分析：需要对点击事件进行限制，也就是禁用点击事件pointer-events；②CSS 实现的其他思路：通过:active去触发transition变化，然后通过监听transiti

①简单说一下常用的几种图片格式：1、JPEG：优点：a、利用有损压缩来保持文件较小；   b、它能够轻松地处理16.8M颜色，可以很好地再现全彩色的图像；   c、在对图像的压缩处理过程中，该图像格式

①position: sticky：元素吸顶；②:empty 选择器：通过 :empty选中内容为空的容器，然后通过伪元素为空容器添加提示；③gap：gap属性它适用于 Grid 布局、Flex 布局

①前端性能优化核心就是两点：1、保证资源更快的加载速度；2、保证视图更快的渲染速度/交互速度；②Google为前端页面性能的评估提出了 RAIL 模型，核心内容如下：1、Response响应；2、An

①在HTML5的新规范中，实现了 Web Worker 来引入 js 的 “多线程” 技术, 可以让我们在页面主运行的 js 线程中，加载运行另外单独的一个或者多个 js 线程，专门用来处理复杂运算；

①什么是抓包：  抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，通过抓包可以分析网络问题、业务分析、分析网络信息流通量、网络大数据金融风险控制、探测企图入侵网络的攻击、探测由内

①正则就是匹配模式，要么匹配位置，要么匹配字符；②匹配位置：1、^：匹配开头的位置，当正则有修饰符 m 时(多行文本)，表示匹配行开头位置；2、$：匹配结尾的位置，当正则有修饰符 m 时(多行文本)，