前端技术文章-Golang学习网

分类:

最新
热门

一月内

三天内一周内一月内三月内

示例元素
2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge"> 示例元素

2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge">

示例元素

2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge">HTML中使用data-*属性存储业务数据并用dataset读取的方法如下：1. 在HTML元素中添加 data-* 属性

2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge

data-*属性转dataset键名时连字符变驼峰（如user-id→userId），值恒为字符串，须手动类型转换；修改需用setAttribute而非直接赋dataset；事件委托中应通过closest定位带data属性的祖先元素。

文章 · 前端 | 3星期前 | 101浏览收藏

requestIdleCallback 结合 MessageChannel 实现任务切片调度，是一种优化网页性能、提升用户体验的高级技术手段。下面我将从原理、实现方式和实际应用三个方面详细解析这一技术。一、理解 requestIdleCallback 和 MessageChannel1. requestIdleCallbackrequestIdleCallback 是浏览器提供的一个 API，用于

requestIdleCallback 结合 MessageChannel 实现任务切片调度，是一种优化网页性能、提升用户体验的高级技术手段。下面我将从原理、实现方式和实际应用三个方面详细解析这一技术。一、理解 requestIdleCallback 和 MessageChannel1. requestIdleCallbackrequestIdleCallback 是浏览器提供的一个 API，用于: 需用MessageChannel实现可中断的优先级调度，因requestIdleCallback不可抢占且无取消能力；MessageChannel通过微任务通信支持高优任务立即插入和切片间中断检查。; 文章 · 前端 | 3星期前 | 236浏览收藏

float与inline-block结合布局技巧

float与inline-block结合布局技巧: float与inline-block不能混用实现混合浮动布局，因float使元素脱离文档流并强制display为block，导致inline-block的vertical-align等特性失效，引发换行、错位、塌陷等问题。; 文章 · 前端 | 3星期前 | 458浏览收藏

栈实现字符串相邻抵消的思路如下：初始化一个空栈。遍历字符串中的每个字符：如果栈不为空，且栈顶元素与当前字符相同，则弹出栈顶元素（即抵消）。否则，将当前字符压入栈。最终栈中剩下的字符即为处理后的结果。示例输入：

栈实现字符串相邻抵消的思路如下：初始化一个空栈。遍历字符串中的每个字符：如果栈不为空，且栈顶元素与当前字符相同，则弹出栈顶元素（即抵消）。否则，将当前字符压入栈。最终栈中剩下的字符即为处理后的结果。示例输入："abba" 处理过程：a → 栈: [a]b → 栈: [a, b]b → 栈顶是 b，抵消 → 栈: [a]a → 栈顶是 a，抵消 → 栈: []结果：""（空字符串）代码示例（Pyth: 本文详解dirReduc函数中栈（stack）的工作机制，重点解释stack[stack.length-1]的安全访问逻辑、空栈时的行为表现，以及方向对（如NORTH/SOUTH）如何被动态识别并移除。; 文章 · 前端 | 3星期前 | 450浏览收藏

CSS框架快速上手：引入样式库与组件模板

CSS框架快速上手：引入样式库与组件模板: 真正起效的是明确项目类型、锁定最小必要样式集、从可复用模板切入；选框架前需确认是否需要响应式栅格、团队组件库兼容性及主题/RTL支持；CDN引入须隔离作用域；复制官方模板源码并精简class最高效；自定义配置须在首屏渲染前生效，警惕框架暗默认行为。; 文章 · 前端 | 3星期前 | 465浏览收藏

HTML分页无障碍设置指南

HTML分页无障碍设置指南: 分页中当前页必须用aria-current="page"明确标识，仅作用于带href的<a>元素；禁用aria-disabled或移除href；外层容器按需用<nav>或aria-label标注；上/下一页按钮须语义正确、可聚焦、有明确标签；动态分页需同步更新aria-current、手动聚焦并精准播报。; 文章 · 前端 | 3星期前 | 100浏览收藏

import() 与 Worker 实现加密模块安全运行

import() 与 Worker 实现加密模块安全运行: 可直接用import()动态加载加密模块到Worker实现完全解耦——密钥与中间态数据不泄露、主线程不阻塞；Worker作用域天然隔离，密钥仅在self内生成/传递，配合模块封装（如只export核心函数、WeakMap缓存）和安全调用流程（动态加载、postMessage传参、结果精简返回），强化算法边界与内存安全。; 文章 · 前端 | 3星期前 | 380浏览收藏

Less中使用转义字符实现IE兼容CSS Hack

Less中使用转义字符实现IE兼容CSS Hack: Less中\9等IEHack必须用~"\9"转义，否则编译报错；属性前缀+、、_需用@{hack}注入；是唯一可裸写的Hack字符；条件注释须在HTML层实现。; 文章 · 前端 | 3星期前 | 168浏览收藏

HTML优惠券弹窗实现方法详解

HTML优惠券弹窗实现方法详解: 用<dialog>+radio实现可选优惠券弹窗：支持多券单选、选中反馈、关闭保留状态、表单联动；关键是在close事件中即时获取:checked值，用<label>包裹<inputtype="radio">确保语义与交互正确。; 文章 · 前端 | 3星期前 | 141浏览收藏

闭包实现状态监听，数据变更自动触发渲染

闭包实现状态监听，数据变更自动触发渲染: 闭包封装数据、监听器和渲染函数实现状态监听与自动渲染，通过Proxy拦截get/set完成依赖收集与触发更新，并提供onUpdate/offUpdate支持动态注册与清理，防止内存泄漏。; 文章 · 前端 | 3星期前 | 388浏览收藏

Less实现响应式导航栏：嵌套与媒体查询应用

Less实现响应式导航栏：嵌套与媒体查询应用: Less中写媒体查询需用&显式绑定父选择器，如.nav{@media(max-width:768px){&{display:none;}}}；避免深层嵌套、冗余循环和无效组合，合理拆分文件并使用变量管理断点与移动端样式。; 文章 · 前端 | 3星期前 | 360浏览收藏

微前端架构如何构建JavaScript应用？

微前端架构如何构建JavaScript应用？: 微前端通过按路由拆分子应用，选用qiankun实现隔离与通信，主应用统一管理依赖与状态，提升系统可维护性与团队协作效率。; 文章 · 前端 | 3星期前 | 112浏览收藏

CSS全屏视频遮罩技巧，Tailwind实现mix-blend-mode效果

CSS全屏视频遮罩技巧，Tailwind实现mix-blend-mode效果: Tailwind默认不支持mix-blend-mode类，需通过@layerutilities手动注入；bg-black/50无法参与混合，因background-color不构成可混合的背景层；全屏视频+遮罩+文字必须严格分三层：视频层、多背景层遮罩（如渐变）、独立文字层，并确保stackingcontext、z-index和isolation设置正确。; 文章 · 前端 | 3星期前 | 442浏览收藏

vw单位滚动偏差解决方法：100vw减去滚动条宽度

vw单位滚动偏差解决方法：100vw减去滚动条宽度: <p>calc(100vw-17px)不可靠因滚动条宽度动态变化，应改用JS获取真实宽度注入CSS变量，或优先使用width:100%替代。</p>; 文章 · 前端 | 3星期前 | 390浏览收藏

CSS排除特定类名元素，用:not()实现反向选择

CSS排除特定类名元素，用:not()实现反向选择: 用:not(.target)最安全，但括号内仅限单个简单选择器；语法错误（如:not(.a.b)）会导致整条规则被浏览器丢弃；排除多个类需链式写:not():not()，且:not()仅作用于目标元素自身，不涉及祖先或后代。; 文章 · 前端 | 3星期前 | 481浏览收藏

1 312 313 314 387

扫码关注公众号获取更多Go知识

查看更多

课程推荐

前端进阶之JavaScript设计模式

设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。

543次学习
GO语言核心编程课程

本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。

516次学习
简单聊聊mysql8与网络通信

如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让

500次学习
JavaScript正则表达式基础与实战

在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。

487次学习
从零制作响应式网站—Grid布局

本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。

485次学习
Golang深入理解GPM模型

Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。

474次学习

查看更多

AI推荐

ChatExcel酷表

ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。

6848次使用
Any绘本

探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。

7263次使用
可赞AI

可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。

7068次使用
星月写作

星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。

9010次使用
MagicLight

MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。

7728次使用

Golang学习网：公益在线Go学习平台，帮助Go学习者快速成长！

技术交流群

Copyright 2023 http://www.17golang.com/ All Rights Reserved ｜苏ICP备2023003363号-1

关注公众号

Golang学习网

微信登录更方便

密码登录
注册账号

登录即同意用户协议和隐私政策

返回登录

重置密码