在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即经典的移动端1px像素问题。

IntersectionObserver 可以监听元素与视口（viewport）的交叉状态，从而实现懒加载、无限滚动等功能。无需手动计算元素位置，让页面加载更加高效流畅！

前端性能优化：本文系统性讲述了利用H5 api特性实现图片懒加载的方式，并使用模糊图片占位符来增强用户使用体验。最后使用自定义的 loading 动画来美化界面。

在前端开发中，实现图片加载是一个常见且不可忽视的需求，图片作为一种高频使用的资源，正确且高效的加载图片能显著提高用户体验。 本文，我们将谈谈图片加载的实现方式以及各自实现的优缺点，然后我们基于new

Web Workers script中的async和defer     Web Workers可以为Web内容在后台线程中运行脚本提供了一种简单的方式,可以实现多线程.在进入到正文之前,我们先看一下这

在谈到浏览器渲染机制或是性能优化时，你可能经常听到“事件循环结束后渲染”、“尽量避免 重绘、回流”这样的字眼，但仍然对其原理一知半解，本文将从从实用化角度详细讲述浏览器的渲染机制与其性能优化

我们使用很多 vue 的组件库（element-plus、vant），在修改样式的时候需要进行其他操作才能成功更改样式，此时就用到了样式穿透。 而不能正常更改样式的原因就是 scoped 标记。

1.简介 Vue中的属性隔离在Vue中Scoped是用来做样式隔离的，能够确保样式只在当前的组件内起作用。这意味着，在一个Vue组件中写的样式只会影响这个组件内的元素，并不会影响其他组件或者全局的样式

移动端作为互联网重要入口，切图仔前端工程师开发移动端页面早已是司空见惯的事了，并且其中大部分都是内嵌于客户端(app，小程序)的h5页面，即webview有次被同事问到一个问题，他有个需求，是一个内嵌