前端技术文章
-
- 调整MaterialIconsOutlined线条粗细技巧
- 本文旨在提供调整MaterialIconsOutlined轮廓粗细的实用方法。由于MaterialIconsOutlined本身是矢量图形，直接修改font-weight和stroke-width属性通常无效。本文将探讨通过调整字体大小来间接控制轮廓视觉效果，并提供代码示例进行演示。理解这种限制对于有效使用MaterialIconsOutlined至关重要。
- 文章 · 前端 | 11个月前 | 481浏览 收藏
-
- PX与EM区别对比，CSS单位详解指南
- px是绝对单位，像素的缩写，1px在不同设备上始终是1px；em是相对单位，相对于当前元素的字体大小，会随父元素或自身字体大小变化而变化。px适合需要精确控制的场景，如按钮大小和边框宽度；em适合需要灵活性和响应性的场景，如字体大小和间距。
- 文章 · 前端 | 11个月前 | 481浏览 收藏
-
- ReactNative内购报错解决指南
- 本文旨在解决使用react-native-iap库在ReactNative应用中实现应用内购买时，因API参数变化导致的TypeError:rightoperandof'in'isnotanobject错误。核心在于，新版RNIAP库要求在发起购买请求时，商品ID必须作为包含sku或skus键的对象传入，而非简单的字符串，并需根据平台进行适配。
- 文章 · 前端 | 11个月前 | 481浏览 收藏
-
- HTML图片映射怎么用？map与area标签详解
- 答案：HTML图片映射通过<map>和<area>标签实现图片不同区域的独立链接。具体做法是使用<img>标签的usemap属性关联<map>标签，<map>内用多个<area>定义形状（rect、circle、poly、default）、坐标、链接和替代文本，从而让一张图片的各区域指向不同页面，保持视觉整体性的同时实现多点交互，适用于流程图、地图等场景；其核心优势在于逻辑分割与视觉统一，但存在响应式适配难、维护成本高、可访问性依赖a
- 文章 · 前端 | 11个月前 | 481浏览 收藏
-
- required属性用于标记表单字段为必填项，确保用户在提交表单前必须填写该字段，否则浏览器会提示错误并阻止表单提交。
- 最直接且推荐的方式是使用required属性，它能有效提升用户体验并由浏览器自动处理前端验证，但必须配合后端验证以确保安全性与数据完整性，因为前端验证可被轻易绕过，而后端验证是保障系统安全和数据正确的基石，两者结合使用才能构建可靠的应用程序。
- 文章 · 前端 | 12个月前 | 481浏览 收藏
-
- JS数组排序方法全解析
- <p>JS数组排序应使用sort()方法并传入自定义比较函数以避免默认按字符串Unicode排序的问题；1.升序排列时比较函数返回a-b，使较小值排在前面；2.降序排列时返回b-a，使较大值优先；3.排序对象数组时需根据指定属性（如name或value）进行比较，字符串属性需手动判断大小关系，数值属性可直接相减；4.sort()会修改原数组，若需保留原数组应先用[...array]等方式创建副本再排序；5.除sort()外还可使用reverse()反转数组或手动实现冒泡、选择、插入、快速、归并
- 文章 · 前端 | 1年前 | 排序算法 sort()方法 JS数组排序 对象数组 比较函数 481浏览 收藏
-
- CSS优化阿拉伯语显示：unicode-bidi实用技巧
- unicode-bidi属性是优化阿拉伯语网页显示的关键，用于解决阿拉伯语（RTL）与英语（LTR）混合文本的显示混乱问题；2.常用值包括embed（创建嵌入式双向上下文）和bidi-override（强制按direction方向显示，忽略字符固有方向），推荐优先使用embed以避免显示异常；3.配合direction:rtl设置文本方向，text-align:right实现右对齐，选择支持阿拉伯语的font-family，调整letter-spacing和word-spacing优化可读性；4.调试时可
- 文章 · 前端 | 1年前 | CSS 阿拉伯语 文本方向 RTL unicode-bidi 481浏览 收藏
-
- CSS多列等高布局怎么实现？Flexbox与Grid对比
- 实现文本多列等高布局的核心方法是使用Flexbox和Grid。1.Flexbox通过display:flex开启，子元素因默认align-items:stretch而沿交叉轴拉伸，实现等高，适用于一维布局，配合flex-wrap:wrap可响应式换行；2.Grid通过display:grid定义二维网格，使用grid-template-columns设置列宽，子元素自动填充行高，实现等高，更适合复杂多维布局，且支持项目跨行跨列，两种方案均无需额外脚本或hack技巧，能高效构建健壮响应式页面。
- 文章 · 前端 | 1年前 | CSS 布局 FLEXBOX Grid 多列等高布局 481浏览 收藏
-
- JS实现虹膜识别：前端生物特征技术解析
- 虹膜识别的前端实现目前难以用纯JavaScript完成，核心挑战在于性能和算法库的不足。图像采集可用getUserMediaAPI实现，预处理和特征提取则受限于JS性能，建议前端负责采集和简单预处理，复杂计算交由后端处理。WebAssembly可作为加速手段，通过C++或Rust编写核心算法并编译为WASM，从而提升前端图像处理效率。未来随着WebAssembly和Web神经网络API的发展，前端虹膜识别有望逐步成熟，但短期内仍以前后端结合为主流方案。
- 文章 · 前端 | 1年前 | 481浏览 收藏
-
- API名称拼写错误怎么解决？
- 本文探讨了在通过RESTAPI查询数据时，如何有效处理因拼写错误或名称变体导致的数据不一致问题。针对API通常不支持直接传递正则表达式进行模糊查询的限制，文章提出并详细介绍了使用Python的fuzzywuzzy库进行客户端模糊匹配的解决方案。通过实例代码，演示了如何获取数据后，在本地对名称字段进行相似度比较，从而准确识别并聚合所有相关记录，有效解决了数据录入不规范带来的挑战。
- 文章 · 前端 | 1年前 | 481浏览 收藏
-
- 暗黑模式HTML表单实现技巧
- 实现HTML表单暗黑模式的核心是使用CSS变量结合媒体查询@media(prefers-color-scheme:dark)响应系统偏好，并通过JavaScript提供手动切换功能，具体做法是在:root中定义亮色模式的颜色变量，在媒体查询中重定义为暗色模式的值，同时为表单元素统一设置基于变量的样式以确保视觉一致性，通过body上的dark-mode类动态切换主题并利用localStorage保存用户偏好，解决第三方组件不兼容、图片/SVG适配、硬编码颜色、性能及无障碍等问题，同时优化字体排版、阴影效果、
- 文章 · 前端 | 1年前 | 481浏览 收藏
-
- React状态持久化保存技巧
- 本文旨在解决React应用中使用localStorage持久化状态，特别是收藏夹功能遇到的问题。我们将深入探讨如何正确地更新和保存状态到localStorage，以确保数据在页面刷新后依然保留。通过修改toggleFavorites函数，并在每次更新收藏状态后立即保存到localStorage，实现收藏状态的持久化。同时，本文也提醒开发者注意localStorage的潜在异常情况，并建议进行适当的错误处理。
- 文章 · 前端 | 1年前 | 481浏览 收藏
-
- HTML结构如何影响CSS布局？
- CSS文档流是浏览器默认排列HTML元素的机制，决定了块级、行内及行内块元素的排列方式。它从上到下、从左到右排列元素，构成页面布局的基础。1.块级元素独占一行，行内元素并排排列，行内块可设宽高且并排。2.文档流对前端开发至关重要，因为所有CSS布局（如浮动、定位、Flexbox、Grid）都与之交互，不了解文档流会导致布局混乱。3.HTML嵌套结构通过父子、兄弟关系影响布局，父元素为子元素提供上下文，兄弟元素按顺序排列，Flexbox或Grid则改变排列规则。4.CSS通过display、position
- 文章 · 前端 | 1年前 | 481浏览 收藏
-
- asyncawait用法与错误处理技巧
- async和await是JavaScript中处理异步操作的语法糖，它们基于Promise并使异步代码更像同步代码。1.async用于声明异步函数，该函数返回Promise；2.await只能在async函数内使用，会暂停执行直到Promise解决或拒绝；3.使用try...catch可统一捕获错误，提升错误处理的可读性；4.在循环中滥用await会导致串行执行降低效率，应结合Promise.all实现并发；5.async函数总是返回Promise，即使返回的是普通值也会被包装；6.现代环境支持顶层awa
- 文章 · 前端 | 1年前 | 481浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 5313次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 4830次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4770次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 5032次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 4977次使用
