前言通过前面的学习，对自定义组件的相关概念和知识点也有了一定了解，今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。 直接给自定义标签添加样式index.html： my-card{ display: block...

引言不知道大家有没有这样一种经历：突然发现自己之前很长时间都根深蒂固的一个观点是错误的？ 我今天就踩了一个坑：我的印象中一直以来记得 setInterval 在定义好之后会立即执行一次里面的逻辑，所以在实现下图的逻辑时，我将第二步（”立即执行逻辑 ...

前言何谓”生命周期“？顾名思义，生命周期就是指一个物体从产生前到消亡后的整个过程，当然，不同物体的生命周期具体阶段划分可能不太一样。 我们在使用前端组件框架的时候，都知道每个组件都有各自的生命周期，明确了组件生命周期后，开发者就可以在组件的不同生命...

前言熟悉 Vue 的同学应该都知道”插槽（slot）“的概念，通过使用插槽可以让页面内容的组织更加灵活。 在 Web Components 体系中也有插槽的概念，今天我们就来具体了解一下 Slots，本文主要包括以下内容： 为什么要用 Slo...

前言熟悉 Vue 的同学应该都知道”插槽（slot）“的概念，通过使用插槽可以让页面内容的组织更加灵活。 在 Web Components 体系中也有插槽的概念，今天我们就来具体了解一下 Slots，本文主要包括以下内容： 为什么要用 Slo...

前言在之前介绍创建 Custom Elements 的代码中，有一个地方是比较繁琐的：Shadow DOM 中的每个子元素都是通过 document.createElement 方法创建的。就像下面这样的： 那到底有没有方法能简化这一步操作呢？...

前言在初涉前端之时，我就一直在好奇一个问题，为什么像： …… 等等这些标签，看起来似乎很简单，可为什么可以展现出那么丰富复杂的布局？当时我给自己的解释是：这些标签...

前言根据前面的介绍，我们知道根据是否继承基本 HTML 元素，可以将自定义元素分为两类“ Autonomous custom elements 自主定制元素Customized built-in elements 自定义内置元素 由此产生了一个疑...

前言在上一篇文章中介绍了 Web Components 的相关概念，知道它是浏览器用来原生支持“组件化”的方法，并且知晓它的技术组成为： Custom ElementsShadow DOMHTML templates 今天，我们就来学习它的技术之...

前言如果我们选择不使用任何框架的情况下来进行前端开发，那么针对一个完整的网页，我们需要开发以下代码： HTML 代码CSS 代码JavaScript 代码 就几年之前来说，HTML 部分的代码基本不存在复用的可能，这就导致我们可能需要开发大量重复...

前言数组是 JavaScript 中常见数据类型之一，关于它的一些操作方法，我在这里做一下简单记录和总结。 今天主要介绍： 如何找出数组中的重复/非重复元素数组扁平化方法 找出数组中的重复元素或非重复元素双重循环 + slice，找出重复的元素。...

前言数组是 JavaScript 中常见数据类型之一，关于它的一些操作方法，我在这里做一下简单记录和总结。 本文主要包括： 创建数组判断是不是数组类数组和数组的转换数组去重 各位看官可根据自身需求选择食用。 创建数组创建数组是基本功，其方...

前言缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。 我们使用 HTTP 缓存，通过复用缓存资源，减少了客户端等待时间和网络流量，同时也能缓解服务器端的压力。可以显著的提升我们网站和应用的性能。 虽然 HTTP 缓存不是必须的，但重用缓存...

背景 BFF Client 使用的 npm 包 request-promise-native 请求微服务接口返回 ID 精度丢失 1713166949059674112 => 1713166949059674000 为什么会丢失？ 存...

前言JavaScript 原型与原型链虽然是一个老生常谈的话题，但依然困惑着很多人，今天我再来从另一个角度谈谈这个问题。 两个疑问先看这样一段代码： let obj = {}obj.__proto__.haha = 'gogo'console.lo...