说明:浏览器会加载并执行该文件中的 JavaScript 代码。注意:src 属性不能与 type 或 charset 同时使用(除非是特殊用途)。二、内嵌 JS 代码直接",
"url": "https://www.17golang.com/article/571206.html",
"description": "必须通过<script>标签引入JavaScript:一、内嵌代码,写在<head>或<body>的<script>标签内,如console.log("HelloHTML5");二、外链文件,用src属性引用.js文件,不可混写代码;三、位置影响执行时机,<body>底部最稳妥,<head>中可用defer确保DOM就绪后按序执行。",
"image": "https://www.17golang.com/uploads/20260416/177633099669e0a8f45d44f.png",
"datePublished": "2026-04-16T17:16:36+08:00"
}
}, {
"@type": "ListItem",
"position": 11,
"item": {
"@type": "Article",
"name": "HTML协作邀请链接日志使用指南",
"url": "https://www.17golang.com/article/571201.html",
"description": "最轻量方式是在<a>标签加data-track-type="collab-invite"等语义化属性,监听document.body点击事件捕获,埋点须在preventDefault前触发;invite_id需后端校验并原子更新状态,统一用UUIDv4,禁用URLfragment;带参链接需Cache-Control:no-store防缓存污染。",
"image": "https://www.17golang.com/uploads/20260416/177633076769e0a80f80d64.png",
"datePublished": "2026-04-16T17:12:47+08:00"
}
}, {
"@type": "ListItem",
"position": 12,
"item": {
"@type": "Article",
"name": "使用once参数让addEventListener只触发一次回调",
"url": "https://www.17golang.com/article/571196.html",
"description": "once是addEventListener的布尔型配置项,设为true时监听器仅执行一次后自动移除;适用于初始化、防重复提交、动画回调等场景,不支持IE。",
"image": "https://www.17golang.com/uploads/20260416/177633058469e0a758dbf08.png",
"datePublished": "2026-04-16T17:09:44+08:00"
}
}, {
"@type": "ListItem",
"position": 13,
"item": {
"@type": "Article",
"name": "多选影响批量操作吗?",
"url": "https://www.17golang.com/article/571188.html",
"description": "<selectmultiple>提交时以同名参数传递所有选中value,JS需用selectedOptions读取;checkbox批量操作须每次动态获取元素并重算状态,避免缓存NodeList或漏掉新增项。",
"image": "https://www.17golang.com/uploads/20260416/177633022569e0a5f16ff79.png",
"datePublished": "2026-04-16T17:03:45+08:00"
}
}, {
"@type": "ListItem",
"position": 14,
"item": {
"@type": "Article",
"name": "HTML制作sitemap站点地图方法【速查】",
"url": "https://www.17golang.com/article/571184.html",
"description": "HTML站点地图是供用户阅读的语义化导航页,须用<h2><ul><li><a>等标准标签构建,禁用XML结构;XML站点地图须程序生成、严格校验格式与URL有效性,超限需分片并通过sitemapindex.xml聚合。",
"image": "https://www.17golang.com/uploads/20260416/177633007469e0a55a9c43b.png",
"datePublished": "2026-04-16T17:01:14+08:00"
}
}, {
"@type": "ListItem",
"position": 15,
"item": {
"@type": "Article",
"name": "Vue3Suspense异步组件详解",
"url": "https://www.17golang.com/article/571180.html",
"description": "Suspense是Vue3内置组件,用于协调异步依赖加载状态,通过虚拟DOM层占位机制在子组件就绪前渲染fallback内容,需显式声明default/fallback插槽且异步组件必须为直接子级。",
"image": "https://www.17golang.com/uploads/20260416/177632986469e0a488a51c2.png",
"datePublished": "2026-04-16T16:57:44+08:00"
}
} ]
}
-
-
老旧台式机流畅写HTML,精简工具链搭建教程
-
应选用Notepad++便携版v7.9.5及更低版本、FirefoxESR78.15.0,禁用自动更新与扩展,通过file://协议直读HTML文件,关闭语法高亮冗余渲染和系统视觉特效,以适配双核CPU、2GB内存等低配硬件。
-
文章 ·
前端
| 1星期前 |
362浏览
收藏
-
-
低配手机禁用CSS高耗能动画方法
-
应使用@media(prefers-reduced-motion:reduce)直接重置动画属性,而非依赖JS;需设animation:none、transition:none、transform:none、opacity:1等并加!important确保生效。
-
文章 ·
前端
| 1星期前 |
140浏览
收藏
-
-
数组转对象的实用技巧与方法
-
本文详解如何将两个等长的一维数组(键数组与值数组)配对生成二维键值对数组,并利用Object.fromEntries()构建初始化对象,同时对比map+fromEntries、forEach和reduce三种实现方式的适用场景与注意事项。
-
文章 ·
前端
| 1星期前 |
471浏览
收藏
-
-
地理定位结合Canvas制作交互地图教程
-
答案:构建交互式地图应用需结合GeolocationAPI获取位置,Canvas渲染地图与标记,并实现用户交互。首先通过navigator.geolocation.getCurrentPosition()获取经纬度,需HTTPS与用户授权,建议检查API支持并设置超时;使用watchPosition()实时追踪位置变化。接着创建Canvas并适配尺寸,将经纬度按缩放比例转换为画布坐标,用ctx.arc()绘制圆形标记,添加文字标注,以用户为中心动态渲染兴趣点。交互方面,监听点击事件反查地理坐标并弹出信息,
-
文章 ·
前端
| 1星期前 |
181浏览
收藏
-
-
CSS引入样式文件乱码解决方法
-
根本原因是编码不一致:CSS文件为UTF-8(无BOM)而HTML未声明charset,或服务器响应头charset与文件编码不符;需统一为UTF-8并确保meta、HTTP头、构建工具读取均正确。
-
文章 ·
前端
| 1星期前 |
481浏览
收藏
-
-
computed列表过滤技巧分享
-
computed实现列表搜索过滤的核心是将原始数据和搜索关键词作为响应式依赖,由Vue自动追踪并重新计算结果;支持多字段匹配、空值防护,无需防抖,配合v-memo和空搜索优化可提升万级列表性能。
-
文章 ·
前端
| 1星期前 |
177浏览
收藏
-
-
增量标记如何优化长耗时内存回收
-
增量标记通过将标记工作拆分为多个小步穿插执行,避免长时间STW停顿;其依赖三色标记模型(白=未扫描/可能垃圾、灰=待扫描、黑=已扫描/存活),并结合写屏障解决并发修改导致的漏标问题。
-
文章 ·
前端
| 1星期前 |
228浏览
收藏
-
-
HTML统一错误页面设置方法
-
必须返回404状态码;仅展示错误内容而返回200会导致搜索引擎误判为有效页,损害SEO。需用curl-I或Network面板验证响应头为“HTTP/1.1404NotFound”,并确保HTML中title含“404”、主内容用<main>、链接用绝对路径且可访问。
-
文章 ·
前端
| 1星期前 |
129浏览
收藏
-
-
HTML5结构标签有哪些?新手必学基础详解
-
HTML5结构标签是语义化标签,用于明确内容角色;不能只用<div>,否则影响SEO、无障碍访问和协作效率;<main>只能出现一次且须为<body>直接子元素。
-
文章 ·
前端
| 1星期前 |
466浏览
收藏
-
-
-
HTML协作邀请链接日志使用指南
-
最轻量方式是在<a>标签加data-track-type="collab-invite"等语义化属性,监听document.body点击事件捕获,埋点须在preventDefault前触发;invite_id需后端校验并原子更新状态,统一用UUIDv4,禁用URLfragment;带参链接需Cache-Control:no-store防缓存污染。
-
文章 ·
前端
| 1星期前 |
290浏览
收藏
-
-
-
多选影响批量操作吗?
-
<selectmultiple>提交时以同名参数传递所有选中value,JS需用selectedOptions读取;checkbox批量操作须每次动态获取元素并重算状态,避免缓存NodeList或漏掉新增项。
-
文章 ·
前端
| 1星期前 |
385浏览
收藏
-
-
HTML制作sitemap站点地图方法【速查】
-
HTML站点地图是供用户阅读的语义化导航页,须用<h2><ul><li><a>等标准标签构建,禁用XML结构;XML站点地图须程序生成、严格校验格式与URL有效性,超限需分片并通过sitemapindex.xml聚合。
-
文章 ·
前端
| 1星期前 |
407浏览
收藏
-
-
Vue3Suspense异步组件详解
-
Suspense是Vue3内置组件,用于协调异步依赖加载状态,通过虚拟DOM层占位机制在子组件就绪前渲染fallback内容,需显式声明default/fallback插槽且异步组件必须为直接子级。
-
文章 ·
前端
| 1星期前 |
493浏览
收藏
-
- 前端进阶之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次学习
-
- ChatExcel酷表
-
ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 4429次使用
-
- Any绘本
-
探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 4789次使用
-
- 可赞AI
-
可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 4663次使用
-
- 星月写作
-
星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 6450次使用
-
- MagicLight
-
MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 5037次使用