前端技术文章

  • 广州|Web前端工程师|年薪30-50W|做海外产品,不打卡,不卷,可带宠物
    广州|Web前端工程师|年薪30-50W|做海外产品,不打卡,不卷,可带宠物
    https://segmentfault.com/a/这是一支长期深耕海外直播社交和互动娱乐方向的团队,产品核心面向海外用户。公司目前位于广州天河科韵路,技术团队整体比较稳定,核心成员平均司龄在 3-5 年。管理方式更接近外企风格:不强制加班、不打卡,更看重自主驱动,也鼓励把精力真正放在技术钻研上。
    文章 · 前端   |  2个月前  |   其他 495浏览 收藏
  • 这是一段原始文字,这是保留的文字。
    这是一段原始文字,这是保留的文字。
    \_DEL{...}不是标准HTML,浏览器不识别,必须转为<del></del>并补全datetime和配对<ins>,否则语义残缺、可访问性归零。
    文章 · 前端   |  4个月前  |   html 495浏览 收藏
  • 点击复制链接,HTML与JS实现方法
    点击复制链接,HTML与JS实现方法
    现代浏览器应使用navigator.clipboard.writeText()复制URL,需用户手势触发且不能异步调用;HTTP环境或旧版Safari需降级处理,并务必捕获错误提示用户。
    文章 · 前端   |  4个月前  |   html 495浏览 收藏
  • 设置移动端视口,适配不同屏幕尺寸
    设置移动端视口,适配不同屏幕尺寸
    viewport必须置于<head>最前面且配对width=device-width与initial-scale=1.0,禁用user-scalable=no违反可访问性,溢出问题需检查CSS布局而非仅依赖viewport配置。
    文章 · 前端   |  4个月前  |   html 495浏览 收藏
  • 多行文本溢出处理:text-overflow与ellipsis应用
    多行文本溢出处理:text-overflow与ellipsis应用
    text-overflow:ellipsis仅对单行生效,多行需用-webkit-line-clamp;其要求display:-webkit-box、-webkit-box-orient:vertical、整数行数及明确高度限制,且仅WebKit/Blink内核支持,Firefox等需降级处理。
    文章 · 前端   |  4个月前  |   495浏览 收藏
  • Java小程序入口声明方法
    Java小程序入口声明方法
    code属性指定Applet类的字节码文件名(不含.class后缀),须继承java.applet.Applet或javax.swing.JApplet,路径用斜杠分隔包名,如com/example/MyApplet;不支持点号或.class后缀,且仅适用于Java8及以前版本。
    文章 · 前端   |  4个月前  |   HTML常见属性及用途 495浏览 收藏
  • CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    CSS如何适配折叠屏设备_利用双屏媒体查询screen-spanning
    screen-spanning媒体查询不可靠,不应作为唯一判断依据;它仅在Chrome119+/Edge97+支持,Safari/Firefox不支持,且依赖真实双屏硬件与系统跨屏渲染模式,易因缩放、iframe或厂商屏蔽而失效。
    文章 · 前端   |  4个月前  |   495浏览 收藏
  • Less变量嵌套覆盖问题解析
    Less变量嵌套覆盖问题解析
    Less变量不支持块级作用域,仅存在全局与局部词法作用域;局部变量会完全覆盖同名全局变量,从声明处起影响该块及所有子嵌套,且不会自动恢复父级值。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • CSS响应式图片溢出处理技巧
    CSS响应式图片溢出处理技巧
    应设img的max-width:100%且height:auto,避免同时设width和height像素值;溢出常因父容器white-space、flex-shrink或box-sizing等导致;固定宽高容器可用object-fit:cover/contain,注意兼容性;内联SVG需单独处理。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • :scope限定选择器范围,Scoped CSS实战应用
    :scope限定选择器范围,Scoped CSS实战应用
    :scope在CSS文件或<style>标签中完全无效,仅在JS的querySelector等DOM查询方法中有效,且仅指向调用该方法的元素自身;浏览器解析样式表时无运行时上下文,:scope被当作:root处理。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • 音频视频控制技巧:JavaScript Media API使用教程
    音频视频控制技巧:JavaScript Media API使用教程
    JavaScript的MediaAPI仅提供媒体元素控制接口和状态监听,不直接操作音视频数据;底层解码、处理需WebAudioAPI(音频)或Canvas/WebCodecs(视频)。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • JavaScript物联网开发实战指南
    JavaScript物联网开发实战指南
    JavaScript可用于物联网开发,通过Node.js结合Johnny-Five、Firmata、raspi-io控制硬件,利用HTTP、MQTT、WebSocket实现设备联网与云通信,配合前端框架构建可视化界面,并在树莓派等设备上部署应用,实现远程监控与控制。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • 插件架构如何减少内存碎片化?
    插件架构如何减少内存碎片化?
    模块预加载加剧内存碎片是因为加载后未统一管理生命周期,导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载,产生大量零散mmap空洞;需通过预分配固定内存池并重定向malloc/new调用,配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • CSS变量实现视差滚动背景教程
    CSS变量实现视差滚动背景教程
    纯CSS变量无法独立实现视差滚动,必须由JS注入--scroll-y等变量,再通过calc()配合transform实现;background-attachment:fixed在现代浏览器中受限严重,JS驱动方案最兼容。
    文章 · 前端   |  5个月前  |   495浏览 收藏
  • JavaScript数组every方法详解
    JavaScript数组every方法详解
    JavaScript的every方法用于检测数组所有元素是否都满足指定条件,返回布尔值。1.若所有元素均通过测试,返回true;若任一元素未通过,则立即返回false并停止遍历。2.其语法为arr.every(callback[,thisArg]),callback需返回布尔值。3.与some方法不同,every强调“全部通过”,some强调“至少一个通过”。4.使用场景包括严格校验、权限检查、统一性验证等。5.空数组调用every会返回true,需额外判断数组长度以避免逻辑错误。6.回调函数应保持简洁,
    文章 · 前端   |  5个月前  |   495浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    558次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    606次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    633次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    590次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    413次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码