前端技术文章

  • String.fromCodePoint生成复杂Emoji教程
    String.fromCodePoint生成复杂Emoji教程
    String.fromCodePoint()仅将码点转为字符,不处理Emoji组合逻辑;复杂Emoji如?‍?是基础字符+ZWJ(U+200D)+修饰符等按规则拼接的序列,需手动传入全部码点生成。
    文章 · 前端   |  5个月前  |   169浏览 收藏
  • JavaScript错误处理技巧分享
    JavaScript错误处理技巧分享
    JavaScript错误处理需结合try-catch捕获同步异常,async/await或Promise.catch处理异步错误,配合window.onerror和unhandledrejection全局监听,并通过自定义错误类型提升可维护性。
    文章 · 前端   |  5个月前  |   253浏览 收藏
  • Object.prototype.toString方法详解
    Object.prototype.toString方法详解
    Object.prototype.toString是最可靠、跨环境的类型检测方式,能精准区分内置对象类型;typeof对引用类型返回"object"无法细粒度区分,instanceof在多全局环境失效;需用call/apply绑定目标值,封装为getType可提取类型标识符,支持ES6+新类型及Symbol.toStringTag自定义。
    文章 · 前端   |  5个月前  |   231浏览 收藏
  • Chrome110前popover属性是否可用?
    Chrome110前popover属性是否可用?
    Chrome110及更早版本完全不支持popover属性,该属性首次实现在Chromium114(2023年5月底),此前解析时静默忽略,JS调用showPopover()会报错,且无对应实验标志可启用。
    文章 · 前端   |  5个月前  |   常见HTML属性兼容性问题有哪些 131浏览 收藏
  • CSS颜色与JS动态控制技巧
    CSS颜色与JS动态控制技巧
    CSS变量在JS中通过style.setProperty()修改、getComputedStyle().getPropertyValue()读取,需注意拼写、作用域、优先级及SSR/CSR时机;color-mix()不可在JS调用,hsl()可字符串生成;暗色模式闪动应预设data-theme并过渡具体属性。
    文章 · 前端   |  5个月前  |   445浏览 收藏
  • Form表单CSS重构:BEM规范划分输入与校验
    Form表单CSS重构:BEM规范划分输入与校验
    表单根元素不应承担样式职责,所有视觉逻辑必须下沉到带业务语义的独立字段block(如field-email)中,以保障校验精准性、复用性、无障碍支持及移动端兼容性。
    文章 · 前端   |  5个月前  |   153浏览 收藏
  • 移动端长按菜单实现详解与代码示例
    移动端长按菜单实现详解与代码示例
    长按事件不能直接用ontouchstart+setTimeout,因移动端默认行为干预、touchend不可靠及误判风险;需结合touchmove位移判断、getBoundingClientRect定位菜单、role属性提升可访问性,并务必处理touchcancel清理定时器。
    文章 · 前端   |  5个月前  |   118浏览 收藏
  • EdgeLegacyPDF下载功能是否可用?
    EdgeLegacyPDF下载功能是否可用?
    download属性在EdgeLegacy中对PDF无效,因其PDF引擎强制内嵌打开且未实现该属性;唯一可靠方案是后端设置Content-Disposition:attachment响应头。
    文章 · 前端   |  5个月前  |   常见HTML属性兼容性问题有哪些 431浏览 收藏
  • CSStop无效?可能缺了position属性!
    CSStop无效?可能缺了position属性!
    top不生效90%因position为static;需显式设relative/absolute,注意flex/grid对齐覆盖、transform创建新层叠上下文及dialog需手动设position。
    文章 · 前端   |  5个月前  |   426浏览 收藏
  • Webpack5配置CSS加载器详解
    Webpack5配置CSS加载器详解
    style-loader必须在css-loader右侧,因Webpackuse数组从右向左执行:css-loader先解析CSS为JS模块,style-loader再注入到head;顺序颠倒会报错。
    文章 · 前端   |  5个月前  |   463浏览 收藏
  • 旧版CSS转SCSS方法:工具+脚本快速转换
    旧版CSS转SCSS方法:工具+脚本快速转换
    不能只改后缀,因SCSS解析器更严格:需同步更新文件后缀、引用路径及做最小语法适配,否则易致编译失败或样式失效。
    文章 · 前端   |  5个月前  |   455浏览 收藏
  • BigInt精准计算代币余额技巧
    BigInt精准计算代币余额技巧
    BigInt除法不支持小数结果,必须转字符串后手动插入小数点或用BCMath缩放;前端展示需避免Number转换以防精度丢失,后端应始终以字符串接收并处理原始余额。
    文章 · 前端   |  5个月前  |   440浏览 收藏
  • hex、rgb与hsl颜色对比解析
    hex、rgb与hsl颜色对比解析
    静态场景优先用#FF5733等6位HEX,体积小、解析快、兼容好;动态调色用rgba()便于JS运算;HSL适合可预测的明暗饱和度调整,三者应按需混用避免压缩失效。
    文章 · 前端   |  5个月前  |   145浏览 收藏
  • 响应式栅格系统工作原理详解
    响应式栅格系统工作原理详解
    响应式栅格系统由container-row-col三层结构、百分比宽度、媒体查询协同实现;列宽用百分比(如25%)确保相对缩放,配合box-sizing:border-box防溢出,flex布局比浮动更可靠,断点应遵循移动优先原则用min-width定义。
    文章 · 前端   |  5个月前  |   111浏览 收藏
  • CSS弹性动画与缓动曲线详解
    CSS弹性动画与缓动曲线详解
    用cubic-bezier(0.68,-0.55,0.27,1.55)可实现可控弹性动画,其负y1值制造初始下拉,超1的y2值产生回弹,配合单次scale关键帧与0.4s–0.8s时长达成自然效果。
    文章 · 前端   |  5个月前  |   461浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • PubMedQA数据集详解:生物医学问答基准、功能与应用指南
    PubMedQA
    深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
    383次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    454次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    467次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    407次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    237次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码