logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

跟着 MDN 学 HTML day_32:(AbstractRange 抽象接口与 DOM 范围操作)

AbstractRange 是 DOM 范围操作的基础抽象接口,定义了所有范围对象共有的只读属性。它不能被直接实例化,实际开发中使用其派生接口 Range 和 StaticRange。Range 支持动态修改,会随 DOM 变化自动调整;StaticRange 则是不可变的静态快照。AbstractRange 提供了 collapsed、startContainer、startOffset、end

文章图片
#html#前端#javascript +2
跟着 MDN 学 HTML day_24:(Ogg 媒体服务器配置完全指南)

文章摘要:Ogg媒体文件配置与优化 本文详细介绍了Ogg媒体文件的服务器配置与优化方法。主要内容包括:1)正确配置Ogg文件的MIME类型,区分video/ogg、audio/ogg和application/ogg三种类型;2)实现范围请求支持,确保服务器正确处理206 Partial Content响应和Range头部,以支持视频拖放功能;3)优化关键帧间隔设置,通过ffmpeg2theora工

文章图片
#html#媒体#服务器 +2
跟着 MDN 学 HTML day_23:(WebRTC 中的编解码器使用指南)

本文深入探讨了WebRTC中的视频编解码技术规范与实现。主要内容包括: WebRTC采用无容器设计,直接传输裸的MediaStreamTrack对象,编解码器选择由通信双方协商决定,规范明确规定了必须支持的编解码器集合。 视频编解码器要求方面,所有兼容浏览器必须支持VP8和H.264/AVC的Constrained Baseline profile,最低支持320x240分辨率、20FPS的视频流

文章图片
#html#webrtc#前端 +2
跟着 MDN 学 HTML day_20:(Web 媒体容器格式完全指南)

本文全面解析Web媒体容器格式选型指南,重点介绍MP4、WebM、Ogg和MP3等主流格式。MP4作为兼容性最强的视频容器,适配H.264+AAC黄金组合,适合全平台兜底;WebM开源免费,体积更小,适合现代站点;Ogg是早期开源格式,主要用于老旧浏览器兼容;MP3则是音频领域的通用方案。文章通过对比表格和代码示例,帮助开发者根据带宽、设备和兼容性需求精准选择媒体格式,规避播放问题,优化用户体验。

文章图片
#前端#html#媒体 +1
跟着 MDN 学 HTML day_11:(语义化容器全站重构+独立CSS拆分+字体合规引入)

本次实战对标 MDN 标准文档挑战练习,以经典观鸟网静态站点为落地案例,全程不使用冗余div布局,纯靠HTML5原生语义化标签搭建全站容器骨架;同步完成CSS样式外置独立拆分、谷歌开源中文字体稳定外链引入、老旧IE浏览器兼容兜底适配,一站式吃透结构分层、资源解耦、样式美化三大核心能力,零基础可直接复刻实操,适配课后作业、阶段性实训、个人前端入门作品集场景。

文章图片
#html#重构#css +2
跟着 MDN 学 HTML day_3:(表单CSS美化实战与盒子模型三大核心属性详解)

本文是HTML表单美化实战教程,通过CSS对原生表单进行系统化美化。文章首先准备了一个无样式的标准HTML表单结构,包含文本框、下拉框、文本域等常见表单元素。然后分步骤讲解CSS美化技巧: 全局初始化:设置背景色、字体等基础样式 表单主体美化:使用margin、padding、border三大核心属性调整布局 分组控件优化:美化fieldset和legend元素 输入控件统一风格:为文本框、下拉框

文章图片
#html#css#前端 +1
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)

本文总结了网站复刻项目中的两大核心任务:一是通过GitHub开源获取苹方/SF Pro SC字体并完成本地私有化部署,解决了网页字体违和问题;二是完成了苹果官方标准页脚的像素级复刻,包括免责声明、导航分区等模块。文章详细介绍了字体本地化部署的具体步骤和代码实现,以及页脚模块的开发思路和样式优化技巧,同时分享了项目开发中的踩坑经验和解决方案。整体项目已完成80%核心页面搭建,为后续移动端适配和交互开

文章图片
#ui#前端#javascript +2
Dan koe视频笔记: 个人成长与目标设定的重要性

本文分享了作者受油管博主Danco启发,从迷茫到确立明确目标的心路历程。作者原本对大学生活缺乏规划,在接触目标导向思维后,将目标锁定为开发SaaS跨境电商AI爆品预测平台。通过系统学习爬虫技术、数据分析,并在CSDN分享实战项目,作者逐步提升专业技能。文章强调目标导向学习的重要性,认为明确目标能激发潜力、提高效率。尽管遇到技术难题和时间管理挑战,作者通过持续实践和寻求帮助不断成长。最后,作者表达了

文章图片
#人工智能#搜索引擎
16天从零到一:3D地球卫星轨道可视化平台开发全记录

本文详细复盘了16天开发3D地球卫星轨道可视化平台的完整历程。项目分四个阶段推进:基础搭建阶段解决核心渲染问题;数据处理阶段扩展接口并引入AI优化;交互优化阶段提升用户体验;最后进行功能收尾。平台实现了卫星轨道精准渲染、高效数据管理、流畅交互体验等核心功能,攻克了轨道错位、渲染卡顿等技术难点,并创新性地整合AI技术提升性能。开发过程积累的技术方案和经验,为同类航天可视化项目提供了有价值的参考。未来

文章图片
#3d#前端#javascript +2
3D地球卫星轨道可视化平台开发 Day14(彻底移除多余阴影)

本文针对Three.js卫星轨道可视化项目中多余阴影影响视觉体验的问题,提出了一套完整的解决方案。通过排查渲染器、灯光和材质设置,定位到地球模型未关闭阴影属性以及卫星部件材质不当是核心原因。解决方案分三步:明确关闭地球模型的阴影投射与接收功能;将卫星部件材质替换为不受光照影响的MeshBasicMaterial;补充全局阴影防护设置。最终不仅消除了不规则阴影和自遮挡黑边,还提升了渲染性能。文章分享

文章图片
#3d#前端#javascript +2
    共 29 条
  • 1
  • 2
  • 3
  • 请选择