ECMAScript 装饰器的 10 年
2015年，ECMAScript 6 发布，这是JavaScript语言的一个重大发布。这个版本引入了许多新特性，比如const/let、箭头函数、类等。大多数这些特性的目标是消除JavaScript的怪癖。因此，所有这些特性都被标记为“Harmony”。一些消息来源称整个ECMAScript 6被称为“ECMA…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
Rollup 基本概念、使用和插件机制
比较常用的 Rollup 插件库: @rollup/plugin-json： 支持.json的加载，并配合rollup的Tree Shaking机制去掉未使用的部分，进行按需打包。 @rollup/plugin-babel：在 Rollup 中使用 Babel 进行 JS 代码的语法转译。 @rollup/plu…
Read articleVue 3 事件处理注意事项
我们可以通过 defineEmits 宏来声明需要抛出的事件： 这声明了一个组件可能触发的所有事件，还可以对事件的参数进行验证。同时，这还可以让 Vue 避免将它们作为原生事件监听器隐式地应用于子组件的根元素。 和 defineProps 类似，defineEmits 仅可用于 之中，并且不需要导入，它返回一个等…
Read articleVue3 组件 ref 注意事项
如果一个子组件使用的是选项式 API 或没有使用 ，被引用的组件实例和该子组件的 this 完全一致，这意味着父组件对子组件的每一个属性和方法都有完全的访问权。这使得在父组件和子组件之间创建紧密耦合的实现细节变得很容易，当然也因此，应该只在绝对需要时才使用组件引用。大多数情况下，你应该首先使用标准的 props …
Read article浏览器中如何通过webgl获取渲染器的供应商和版本信息？
在当今数字化时代，浏览器已经成为人们生活中不可或缺的一部分。无论是在个人计算机、移动设备还是智能电视上，浏览器都是人们访问互联网内容的重要工具。对于开发者来说，了解用户使用的浏览器的供应商和版本信息至关重要，因为不同的浏览器可能会有不同的渲染器，这可能会对网页的显示和功能产生影响。而在浏览器中，WebGL是一种用…
Read articleIslands Architecture 孤岛（岛屿）架构
category: - 前端 - JavaScript - 外文翻译 原文： 标题：Import On Interaction 作者：patterns.dev PS：文章来自最近很火的良心网站Patterns.dev，站点文章不单单教你写代码，更是教你学习设计模式等。 tl;dr：孤岛架构鼓励在服务器渲染的网页中…
Read articleMutationObserver的使用以及在Vue3中的使用案例
MutationObserver 是一种浏览器提供的 API，可以在 DOM 的一部分改变时通知我们。在本博客中，我们将逐步讨论如何在常规 JavaScript 和 Vue3 中使用 MutationObserver，并提供一些实际使用案例。 MutationObserver 介绍 MutationObserve…
Read articlequill.js 的文本库 —— delta 的使用
Deltas 是一种简单但富有表现力的格式，可用于描述 Quill 的内容和变化。该格式是 JSON 的严格子集，是可读的，并且很容易被机器解析。Deltas 可以描述任何 Quill 文档，包括所有文本和格式信息，与HTML相比，Deltas 的优势在于其简洁性和易读性。HTML作为一种标记语言，包含了大量的标…
Read articleWeb Worker 常见使用问题和解决方案
问题汇总 1. new Worker(aURL, options) URL 必须遵守同源策略。同源策略是浏览器的一种安全特性，限制了在不同源（协议、域名、端口）之间的 JavaScript 代码的访问。这意味着在 Web Worker 中，只能加载与当前页面在同一源下的脚本，否则会触发安全错误。 2. Web W…
Read articleINP (Interaction to Next Paint) 与用户体验真的有关系吗？
原文： 标题：Does Interaction to Next Paint actually correlate to user behavior? 作者：Cliff Crocker 今年早些时候，谷歌宣布 Interaction to Next Paint （INP） 不再是一个实验性指标。INP 将在 202…
Read articleQuill富文本编辑器使用 - 高度自定义现代 Web 富文本编辑器
Quill富文本编辑器在当今数字内容创作领域中扮演着至关重要的角色。随着网络技术的不断进步和内容营销的普及，人们对在线编辑工具的需求日益增长。Quill富文本编辑器以其强大的功能、灵活的定制性以及用户友好的界面，在众多富文本编辑器中脱颖而出，成为了许多博客作者和内容创作者的首选工具。 本文将深入探讨Quill富文…
Read articleWeb Worker 与主线程通信场景问题和对postMessage的简单封装
在Web Worker与主线程之间进行通信时，使用postMessage是一种常见的方式。然而，在某些业务场景中，postMessage可能会显得不够简洁，因为它涉及到手动序列化和反序列化数据，以及通过事件监听器处理消息。以下是一些常见问题和解决方案，以简化在Web Worker与主线程之间的通信场景中使用pos…
Read articleNo matching articles
Try another keyword or reset your filters.