这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 说到try...catch都觉得非常熟悉了,不就是用来捕捉代码块中的错误嘛,平时也用得比较多的。然而因为了解不够多,我的面试却栽在了一个简单的知识点上:try...catch只能捕捉到同步执行代码块中的错误。 题目是:以下代码有错吗?如果 ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:星野 困境频生前端代码管理何解? 前端代码管理一直是困扰着不少前端开发团队的难题,从开发到发布的整体工作流程中,除了常规的技术问题外,往往还伴随着沟通成本、维 ...
通常我们操作一个元素节点前都需要查找到这个元素,查找到这个元素有两种方式。 使用选择器函数查找元素 通过元素的关系属性来查找元素 使用选择器函数查找 getElementById 通过节点元素的ID得到此节点 <!DOCTYPE html> <html lang="en"> <head> <meta ...
随着小程序使用场景越发广泛,用户体验愈发受重视,如何通过技术手段提升小程序性能成为重中之重,本篇文章以京东购物小程序性能优化实践为例,带您实现性能翻倍! ...
上次我们说了,keycloak的login-status-iframe页面的作用,并解决了跨域情况下,iframe与主页面数据传递的方法,这一次,我们主要分析login-status-iframe.html这个文件的源码,然后分析在我们系统中如何与这个页面对接。 先看一下流程图 login-stat ...
一个复杂的 Chrome 扩展程序通常由 `content_scripts`,`background`,`action popup`,`side panel`,`options page`,`devtools` 等部分组成,这些部分所负责的功能各不相同,所处的运行环境各不相同,所能访问的 `chro... ...
login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面,它要求用户对接的系统通过iframe进行嵌入,然后通过window.addEventListener去订阅子页面的信息。 提示: 所有 HTML DOM 事件,可以查看我们完整的https:// ...
| 当谈到异步编程时,async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例,以及对它们的代码用途的解析: 1.异步获取数据 async function fetchData() { const response = await fetch(' ...
实现说明: 在 JS 中 canvas 原生没有支持对文字间距的调整,我们可以通过将文字的每个字符单独渲染来实现。本案例从 CanvasRenderingContext2D 对象的原型链上扩展了一个用于绘制带间距的函数 fillTextWithSpacing(),使用方式与原生 fillText() ...
大家好,我是归思君 起因是最近了解JS执行上下文的时候,发现很多书籍和资料,包括《JavaScript高级程序设计》、《JavaScript权威指南》和网上的一些博客专栏,都是从 ES3 角度来谈执行上下文,用ES6规范解读的比较少,所以想从ES6的角度看一下执行上下文。 下面我尝试用ECMAScr ...
本文将介绍如何用JS实现简单的屏幕录像机。 一、录制准备 创建一个按钮 <button id="recording-toggle">Start recording</button> 书写JavaScript var RECORDING_ONGOING = false; var recordingTo ...
随着业务需求猛增、各种AB场景线上测试,交互复杂度提升,所以对门详的整体交互体验,小程序加载速度、列表的滚动性能以及业务数据层面都有更高的要求,因此作为前端研发团队,我们也迎来了一些新的挑战。 ...
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成:内容content、内边距padding、边框border、外边距margin 盒模型的类型: 标准盒模型 margin + border + padding + content IE盒模型 marg ...
一、qiankun使用场景 1. 简介:qiankun是在single-spa的基础上实现的,可以保证各个项目独立使用,也可以集成使用。各系统之间不受技术栈的限制,集成使用也能保证各样式和全局变量的隔离。 模块的插拔式使用,当公司项目集是一个大系统下包含多个子系统或者模块时,可以采用这种方式动态部署 ...
问题 部分的组件库(例如antd)使用到了window.innerWidth和window.innerHeight属性,可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用,后续不管主应用如何变化,子应用的这两个属性无法跟随变化,也就导致子应用使用的这些组件库 ...
基于 Chromium 的浏览器占了全球市场的 7 成!对于前端开发来说,Chrome 更是形影不离的饭碗级软件 。既然 Chrome 这么重要,那么把它研究透一定大有裨益。在我看来,Chrome 值得深入研究的地方有两块:DevTools 和 Extension。 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 太长不看 不要嵌套使用函数。给每个函数命名并把他们放在你代码的顶层 利用函数提升。先使用后声明。 处理每一个异常 编写可以复用的函数,并把他们封装成一个模块 什么是“回调地狱”? 异步Javascript代码,或者说使用callback的 ...
前言 ECMAScript 2023 引入了一些新功能,以改进语言并使其更加强大和无缝。这个新版本带来了令人兴奋的功能和新的 JavaScript 数组方法,使使用 JavaScript 编程更加愉快和轻松。本文将带领读者全面了解 JavaScript 数组原型上的新方法。 什么是ECMAScrip ...
CLS 衡量的是页面的整个生命周期内发生的每次意外布局偏移的最大突发性_布局偏移分数_。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是,您的页面上可能存在一些初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前无法确定单个元素将占用多少空间。因此,这种不确定性带来的剧烈布局转变就... ...
工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ...