js使用scroll事件实现锚点滚动到页面顶部时导航高亮

在 JavaScript 中,可以通过监听页面滚动事件,并判断页面顶部与各个锚点的距离来实现导航高亮效果。当某个锚点的内容块滚动到页面顶部时,自动高亮相应的导航项。

2024-10-31 30 0 js scroll 锚点

js使用IntersectionObserver实现锚点在当前页面视口时导读高亮

在 JavaScript 中可以通过监听页面滚动事件,检查每个锚点的位置,并根据当前滚动位置高亮相应的导航项,从而实现页面内锚点链接的导读高亮效果。

2024-10-31 27 0 js IntersectionObserver

文件上传JavaScript库FilePond使用教程

FilePond是一个开源的JavaScript库,由PQINA的Rik Schennink开发。它不仅仅是一个文件上传控件,更是一个完整的文件处理解决方案。FilePond能够处理各种类型的文件上传,包括图片、视频、文档等,同时支持现代Web技术,如HTML5和CSS3。

2024-10-15 193 0 JavaScript 文件上传 FilePond

什么是VoidZero?Vue和Vite之父尤雨溪成立的技术公司

VoidZero是一家由Vue和Vite之父尤雨溪成立的技术公司,主要致力于解决JavaScript工具链的碎片化、依赖复杂以及性能瓶颈问题,通过提供一个统一、高性能的开发工具链来改善开发者的开发体验。

2024-10-14 138 0 VoidZero Vue 尤雨溪

CLS 问题:超过 0.1(桌面设备) 是什么意思?

在网页设计和开发中,CLS(Cumulative Layout Shift)是指页面布局的累计偏移量。当一个用户与页面互动时,如果页面的某些元素突然改变位置或大小,导致整个布局发生偏移,就会产生布局偏移。这种偏移可能会影响用户体验,因为它可能导致用户误操作或难以找到他们想要的信息。

2024-09-30 179 0 CLS 桌面设备

前端CSS常见的三种设计模式

CSS设计模式主要包括OOCSS、SMACSS和BEMCSS等。这些设计模式各有特点,但共同的目标是提高CSS代码的可读性、可维护性和可扩展性,以适应不断变化的需求和复杂的项目环境。

2024-09-29 192 1 前端 CSS 设计模式

Swapy - 开源JavaScript js拖拽插件

Swapy是由TahaSh开发的一款开源JavaScript工具。它的核心功能是将静态布局转换为可以拖拽交换的动态布局。这意味着,开发者可以轻松地将现有的布局元素(如图片、文本框、按钮等)转换为可拖拽的元素,从而实现用户交互性更强的界面。

2024-09-14 409 0 Swapy JavaScript 拖拽 js

Angular UT 模拟执行setTimeout

在 Angular 单元测试中,我们经常需要模拟异步操作,比如 setTimeout。提高测试速度: 真实环境下的 setTimeout 会阻塞测试,导致测试运行时间过长。

2024-09-10 227 0 Angular setTimeout

什么是...rest?收集剩余参数

在 JavaScript 中,...rest 参数是一种特殊的语法,用于收集函数定义中所有剩余的参数,并将它们作为一个数组传递给函数。换句话说,它可以将不定数量的参数打包成一个数组。

2024-09-10 271 0

JavaScript 的 sessionStorage 能否加锁?

直接给 sessionStorage 加锁是不可能的。JavaScript 的单线程特性: JavaScript 是单线程语言,在一个给定的时间内,JavaScript 引擎只能执行一个任务。因此,在 JavaScript 环境中,多个脚本同时修改 sessionStorage 的情况并不常见。

2024-09-10 249 0 JavaScript sessionStorage 加锁

Angular Mock 一个类的静态方法

在 Angular 单元测试中,Angular Mock 是一个强大的工具,它允许我们模拟和替换 Angular 的服务、组件和其他依赖项。而静态方法 是属于类本身,而不是类的实例的方法。它们可以直接通过类名调用,而不需要创建类的实例。

2024-09-10 248 0 Angular Mock 静态方法

Vue 3.5引入新特性 还有与SSR相关的改进

Vue 3.5引入了响应式属性解构、useTemplateRef方法、useId实用函数、内部响应性重构等新特性。还有与SSR相关的改进,包括异步组件作为边界进行延迟水合,以及有选择地允许水合不匹配,使处理客户端和服务器之间从未期望相同的数据(如日期)变得更加容易。

2024-09-05 285 0 Vue SSR

Vue和LayUI的主要区别有哪些?

Vue 是一套渐进式JavaScript框架,这意味着您可以从一个小型库开始,并根据需要逐渐添加更多功能。 Layui 是一款采用自身模块规范编写的CSS框架。 LayUI不提供数据绑定或其他高级功能,但它包含大量预构建的UI组件,可以帮助开发人员快速构建响应式网页。

2024-05-14 679 0 Vue LayUI

快速简单的开源JavaScript存储库localForage使用方法

localForage 是一个快速且简单的 JavaScript 存储库,其通过使用异步存储对例如:IndexedDB 、 WebSQL、localStorage 等进行简单的、强大的 API 包装来改善 Web 应用程序的离线体验。localForage 可以在不支持 IndexedDB 或 WebSQL 的浏览器中使用。

2024-05-10 642 0 JavaScript localForage 使用方法

iframe sandbox="allow-same-origin allow-scripts" 是什么意思?

在 HTML 中,<iframe> 元素用于在网页中嵌入另一个网页。sandbox 属性可用于对嵌入的网页进行沙箱化,以限制其功能并提高安全性。

2024-05-07 504 0 iframe sandbox allow-same-origin allow-scripts

使用Face-API.js在浏览器实现人脸识别功能

face-api.js 是在 tensorflow.js 核心(tensorflow/tfjs-core)之上实现的浏览器和 nodejs 的 JavaScript 人脸识别 API。目前 face-api.js 在 Github 通过 MIT 协议开源,有超过 16.1k 的 star、3.6k 的 fork、8.7k 的项目依赖量、是一个妥妥的前端优质开源项目。

2024-04-30 748 0 Face-API.js js 浏览器 人脸识别

sessionStorage可以跨Tab访问吗?

sessionStorage 是 HTML5 提供的一种客户端存储机制,它将数据存储在会话期间,即当浏览器标签页或窗口关闭时会清除数据。每个标签页都有自己独立的 sessionStorage 存储空间,无法直接共享数据。

2024-04-23 1033 0 sessionStorage Tab

Angular UT报错Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError

有一个Angular的Component的单元测试代码,执行后fixture.detectChanges();就会报错Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'showLoading': 'true'. Current value: 'false'. Find more at https://angular.io/errors/NG0100。

2024-04-18 769 0 Angular UT 报错 Error NG0100

sql.js 可以在浏览器中运行SQLite数据库

SQL.js是一个JavaScript库,允许您完全在浏览器中创建和查询关系数据库。 它使用一个存储在浏览器内存中的虚拟数据库文件,所以它不会持久化对数据库的修改。SQL.js的核心是一个JavaScript实现的SQLite数据库引擎。 SQLite是一个轻量级的开源关系数据库,它被广泛用于嵌入式系统和移动应用程序。

2024-04-18 1257 0 sql.js 浏览器 SQLite 数据库

为什么都在说 React 比 Vue 难?

React和Vue都是现代前端开发中非常流行的框架,它们都有各自的优点和缺点,但是为什么有些人会觉得React比Vue难呢?这个问题可能有多种原因,下面我将从几个方面来探讨这个问题。

2024-04-13 1059 0 React Vue

最新评论
顶部