前端开发 JavaScript
刷新
记录--try...catch知识补全

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。 题目是：以下代码有错吗？如果 ...

袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ...

DOM操作之元素查找

通常我们操作一个元素节点前都需要查找到这个元素，查找到这个元素有两种方式。 使用选择器函数查找元素 通过元素的关系属性来查找元素 使用选择器函数查找 getElementById 通过节点元素的ID得到此节点 <!DOCTYPE html> <html lang="en"> <head> <meta ...

Chrome扩展程序是如何进行消息传递的

博主头像 一个复杂的 Chrome 扩展程序通常由 `content_scripts`，`background`，`action popup`，`side panel`，`options page`，`devtools` 等部分组成，这些部分所负责的功能各不相同，所处的运行环境各不相同，所能访问的 `chro... ...

10个必备的 async/await 工具函数

博主头像 | 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析： 1.异步获取数据 async function fetchData() { const response = await fetch(' ...

在 JS 中调整 canvas 里的文字间距

博主头像 实现说明： 在 JS 中 canvas 原生没有支持对文字间距的调整，我们可以通过将文字的每个字符单独渲染来实现。本案例从 CanvasRenderingContext2D 对象的原型链上扩展了一个用于绘制带间距的函数 fillTextWithSpacing()，使用方式与原生 fillText() ...

从 ECMAScript 6 角度谈谈执行上下文

博主头像 大家好，我是归思君 起因是最近了解JS执行上下文的时候，发现很多书籍和资料，包括《JavaScript高级程序设计》、《JavaScript权威指南》和网上的一些博客专栏，都是从 ES3 角度来谈执行上下文，用ES6规范解读的比较少，所以想从ES6的角度看一下执行上下文。 下面我尝试用ECMAScr ...

前端面试八股文汇总

博主头像 一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ...

qiankun 微前端实例化使用

博主头像 一、qiankun使用场景 1. 简介：qiankun是在single-spa的基础上实现的，可以保证各个项目独立使用，也可以集成使用。各系统之间不受技术栈的限制，集成使用也能保证各样式和全局变量的隔离。 模块的插拔式使用，当公司项目集是一个大系统下包含多个子系统或者模块时，可以采用这种方式动态部署 ...

Chrome扩展开发系列开篇

博主头像 基于 Chromium 的浏览器占了全球市场的 7 成！对于前端开发来说，Chrome 更是形影不离的饭碗级软件 。既然 Chrome 这么重要，那么把它研究透一定大有裨益。在我看来，Chrome 值得深入研究的地方有两块：DevTools 和 Extension。 ...

记录--没有await，如何处理“回调地狱”

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 太长不看 不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层 利用函数提升。先使用后声明。 处理每一个异常 编写可以复用的函数，并把他们封装成一个模块 什么是“回调地狱”？ 异步Javascript代码，或者说使用callback的 ...

探索 ECMAScript 2023 中的新数组方法

博主头像 前言 ECMAScript 2023 引入了一些新功能，以改进语言并使其更加强大和无缝。这个新版本带来了令人兴奋的功能和新的 JavaScript 数组方法，使使用 JavaScript 编程更加愉快和轻松。本文将带领读者全面了解 JavaScript 数组原型上的新方法。 什么是ECMAScrip ...

如何利用烛龙和谷歌插件优化CLS(累积布局偏移)

博主头像 CLS 衡量的是页面的整个生命周期内发生的每次意外布局偏移的最大突发性_布局偏移分数_。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是，您的页面上可能存在一些初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前无法确定单个元素将占用多少空间。因此，这种不确定性带来的剧烈布局转变就... ...

<1···101112···19>