-
- JavaScript本地存储(localStorage)技巧分享！
- 在JavaScript中使用localStorage存储数据的方法包括：1.使用localStorage.setItem(key,value)存储数据；2.使用localStorage.getItem(key)获取数据；3.使用localStorage.removeItem(key)移除数据；4.使用localStorage.clear()清空所有数据。localStorage适用于存储用户偏好和缓存数据，但只能存储字符串，需使用JSON.stringify()和JSON.parse()处理对象或数组，且
- 文章 · 前端 | 3个月前 | 444浏览 收藏
-
- 搞懂CSS中px和em的区别，设计师才知道怎么选！
- px是绝对单位，像素的缩写，1px在不同设备上始终是1px；em是相对单位，相对于当前元素的字体大小，会随父元素或自身字体大小变化而变化。px适合需要精确控制的场景，如按钮大小和边框宽度；em适合需要灵活性和响应性的场景，如字体大小和间距。
- 文章 · 前端 | 3个月前 | 444浏览 收藏
-
- JS移除事件监听器超简单教程，一看就懂！
- 在JavaScript中移除事件监听器时，必须使用与添加时相同的函数引用。1)使用命名函数或保存匿名函数引用，以便正确移除。2)在循环中添加监听器时，保存每个监听器的引用。3)确保this上下文一致，避免使用箭头函数。遵循这些最佳实践可以有效避免内存泄漏和意外行为。
- 文章 · 前端 | 3个月前 | 444浏览 收藏
-
- HTML如何插入图片？手把手教你用img标签搞定图片展示
- 在网页开发中，插入图片的关键是使用<img>标签并正确设置其属性。首先，必须通过src属性指定图片路径，可以是相对路径、绝对路径或外部URL；其次，alt属性用于提供替代文本，既帮助视障用户理解内容，也有利于SEO优化；此外，需注意图片格式的选择如JPG、PNG、SVG等，根据需求控制图片尺寸，并确保路径正确以避免加载失败，最后还应优化图片性能，如压缩体积和使用现代格式WebP，以提升页面加载速度和用户体验。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- 手把手教你超链接href怎么用，href路径写法全解析
- href属性用于<a>标签指定链接目标URL。绝对路径包含完整URL，适合外部资源；相对路径更灵活，适用于同域名内导航。使用相对路径提高代码可维护性，使用绝对路径确保链接准确性。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- HTML段落前空两格？简单！用这招搞定CSS设置
- 在HTML中实现中文段落两格缩进可以通过CSS的text-indent属性实现。具体方法是：1.使用p{text-indent:2em;}实现两格缩进，2em相当于两个汉字宽度。2.确保在不同设备和浏览器上的一致性，可以选择em单位或px单位。3.处理段落内嵌套元素时，可使用pimg,pblockquote{text-indent:0;}重置缩进。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- HTMLheight属性怎么用？百分比设置高度的那些小秘密
- height属性在HTML中用于设置元素的高度。1.它可以使用像素（px）或百分比（%）设置。2.百分比高度基于父元素的高度计算。3.若父元素高度未设置，百分比高度可能不起作用。4.使用vh单位、Flexbox或Grid布局可解决此问题。5.避免过度使用百分比高度，使用min-height或max-height，并测试不同设备以优化性能。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- JS快速给元素赋值属性，小白也能一看就会！
- 在JavaScript中设置元素的属性值可以使用setAttribute方法或直接操作元素的属性。1.使用setAttribute方法可以设置任何类型的属性，包括自定义属性，但设置的是HTML属性。2.直接操作元素的属性更直观，适用于常见属性，但无法设置自定义属性，且对某些属性效果可能不同。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- JS小技巧：手把手教你判断字符串是否包含指定子串
- 在JavaScript中检查字符串是否包含特定子串的最简单方法是使用includes()方法。1.使用includes()方法：适用于大多数情况，但不支持旧版浏览器。2.使用indexOf()方法：兼容性好，但可读性稍差。3.使用正则表达式的test()方法：灵活但可能复杂，性能受模式影响。选择方法应根据需求和环境。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- HTML中style标签的作用及使用方法
- <style>标签在HTML中的作用是嵌入CSS样式信息以控制网页外观。其核心用途包括：1.定义内部样式表，仅适用于当前文档；2.通常置于<head>中以避免渲染阻塞和样式闪烁；3.优先级高于外部样式表但低于行内样式；4.适合小型项目或动态修改样式；5.不推荐放在<body>中以免影响性能和维护性。
- 文章 · 前端 | 2个月前 | html Style标签 444浏览 收藏
-
- CSS外边距内边距设置技巧
- 在CSS中，margin用于控制元素与其他元素之间的距离，padding用于控制元素内容与边框之间的距离。1.margin设置：一个值设置所有方向；两个值设置上下和左右；三个值设置上、左右、下；四个值分别设置上、右、下、左。2.padding设置方式与margin类似。3.避免margin合并问题，可使用padding或BFC。4.使用box-sizing:border-box;使宽高包括padding和border。5.性能优化时，统一使用类名设置margin和padding。合理使用margin和pa
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- JS操控CSSHoudini，6大API突破样式限制
- CSSHoudini通过多个API让JavaScript直接操作浏览器渲染引擎，实现更灵活的样式控制。1.CustomPropertiesandValuesAPI支持定义带类型的CSS变量并进行动画；2.TypedOMAPI提供带单位的数值对象，提升性能和安全性；3.CSSParserAPI允许自定义CSS解析规则；4.PaintAPI通过PaintWorklet实现自定义绘制效果，如棋盘格背景；5.AnimationWorkletAPI创建高性能线程级动画；6.LayoutAPI自定义布局算法，如瀑布流
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- JS异步加载脚本技巧大全
- 异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- BOM获取短信权限方法详解
- 网页无法通过BOM直接获取短信发送权限，这是浏览器安全模型的设计原则；1.浏览器禁止网页代码访问敏感硬件或系统功能，防止恶意行为；2.可通过sms:协议启动短信应用，但需用户手动发送；3.WebShareAPI允许用户选择短信分享，但不能静默发送；4.网页无直接API访问短信模块，所有敏感权限必须用户明确授权；5.实际业务中通过服务器调用第三方短信服务完成发送，确保安全合规。
- 文章 · 前端 | 2个月前 | 444浏览 收藏
-
- Vuev-model原理及自定义表单组件实现
- v-model是Vue中用于表单元素和组件间建立双向数据绑定的指令，能实现输入内容与数据自动同步。其基本用法是绑定input或textarea的值，如<inputv-model="message">，使message与输入框内容保持一致；在自定义组件中使用时，需通过model选项声明prop和event，并用$emit('input')更新父组件数据；与.sync修饰符不同，v-model只绑定一个值，而.sync支持多个属性的双向绑定；开发自定义表单组件时应支持v-model、传递原生属性、
- 文章 · 前端 | 2个月前 | 444浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 514次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 499次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- AI Mermaid流程图
- SEO AI Mermaid 流程图工具：基于 Mermaid 语法，AI 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。
- 236次使用
-
- 搜获客【笔记生成器】
- 搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！
- 206次使用
-
- iTerms
- iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。
- 240次使用
-
- TokenPony
- TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。
- 200次使用
-
- 迅捷AIPPT
- 迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。
- 228次使用
