-
- 手把手教你用文档轻松学Vue.js，小白也能变大神！
- 要深入学习Vue.js，应从官方文档入手。1)通读“指南”部分，掌握核心概念和基础知识。2)深入研究“API”部分，结合示例代码实践常用API。3)利用“Cookbook”解决常见需求。4)积极参与“社区”讨论，解决疑难杂症并了解最新动态。5)学习性能优化和最佳实践，提升代码质量。
- 文章 · 前端 | 1星期前 | 491浏览 收藏
-
- JS高手进！WeakMap&WeakSet用法及实战场景
- WeakMap和WeakSet的主要作用是存储弱引用对象，避免内存泄漏。当对象仅被WeakMap或WeakSet引用时，仍可被垃圾回收机制回收，而Map和Set的引用会阻止对象被回收。例如，将对象设为null后，若仅被WeakMap引用，则该对象可被回收。适用WeakMap的场景包括：1.存储私有数据或元数据，如记录DOM元素状态而不污染属性；2.缓存对象相关数据，如组件状态或计算结果，对象销毁后缓存自动释放；3.观察或监听对象行为，判断对象是否仍在使用中。WeakSet适用于：1.标记对象是否已处理过；
- 文章 · 前端 | 1星期前 | 403浏览 收藏
-
- 手把手教你用JS实现超简单网页元素拖拽功能
- 实现元素的拖拽功能需要三个步骤：1.鼠标按下时，设置拖拽状态并计算偏移量；2.鼠标移动时，更新元素位置；3.鼠标释放时，停止拖拽。
- 文章 · 前端 | 1星期前 | 354浏览 收藏
-
- JS实现页面可见性监控？手把手教你用这5个visibilityAPI
- JS监听页面可见性可通过PageVisibilityAPI实现，1.使用document.visibilityState属性获取页面状态，值为"visible"或"hidden"等；2.监听document上的visibilitychange事件以触发相应操作；3.结合requestAnimationFrame控制动画执行；4.使用IntersectionObserverAPI检测元素是否进入视口。监听页面可见性可优化资源消耗，如暂停视频播放、停止数据轮询等，提升性能与用户体验。对于兼容性问题，可通过po
- 文章 · 前端 | 1星期前 | requestAnimationFrame PageVisibilityAPI document.visibilityState visibilitychange事件 IntersectionObserverAPI 186浏览 收藏
-
- HTML标签是什么？快速掌握语义化使用技巧
- time标签通过提供机器可读的时间信息提升SEO和可访问性。1.使用ISO8601格式的datetime属性标记日期时间，如YYYY-MM-DD或YYYY-MM-DDThh:mm:ssTZD；2.标签内文本用于人类阅读，如“2023年10月27日”；3.结合schema.org定义事件时间等语义信息，增强搜索引擎理解；4.屏幕阅读器可识别time标签并友好呈现时间内容，提升可访问性；5.正确使用time标签有助于时效性内容在搜索结果中的排名提升。
- 文章 · 前端 | 1星期前 | SEO 可访问性 语义化 time标签 datetime属性 273浏览 收藏
-
- 手把手教你用Vue封装axios，快速搞定第三方库集成！
- 在Vue项目中集成axios需通过封装提升可维护性。1.安装并引入axios，推荐创建统一请求模块如src/utils/request.js；2.封装拦截器实现自动携带token和统一响应处理；3.在组件中按需调用封装方法如get或post；4.支持多环境配置，通过.env文件自动切换API地址，提高协作效率。
- 文章 · 前端 | 1星期前 | 319浏览 收藏
-
- CSShover怎么用？3个hover悬浮实战技巧超详解
- CSS中的hover伪类用于在用户鼠标悬停时触发样式变化。1.在导航菜单中，hover效果可改变背景和文字颜色，提供下拉菜单，提升导航效率。2.在按钮上，hover效果提供视觉反馈，提示可点击，增加吸引力。3.在产品列表中，hover展示更多信息，提高用户体验和效率。
- 文章 · 前端 | 1星期前 | 395浏览 收藏
-
- 低版本安卓浏览器HTML兼容性修复技巧
- 处理HTML在低版本Android浏览器中的兼容问题需要检测浏览器版本并采取相应措施。首先，使用JavaScript检测用户代理字符串判断是否为低版本Android浏览器；其次，针对CSS兼容问题使用CSSHack提供备选样式；最后，对于JavaScript功能，使用功能检测确保代码在所有环境下运行。
- 文章 · 前端 | 1星期前 | 373浏览 收藏
-
- JS字符串分割超简单技巧！分分钟提升你的开发效率
- JavaScript中字符串的分割使用split()方法，截取使用slice(),substring(),或substr()方法。1)使用split()方法可以根据指定分隔符分割字符串，例如使用逗号分割。2)截取字符串时，slice()方法可以从指定索引开始截取到结束索引。3)复杂场景下，可以结合split()和对象存储处理URL参数。4)注意空字符串分割和负索引截取的不同处理方式。5)性能优化建议包括避免不必要的分割，使用正则表达式和提高代码可读性。
- 文章 · 前端 | 1星期前 | 474浏览 收藏
-
- summary标签是啥？HTMLsummary标签样式调整秘籍
- 要修改HTML中summary标签的样式，可通过CSS直接设置其属性，使用::marker伪元素自定义展开折叠符号，若无法生效则可移除默认marker并用::before伪元素替代；此外，还可结合JavaScript动态调整样式。具体步骤如下：1.使用details>summary选择器修改背景色、内边距、边框等样式；2.通过summary::marker修改指示器样式，若无效则使用list-style:none和::before伪元素创建自定义符号；3.利用JavaScript监听toggle事件
- 文章 · 前端 | 1星期前 | JavaScript CSS样式 动态样式 ``标签 `::marker`伪元素 197浏览 收藏
-
- JS小技巧：手把手教你用JS轻松读取LocalStorage数据
- 从LocalStorage读取数据使用localStorage.getItem()方法，需注意数据类型转换、错误处理、数据完整性、性能和安全性。1.使用localStorage.getItem()读取数据。2.存储的对象或数组需用JSON.parse()转换。3.进行错误处理防止JSON.parse()抛出错误。4.添加版本控制或校验和确保数据完整性。5.注意性能和安全性问题，避免存储敏感信息。6.设计健壮系统处理数据丢失，使用默认值或从服务器重新加载数据。
- 文章 · 前端 | 1星期前 | 224浏览 收藏
-
- HTML进阶必看！header、footer、nav语义化标签这么用才对
- HTML语义化标签是赋予网页内容明确含义的标签，如header、footer、nav等，它们能提升可访问性、改善SEO、增强可维护性和跨设备兼容性。1.header用于页面或区域的头部，可包含logo、标题和导航；2.footer定义页面或区域的底部，适合版权信息和链接；3.nav标识主要导航链接，但非所有链接都适用；4.其他常见标签包括article（独立内容）、aside（侧边栏）、section（章节）、main（主要内容）以及figure和figcaption（媒体及标题）。正确使用这些标签可显著
- 文章 · 前端 | 1星期前 | SEO header footer HTML语义化标签 nav 383浏览 收藏
-
- JSPromise链式调用超简单！手把手教你搞定异步编程
- 在JavaScript中，处理Promise的链式调用使用.then()处理成功结果，.catch()处理错误。优点包括：1.可读性高，2.统一错误处理，3.值传递方便。注意事项：1.错误传播需谨慎，2.长链可能影响性能，3.避免嵌套Promise。最佳实践：1.使用async/await，2.确保错误处理，3.避免过长链，4.使用Promise.all()并行处理。
- 文章 · 前端 | 1星期前 | 262浏览 收藏
-
- JS触屏党必看！教你轻松搞定触摸事件处理
- 触摸事件在现代Web开发中重要，因为它们捕捉用户在触摸屏上的操作，提升用户体验并提供更多互动方式。处理触摸事件的方法包括：1.使用touchstart、touchmove、touchend和touchcancel事件，并添加监听器；2.处理多点触摸，如计算两点距离实现缩放；3.优化性能，使用requestAnimationFrame控制处理频率。
- 文章 · 前端 | 1星期前 | 486浏览 收藏
-
- HTML特殊符号怎么打？快收藏这份实体字符对照表！
- HTML实体字符用于在HTML中表示特殊或不可见字符。1.使用实体名称如<或编号如<表示字符，前者便于记忆，后者更通用。2.它们可防止浏览器误解析代码结构，例如用<代替小于号以避免被当作标签。3.还能防范XSS攻击，通过转义用户输入的潜在恶意代码。4.常见实体包括 、©、®等，适用于空格控制、货币符号显示等场景。5.可通过在线工具、HTML标准文档或浏览器开发者工具查找字符的实体编码。
- 文章 · 前端 | 1星期前 | 特殊字符 XSS攻击 HTML实体字符 实体名称 实体编号 397浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 473次学习
查看更多
AI推荐
-
- 茅茅虫AIGC检测
- 茅茅虫AIGC检测，湖南茅茅虫科技有限公司倾力打造，运用NLP技术精准识别AI生成文本，提供论文、专著等学术文本的AIGC检测服务。支持多种格式，生成可视化报告，保障您的学术诚信和内容质量。
- 135次使用
-
- 赛林匹克平台(Challympics)
- 探索赛林匹克平台Challympics，一个聚焦人工智能、算力算法、量子计算等前沿技术的赛事聚合平台。连接产学研用，助力科技创新与产业升级。
- 154次使用
-
- 笔格AIPPT
- SEO 笔格AIPPT是135编辑器推出的AI智能PPT制作平台，依托DeepSeek大模型，实现智能大纲生成、一键PPT生成、AI文字优化、图像生成等功能。免费试用，提升PPT制作效率，适用于商务演示、教育培训等多种场景。
- 150次使用
-
- 稿定PPT
- 告别PPT制作难题！稿定PPT提供海量模板、AI智能生成、在线协作，助您轻松制作专业演示文稿。职场办公、教育学习、企业服务全覆盖，降本增效，释放创意！
- 135次使用
-
- Suno苏诺中文版
- 探索Suno苏诺中文版，一款颠覆传统音乐创作的AI平台。无需专业技能，轻松创作个性化音乐。智能词曲生成、风格迁移、海量音效，释放您的音乐灵感！
- 154次使用
