前端 - 标签 - 研发日志 · R&D Loghttps://rd163.visword.com/tags/%E5%89%8D%E7%AB%AF/前端 - 标签 - 研发日志 · R&D LogHugo -- gohugo.iozh-CNwhutluohui@gmail.com (小智晖)whutluohui@gmail.com (小智晖)本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。Sun, 01 Jun 2025 00:00:00 +0800HTML5 语义化标签https://rd163.visword.com/posts/html5-semantic-tags/Sun, 01 Jun 2025 00:00:00 +0800小智晖https://rd163.visword.com/posts/html5-semantic-tags/ 语义化标签

在 [HTML5] 标准中，新增了若干用于增强页面语义的标签，常见的有 article、section、nav、aside、main 等。与大多数普通标签不同，浏览器在渲染这些标签时仅仅把它们当作普通的 div 块级元素处理，不会添加任何额外的展现逻辑;也就是说，这些标签的作用仅在于增强语义。对 Web 开发者而言，使用这些标签的实际意义主要有两点：搜索引擎优化（SEO）,以及提升页面的可访问性（accessibility）。

]]>DeepSeek 前端方案https://rd163.visword.com/posts/deepseek-frontend/Sat, 08 Feb 2025 00:00:00 +0800小智晖https://rd163.visword.com/posts/deepseek-frontend/DeepSeek 的 API（API base URL 为 https://api.deepseek.com）兼容 OpenAI 接口规范，模型 deepseek-chat、deepseek-coder 均支持 Function Calling、JSON Output 与 FIM（Fill in the Middle）补全，这意味着凡能接入 OpenAI 的前端项目，理论上都能"换 Base URL + 换 API Key"直接接入 DeepSeek。官方维护的 awesome-deepseek-integration 仓库按 Applications、Agent Frameworks、RAG Frameworks、IM Bots、IDE Extensions 等维度汇总了数百个可接入项目，是选型的第一入口。

]]>跨域资源共享 CORS 详解https://rd163.visword.com/posts/http-cors/Sun, 12 Jan 2025 00:00:00 +0800小智晖https://rd163.visword.com/posts/http-cors/ 简介

CORS(Cross-Origin Resource Sharing，跨域资源共享)是一个基于 HTTP 头的安全机制，允许服务器声明浏览器可以从哪些源（origin） 加载自己提供的资源。源由 协议（scheme）、域名（host）和端口（port） 三者共同决定，任一不同即视为跨域。

]]>用 AIGC 开发 Web UI 界面的产品https://rd163.visword.com/posts/web-development-by-aigc/Sun, 12 Jan 2025 00:00:00 +0800小智晖https://rd163.visword.com/posts/web-development-by-aigc/<p>AIGC（AI-Generated Content，人工智能生成内容）正在重塑 Web 前端开发的工作流。过去需要设计师交付稿、工程师手写组件、再反复联调的链路，现在被压缩成「描述 / 截图 / 拾取 → 生成可运行代码」的一步。本文按「文本生成 UI」「截图/UI 拾取生成代码」「AI 代码编辑器」三类，梳理目前主流的 AIGC Web UI 产品，并给出选型参考。</p>