2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…

css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…

「多图」详解不同runtime下EventLoop的执行机制，一次性搞懂JavaScript中EventLoop是如何被调度运行。

前言 在web页面优化中，缓存是用来优化的一个重要的手段。当利用好缓存之后，会让页面的加载速度大大提高。并且当有缓存存在时，也会减少对服务器的请求和静态资源的请求，对流量和cdn的消耗都有很大的好处。

1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？ 浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重…

随着互联网的高速发展，信息安全问题已经是企业最关注的焦点之一，虽然浏览器不断引入 CSP、SameSite、HttpOnly、Cookies 等但是仍存在很多潜在的威胁，需要我们不断进行“查漏补缺”

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

一道不同回答能体现不同薪资水平的题。本文不讲概念，只有干货，内容涉及浏览器原理，操作系统，计算机网络，Web等一系列知识

如何中使首屏加载更快？怎么让刷新或关闭浏览器之后数据依然不被清空？缓存对于前端来说都是非常重要的领域