-
- HTML视频清除缓存并重新加载方法
- 使用JavaScript控制HTML5视频重新加载需调用load()方法。1.重设src为空再赋值原地址并调用load()可强制重新请求视频；2.在src后添加时间戳参数如?t=Date.now()使URL唯一，避免缓存；3.若仅需从头播放，可暂停并设置currentTime为0，配合load()刷新状态；4.可监听loadeddata事件确认视频加载完成。根据场景选择：更换视频用src重置，防缓存加时间戳，局部重播用currentTime。核心是修改src后调用load()触发重新加载流程。
- 文章 · 前端 | 1个月前 | 321浏览 收藏
-
- HTML折叠菜单实现方法详解
- 使用HTML、CSS和JavaScript可创建流畅的可折叠菜单。首先用无序列表构建菜单结构，通过CSS设置.max-height:0隐藏子菜单，并利用transition实现展开动画；为.menu-title添加点击事件，JavaScript通过切换.submenu的active类控制显示状态。注意调整max-height值以适配内容，避免截断或性能浪费，建议添加箭头旋转提示和触摸反馈，保持嵌套层级简洁，提升移动端体验。最终实现结构清晰、动画平滑、交互自然的折叠菜单。
- 文章 · 前端 | 1个月前 | html CSS JavaScript 过渡效果 可折叠菜单 365浏览 收藏
-
- 用Chart.js做堆叠进度条教程
- 本教程将指导您如何利用JavaScript库Chart.js在HTML页面中实现动态的堆叠进度条图表。通过详细的代码示例和配置说明，您将学习如何设置数据、定义图表选项，并最终创建出可用于展示机器状态、项目进度等多样化信息的专业级图表，有效提升数据可视化效果。
- 文章 · 前端 | 1个月前 | 117浏览 收藏
-
- 用CSS框架减少重复样式设计
- 使用CSS框架如Tailwind和Bootstrap可减少重复样式，提升开发效率；通过实用类组合、组件化结构和自定义属性实现高效复用，结合@apply封装常用类，增强代码一致性与可维护性。
- 文章 · 前端 | 1个月前 | 140浏览 收藏
-
- 无需库的JSON转TS类教程
- 本文介绍如何在不依赖任何外部库的情况下，将JSON对象转换为TypeScript类实例。通过使用Object.assign()方法，我们可以轻松地将JSON对象的属性值复制到类实例中，从而实现类型安全和对象方法的调用。本文将提供详细的代码示例和注意事项，帮助你理解和应用这一技术。
- 文章 · 前端 | 1个月前 | 388浏览 收藏
-
- ResizeObserver监听元素变化实现响应式组件方法
- ResizeObserver是现代浏览器API，用于高效监听DOM元素尺寸变化。它通过newResizeObserver(callback)创建实例，调用observe(target)监听目标元素，回调中可获取entry.contentRect的宽高值。相比window.resize事件或轮询，它性能更优，能精准捕获任意元素的内容区域变化，适用于动态布局、图表自适应、响应式文本等场景。在React中可封装useResizeObserverHook，结合useRef和useEffect实现组件尺寸监听，并在
- 文章 · 前端 | 1个月前 | 460浏览 收藏
-
- 用JavaScript做机器学习入门教程
- 答案是JavaScript可实现简单机器学习模型。通过手动实现线性回归和kNN算法，可在前端完成基础预测与分类任务；结合TensorFlow.js则能训练神经网络，支持更复杂场景，适合轻量级应用开发。
- 文章 · 前端 | 1个月前 | 120浏览 收藏
-
- JWT令牌管理全攻略
- 答案：现代Web应用中JWT管理需兼顾安全与可用，首先登录后将令牌存入localStorage或内存，通过拦截器自动在请求头添加Authorization，结合exp字段判断过期并实现刷新机制，服务端验证签名且避免存储敏感信息，防范XSS与CSRF风险。
- 文章 · 前端 | 1个月前 | 171浏览 收藏
-
- 纯JS实现页面跳转技巧
- 纯JS实现页面跳转可以通过多种方法实现。1.使用window.location.href进行简单跳转，但会创建新历史记录。2.使用window.location.replace()跳转时不创建新历史记录。3.在异步操作后跳转，可用setTimeout或在操作完成后跳转。4.对于SPA，使用history.pushState或history.replaceState实现无刷新跳转，并需手动触发popstate事件更新页面内容。
- 文章 · 前端 | 1个月前 | 405浏览 收藏
-
- HTML表单提交方式及method与action区别解析
- HTML表单提交数据的核心在于将用户输入信息打包并发送到服务器处理，其中action属性指定目标URL，method属性决定使用GET或POST方法。1.GET方法通过URL传递数据，适合请求且不改变服务器状态的操作，如搜索查询；2.POST方法将数据封装在请求体中传输，适合涉及敏感信息、大文件或修改服务器数据的操作；3.表单提交时需注意数据验证（客户端和服务器端）、防范CSRF、XSS、SQL注入等安全漏洞及优化用户体验；4.异步提交（AJAX/FetchAPI）提升交互体验，无需刷新页面即可完成数据提
- 文章 · 前端 | 1个月前 | 152浏览 收藏
-
- CSS侧边栏动画展开收缩技巧
- 使用CSStransition控制侧边栏宽度变化实现展开收缩，通过JavaScript切换类名触发动画，transition比animation更适用于此类交互效果。
- 文章 · 前端 | 1个月前 | 446浏览 收藏
-
- 命令模式实现撤销重做，关键在操作记录与回退
- 实现撤销和重做功能的关键是将操作封装为命令对象，通过历史栈管理执行与反向逻辑。1.定义命令类如SetTextCommand，保存执行前后的状态；2.创建CommandManager管理undo和redo栈，执行命令时压入undo栈并清空redo栈；3.调用undo时将命令从undo栈弹出，执行反操作后压入redo栈；4.redo则反向操作，恢复已撤销的命令。示例中文本编辑器通过该模式实现内容修改、撤销与重做。扩展可支持复合命令、限制栈大小、添加命令描述等。核心在于动作对象化与栈的顺序控制，注意清空redo
- 文章 · 前端 | 1个月前 | 命令模式 CommandManager 历史栈 撤销重做 命令对象 153浏览 收藏
-
- JavaScript异步加载优化方法
- JavaScript异步资源加载优化的核心在于避免阻塞DOM构建和页面渲染，从而提升用户体验。1.使用async和defer属性实现脚本异行下载与执行；2.通过动态脚本加载控制资源加载时机；3.利用preload、prefetch、preconnect和dns-prefetch预加载关键资源并建立连接；4.实现图片懒加载减少首屏负载；5.内联关键CSS和JS加速首屏渲染；6.使用WebWorkers将耗时任务移出主线程。这些策略能有效改善FCP和LCP等性能指标，但需注意执行顺序依赖、DOM未就绪、错误处
- 文章 · 前端 | 1个月前 | 370浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3167次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3380次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3409次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4513次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3789次使用
