• CSS响应式布局解决屏幕适配问题
    CSS响应式布局解决屏幕适配问题
    根本原因是box-sizing:content-box导致padding和border额外增加宽度;应全局设box-sizing:border-box,图片加max-width:100%;height:auto;,断点依内容临界点选em单位,字体用clamp()动态缩放。
    文章 · 前端   |  6天前  |   200浏览 收藏
  • JavaScript操作iframe及页面通信方法
    JavaScript操作iframe及页面通信方法
    同源时可直接操作iframe.contentWindow,跨域时必须用postMessage通信;需确保iframe加载完成、严格校验origin,否则触发安全错误。
    文章 · 前端   |  4天前  |   200浏览 收藏
  • JavaScript框架有哪些?如何选择适合的工具
    JavaScript框架有哪些?如何选择适合的工具
    没有“最适合”的JS框架,只有最匹配项目需求、团队能力与维护预期的那一个:React生态广但需自组织,Vue上手快且TS支持稳,Svelte包小但生态弱;选型看开发效率、性能、生态;简单场景用原生JS更优。
    文章 · 前端   |  4天前  |   200浏览 收藏
  • I/O阶段处理哪些操作?
    I/O阶段处理哪些操作?
    I/O阶段是事件循环中负责收集已完成异步I/O操作回调并放入执行队列的机制,它不执行I/O而是接收操作系统通知;2.它确保程序非阻塞运行,像调度员一样让主线程持续处理任务而不被外部资源等待卡住;3.非阻塞I/O是其基础,操作系统通过epoll/kqueue等机制通知事件循环哪些I/O已就绪;4.优化方式包括:用异步API替代同步、合并小I/O操作、使用流式处理大文件、限制并发I/O数量、合理利用缓存减少重复读写,最终提升应用响应速度和资源效率。
    文章 · 前端   |  2天前  |   200浏览 收藏
  • CSS固定元素滚动位置设置方法
    CSS固定元素滚动位置设置方法
    position:sticky的top值需设为具体长度(如0、20px),表示元素距其最近滚动祖先顶部的距离开始吸附;若无效,主因是祖先未设overflow-y:auto/scroll且有明确高度。
    文章 · 前端   |  3星期前  |   199浏览 收藏
  • WebSocket与HTTP长轮询对比详解
    WebSocket与HTTP长轮询对比详解
    WebSocket连接三步:构造函数创建、监听事件、send发送;长轮询靠客户端递归请求模拟实时;核心区别是全双工长连接vs单向HTTP“假连接”;选型依延迟与交互频率而定。
    文章 · 前端   |  3星期前  |   199浏览 收藏
  • JavaScript原型链详解与继承机制解析
    JavaScript原型链详解与继承机制解析
    JavaScript原型链是对象间通过[[Prototype]]形成的属性查找路径,核心在于查找不到时向上级原型查找,终点为null;Object.create()可手动构建原型链,class只是语法糖,引用类型属性共享是常见陷阱。
    文章 · 前端   |  3星期前  |   199浏览 收藏
  • IE浏览器HTML5兼容问题解决方法
    IE浏览器HTML5兼容问题解决方法
    IE8–IE9无法识别HTML5语义标签,需用html5shiv通过document.createElement()注册标签并修复样式;同时需降级querySelector、addEventListener等API,并对localStorage和表单校验做兼容处理。
    文章 · 前端   |  3星期前  |   199浏览 收藏
  • 微博HTML5特别关注怎么设置?
    微博HTML5特别关注怎么设置?
    微博网页版m.weibo.cn不提供特别关注功能,因其自2021年底已下线该功能,API移除is_top字段,前端无对应DOM,且服务端关闭所有外部调用权限,仅App支持。
    文章 · 前端   |  3星期前  |   199浏览 收藏
  • HTML5拖拽实现列表排序技巧
    HTML5拖拽实现列表排序技巧
    <p>关键在于监听dragover事件并调用event.preventDefault();再通过event.clientY与target.getBoundingClientRect()计算offset=event.clientY-rect.top,若offset小于高度一半则为上方,否则为下方。</p>
    文章 · 前端   |  2星期前  |   199浏览 收藏
  • html如何输出变量值_在HTML页面中输出变量值的技巧【技巧】
    html如何输出变量值_在HTML页面中输出变量值的技巧【技巧】
    可使用innerHTML、textContent或模板字符串动态更新HTML中JavaScript变量值:innerHTML支持HTML解析但有XSS风险;textContent仅输出纯文本更安全;模板字符串适合多变量嵌入且结构清晰。
    文章 · 前端   |  2星期前  |   199浏览 收藏
  • CSS伪元素before和after添加图标方法
    CSS伪元素before和after添加图标方法
    最常见的原因是未设置content属性或其值为空;必须显式声明content(如""或Unicode字符),并确保字体加载、display和定位正确。
    文章 · 前端   |  2星期前  |   199浏览 收藏
  • JavaScript控制音频视频播放与暂停技巧
    JavaScript控制音频视频播放与暂停技巧
    play()和pause()需在用户手势(如点击)后调用,否则因浏览器自动播放策略抛出NotAllowedError;应通过paused属性判断状态,监听play/pause事件而非轮询,并注意iOS/Safari的playsinline等限制。
    文章 · 前端   |  2星期前  |   199浏览 收藏
  • /*页面级CSS样式*/body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0;}.container{width:80%;margin:auto;overflow:hidden;}header{background:#333;color:#fff;padding:10px0;text-align:
    /*页面级CSS样式*/body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0;}.container{width:80%;margin:auto;overflow:hidden;}header{background:#333;color:#fff;padding:10px0;text-align:
    style标签天然具有页面级作用域,仅影响当前HTML文件,无需scoped等额外属性;其优先级与外部CSS相同,取决于选择器特异性和声明顺序。
    文章 · 前端   |  2星期前  |   199浏览 收藏
  • JavaScript变量与数据类型区别解析
    JavaScript变量与数据类型区别解析
    var、let、const是变量声明方式,非数据类型;string、number等才是JavaScript数据类型;三者区别在于作用域和赋值规则:var函数作用域且提升,let/const块级作用域,const需初始化且不可重赋值。
    文章 · 前端   |  1星期前  |   199浏览 收藏
查看更多
课程推荐
  • 前端进阶之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推荐
  • ChatExcel酷表:告别Excel难题,北大团队AI助手助您轻松处理数据
    ChatExcel酷表
    ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    3972次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    4306次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    4192次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    5465次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    4559次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码