javascript • 2024-12-22
视图转换动画是浏览器提供的一种视觉过渡效果,可以实现页面切换时的视觉过渡效果,实现无缝过渡,打造更加流畅的用户体验。只需使用 document.startViewTransition 方法就可以轻松实现丝滑动画过渡效果。
其他 • 2024-07-08
在用户访问网站难免需要打开多个标签页的场景,有时候打开多个标签页,就需要做一些信息同步,比如打开多个问卷调查标签,当一个标签页填写完,需要通知其他标签页进行提示已填写,或者多个标签页需要公用一个长连接,或者页面国际化切换需要通知其他页签进行语种切换等等。诸多场景都需要进行标签页通信,本文介绍几种常见的多标签页通信的方案,看官可以按照实际需求选择合适自己的方案。
工具 • 2024-07-06
chrome是当今开发者必备的浏览器工具,无论从外观还是功能上,都可以作为其他浏览器的榜样,本文将介绍10款开发者常用的谷歌插件,能提高我们的开发体验。
常见问题 • 2024-06-10
create react app 项目引入 src 外部的组件,提示以下错误,Module parse failed: Unexpected token (7:4)
其他 • 2024-03-23
package.json 是 node 项目必备的一个文件,通常用来描述项目的一些元数据,包含项目名称,版本,描述,依赖等等。一个最简单的 package.json 内容通常长这样。
工具 • 2024-03-08
AST(抽象语法树)是对JS代码抽象语法结构的表示,Babel可以帮我们把代码解析成AST,方便我们进行转换,操作,生成。社区的 eslint,代码转换工具 taro 等,都离不开 AST 进行操作。下面整理下 AST 常见的使用方法。
其他 • 2024-01-24
在网页开发中,资源加载的优化一直是提升用户体验的关键环节。 在没有 fetchpriority 之前,浏览器对资源的加载优先级有一定的预设规则,但这些规则可能不完全符合我们的优化需求。使用 fetchpriority,我们可以更精确地控制资源的加载顺序,从而优化页面的关键渲染路径(Critical Rendering Path),提升如最大内容绘制(Largest Contentful Paint, LCP)等性能指标。
其他 • 2024-01-03
JavaScript沙箱(Sandbox)是一种安全机制,用于隔离执行环境。在沙箱中运行的代码被限制在一个受控的环境中,只能访问特定的资源和执行特定的操作,而不影响宿主的原有的资源,造成对宿主运行环境的破坏。
框架 • 2023-12-15
nextjs发布到CDN报错,访问图片报错Url parameter not allowed,为了提高页面访问速度,通常会把文件上传到CDN,为了提高页面访问速度,通常会把文件上传到CDN,nextjs提供了一个配置 assetPrefix 来实现,我们只需要在 next.config.js 里面配置 assetPrefix 即可。
工具 • 2023-12-11
之前介绍过 「npm包版本号-Semantic Versioning规则详解」,今天介绍下 npm 包里面 package.json 的 version 如何控制版本号。
工具 • 2023-12-10
作为一个前端开发工程师,肯定离不开跟富文本打交道,做B端管理系统,CMS系统都需要富文本编辑,下面介绍几款优秀的富文本编辑器,有些方便定制化,有些功能强大,按需使用。
javascript • 2023-12-09
关键字在 TypeScript 中具有特定的含义,用于定义类型、类、接口、函数等。例如,number、string、boolean 是 TypeScript 中的关键字,用于声明基本类型。同时,还有其他关键字如 interface、class、enum、function 、in、keyof 和 typeof 等等。