Blog

BroadcastChannel 提供了一种简单而有效的方式来实现同一浏览器环境下不同页面或脚本之间的通信。对于需要跨窗口、标签页或 iframe 同步数据的应用场景，它是一种非常便捷的解决方案 注意

随着 CSS 的不断发展，原生嵌套功能和 CSS 变量的引入使得我们能够更加简洁和直观地编写样式表。在这篇博客中，我们将详细介绍 CSS 原生嵌套功能的基本用法，包括基本嵌套、使用 & 符号、伪类和伪

本文正在参加「金石计划」 symbol是es6中新添加的基本数据类型，通过Symbol函数进行创建 基本使用 迭代 内置Symbol值 JavaScript提供了一系列的内置Symbol值 可以简单理

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 版本控制(Version control)在软件开发中，可以帮助程序员进行代码的追踪、维护、控制等等一系列

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情 tag 对于重大的版本我们常常会打上一个标签，以表示它的重要性 Git 可以给仓库历史中的某一个提交打上标

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情 Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位

所谓自定义事件，就是有别于浏览器的特定行为事件（如click, mousemove, keyup等） 自定义事件可以让我们自主命名事件名，并且可以通过特定的方法进行添加，触发以及删除 为了和浏览器内置

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第17天，点击查看活动详情 我正在参加 码上掘金体验活动，详情：show出你的创意代码块 水平居中方案 text-align: cen

在编写网页的时候，为了增加代码的可读性和可维护性，时常会在代码中添加上对应的空格和换行，而这些空格和换行经过浏览器的解析后，会被解析为空格。然而这些间隙往往不是我们所需要的，我们会希望去除这些间隙。

在网页设计中，使用光影可以增加物理真实感，并可以用来制作丰富的触觉界面。因此css也提供了box-shadow, text-shadow等 CSS属性来方便我们为块级元素或文本元素添加对应的阴影效果。

不同的操作系统、不同浏览器下内嵌的默认字体是不同的，错误的字体设置会导致页面在不同环境渲染的混乱，选择一套合适的字体是打造优秀网页的第一步。

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的

Emmet是一个能大幅度提高前端开发效率的一个工具。VsCode内置了Emmet语法,在vscode中编写代码的时候，只要输入对应的缩写后按Tab/Enter键即会自动生成相应代码。

我们通常只有在查看图片、视频、地图等渲染媒体元素时才会使用全屏模式。但是广泛来说，我们可以使用Fullscreen API让任何元素进入或退出全屏模式。

JS中类型的分类 JS中的类型分为两大类： primitive(基本数据类型) 和 object(复杂数据类型)。 其中primitive类型的数据有6种，分别为: Null, Undefined,

之前判断元素可视性的方法基本就是监听scroll事件，但是由于其需要高频率计算，会导致浏览器性能的损失。为此ES提出了IntersectionObserver API来进行元素可视化相关业务逻辑的处理

URL中的编解码 在RFC对URL进行约定的时候规定，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号 这意味着，如果URL中有汉字，就必须编码后使用，但是RFC并没有规定具体

推送是启动和运行 Javascript 桌面通知的最快方式。HTML5新增了`Notification`, 用于向用户配置和显示桌面通知。

作为一个前端开发者，需要经常与DOM元素打交道；也经常需要根据DOM元素的大小做一些事情。但是如何正确的获取DOM元素的大小呢？

在单文件组件（SFC）中引入一个新的 <script> 类型 setup。它向模板公开了所有的顶层绑定。使用script setup可以简化我们在SFC中使用composition api的使用复杂度