sunshine870

虚拟滚动或者移动是指禁止原生滚动，之后通过监听浏览器的相关事件实现模拟滚动。所以虚拟滚动包含两部分内容 禁止原生滚动：将css的overfow属性设置为hidden。这样即...

transfer：可选参数，高级用法，这里不作讨论，是一串和message 同时传递的 Transferable 对象. 这些对象的所有权将被转移给消息的接收方，而发送一方...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

Vue.use是用来安装插件的。 如果插件是一个对象，必须提供 install 方法。 如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会...

面试中经常问到前端性能监控相关指标，你知道FP、FCP、FMP、LCP代表什么事件吗？它们的先后顺序如何呢？如何计算？前端性能监控中常用哪些指标？ 本文将介绍前端项目中常用...

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理...

Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 Java...

chrome默认策略是每创建一个Tab就创建一个进程，但是还有“同一站点”的概念，也就是协议+根域名一致就会复用同一个进程，这样他们就能共享同一个JS执行环境...

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的...

在JavaScript中，Promise是用于处理异步操作的对象，它代表一个异步操作的最终完成（或失败）及其结果值。然而，JavaScript的Promise并不提供内置的...

说起迭代，或许大多数人想到的就是循环，但是迭代和循环并不是等价的，循环是迭代机制的基础。那么什么是迭代呢？个人理解的是按照顺序重复多次执行同一段程序，通常会有明确的中止条件...

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2....

在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你...

这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

不久前有对华为云官网用户性能数据收集和前端监控做了一个很简单的概括，深觉网站性能数据采集对于监控网站的和优化性能有着很好的指导作用。...

华为云通过TinyMonitor看板来对用户前端性能数据、异常等做监控。与传统拨测形式的监控方式不同，Tiny Monitor采用用户上报的方式，能够获取全量的、真实的用户...

使用 SocketTask 的方式去管理 webSocket 链接，每一条链路的生命周期都更加可控 可实现主动建立连接、心跳防断线机制、断线主动重连、提供主动断开的方法 一...