完美前端

摘要： 其实我也是最近遇到这个问题，我发现 0.000000001 这样的数字会被转成科学计数法 1e-8类似这样的，但是小数点前面要是有一个非0的数字就不会自动转了，所以我是这么搞的，测试了常见的浏览器没有啥问题： let num = 0.00000001; let result = String(num 阅读全文

摘要： // 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" 阅读全文

摘要： import App from './App.vue' import * as Pinia from 'pinia'; import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp( 阅读全文

摘要： 原生导航设置buttons时候监听点击事件 { "path": "pages/user/uses", "style": { "app-plus": { "bounce": "none", "titleNView": { "buttons": [ {"text": "分享"}, {"text": "分 阅读全文

摘要： 1. navigation - 页面性能 这个 entryType 提供了与页面导航相关的性能度量。它可以告诉我们页面从开始加载到完全加载的整个过程中发生了什么。通过这些数据，我们可以了解到例如DNS解析时间、TCP握手时间、页面响应时间、页面下载时间等。 应用场景: 当用户访问你的网站时，你可以使 阅读全文

摘要： # PerformanceObserver: 深入了解前端性能监测 前端开发中，性能监测是一个重要的环节。为了更好地理解用户的实际体验，我们需要了解和监测网站的性能。`PerformanceObserver` 是 Web 性能 API 的一部分，用于监测性能指标。本文将详细介绍 `Performan 阅读全文

摘要： 在前端开发中，对于浏览器的报告信息，例如弃用的 API 使用、浏览器的干预、CSS 特性使用情况等，我们常常需要一种机制来收集和处理。这时，ReportingObserver API 就发挥了它的作用。 什么是 ReportingObserver？ // ReportingObserver 是一个浏 阅读全文

摘要： 在前端性能分析领域，了解和监控网页的运行性能至关重要。PerformanceObserver API 为我们提供了一个强大的工具来监听性能时间线上的事件，从而实现更细粒度的性能监控。 PerformanceObserver 是一种浏览器提供的接口，允许我们订阅性能时间线上的特定类型事件。当与 Per 阅读全文

摘要： ResizeObserver 它允许开发者监听元素的尺寸变化。 在前端开发中，元素尺寸的变化可能会受到许多因素的影响，例如窗口大小调整、设备方向变化、内部内容变化等。 提供了一种高效的方法来响应这些变化，而不需要频繁使用事件监听器或轮询技术。 1. 使用方法 const ro = new Resiz 阅读全文

摘要： IntersectionObserver 是一个现代的浏览器 API，允许开发者在某个元素与其祖先元素或顶层文档视口发生交叉时得到通知。它非常适合实现图片懒加载、无限滚动、广告曝光率等功能。 1. 浏览器的兼容性 IntersectionObserver 目前在大多数现代浏览器中都得到了支持。但是在 阅读全文