跳到主要内容
极客日志极客日志
首页博客AI提示词GitHub精选代理工具
搜索
|注册
重置
编程语言 / HTML / CSS

标签

全部标签AIjavaNode.jsNuctPayPPT制作React NativeRNSaaSWeChat大前端算法

分类

全部分类
编程语言
PythonJavaScriptTypeScriptJavaKotlinGo / GolangRustC++CC#F#PHPRubySwiftObjective-CScalaClojureElixirErlangHaskellDartLuaPerlRJuliaMATLAB / OctaveSQLShell / BashPowerShellHTML / CSSZigNimCrystalGroovyVisual Basic .NETSolidity汇编

排序

最新更新最新发布最多浏览最多点赞
Figma Make 实测:AI 能否辅助完成前端开发
HTML / CSSSaaSAI大前端

Figma Make 实测:AI 能否辅助完成前端开发

Figma Make 是 Figma 推出的 AI 驱动 Prompt-to-App 工具,支持将自然语言或设计稿转换为可交互原型及前端代码。其基于 Claude 3.7 模型,具备对话式界面、元素级迭代控制及代码预览功能。优点在于高效生成原型、还原度高及团队协作便捷;局限包括视觉质量不稳定、决策逻辑偏差及复杂业务逻辑处理能力不足。适用于快速概念验证、简单交互页面生成及团队设计校验场景。建议配合严格的设计系统与代码评审使用。

咸鱼开飞机发布于 2026/2/8更新于 2026/4/205543 浏览146 点赞约 5 分钟阅读
CSS 基础语法、选择器及常用属性指南
HTML / CSS大前端

CSS 基础语法、选择器及常用属性指南

CSS 是层叠样式表,用于控制网页元素的排版与美化,实现结构与样式分离。内容涵盖 CSS 基本语法、三种引入方式(内部、行内、外部)、多种选择器(标签、类、ID、通配符、后代、子、并集、伪类)以及常用字体与文本属性。同时介绍了块级元素与行内元素的区别及特性,帮助开发者掌握页面样式设计的基础知识。

樱花落尽发布于 2026/2/8更新于 2026/4/203384 浏览183 点赞约 21 分钟阅读
HTML5+CSS3+JavaScript 实现高木同学圣诞树 GalGame 开发
HTML / CSS大前端

HTML5+CSS3+JavaScript 实现高木同学圣诞树 GalGame 开发

基于 HTML5、CSS3 和 JavaScript 构建高木同学主题圣诞树视觉小说游戏(GalGame)。内容涵盖项目架构设计、核心状态管理与场景系统实现、角色表情动态切换机制及响应式布局方案。包含存档功能、性能优化策略、本地与生产环境部署指南,以及扩展功能展望,展示纯前端技术在交互式叙事游戏中的应用实践。

LinuxPan发布于 2026/2/8更新于 2026/4/208087 浏览232 点赞约 54 分钟阅读
HTML / CSSSaaSAI大前端算法

AI 驱动设计系统生成引擎技术解析与实战

一款基于 AI 推理引擎的 UI/UX 设计系统生成工具。该工具通过自然语言提示,结合多维度设计数据库搜索(BM25 算法),自动生成包含色彩、字体、布局的生产级代码。支持多种前端框架及 AI 助手集成,内置质量检查清单与行业推理规则,旨在简化设计系统构建流程,提升开发效率。

云朵棉花糖发布于 2026/2/8更新于 2026/4/206364 浏览148 点赞约 29 分钟阅读
HTTP 协议基础与 HTTPS 原理
HTML / CSSNode.js大前端

HTTP 协议基础与 HTTPS 原理

HTTP 协议是互联网客户端与服务端传输数据的无连接无状态协议。 HTTP 的请求与响应格式,包括 URL 结构、常用请求方法(GET/POST)、请求与响应报头及 HTTP 版本差异。详细解析了状态码分类含义,以及 Cookie 与 Session 在会话管理中的工作原理与安全机制。最后阐述了 HTTPS 协议通过引入 CA 证书、非对称加密与对称加密结合的方式,解决中间人攻击风险,确保数据传输安全。

晚风告白发布于 2026/2/8更新于 2026/4/204295 浏览369 点赞约 17 分钟阅读
基于腾讯云 HAI 与 DeepSeek 快速构建个人网页
HTML / CSSAI大前端

基于腾讯云 HAI 与 DeepSeek 快速构建个人网页

通过结合腾讯云 HAI 云端算力与 DeepSeek 模型技术,实现低成本、高效地构建响应式个人网页。首先介绍在腾讯云 HAI 平台部署 DeepSeek-R1 模型的方法,利用预装环境快速调用。随后提供生成网页的提示词示例,指导用户获取包含简介、技能、项目及联系方式的 HTML 代码。最后展示如何根据实际需求优化代码样式与内容,完成个性化网页设计。

雪落无声发布于 2026/2/8更新于 2026/4/204806 浏览65 点赞约 13 分钟阅读
HTML / CSSNode.js大前端

浏览器端 HTML 转 Word 文档的完整解决方案

现代 Web 开发中常需将 HTML 内容转换为可编辑 Word 文档。html-docx-js 利用微软 Word 的 altchunks 技术,在浏览器端实现零服务器依赖的转换。该库支持 HTML 解析、CSS 样式映射及 Base64 图片嵌入,可配置页面布局与边距。适用于在线教育、企业管理及内容创作等场景。需注意输入文档结构规范及浏览器兼容性,确保样式定义完整以优化转换效果。

www发布于 2026/2/7更新于 2026/4/20790 浏览441 点赞约 7 分钟阅读
基于腾讯云 HAI 与 DeepSeek 快速设计个人网页
HTML / CSSAI大前端算法

基于腾讯云 HAI 与 DeepSeek 快速设计个人网页

利用腾讯云 HAI 部署 DeepSeek-R1 模型并生成响应式个人网页代码。通过控制台体验预装环境,使用 ChatbotUI 或 JupyterLab 调用模型。输入提示词获取包含简介、技能、项目及联系方式的 HTML 完整代码,支持移动端适配及现代简约风格。该方法降低技术门槛,实现低成本快速建站。

奶糖兔发布于 2026/2/7更新于 2026/4/204 浏览0 点赞约 12 分钟阅读
HTML / CSSAI大前端

VS Code 前端开发必备 10 款插件及配置指南

VS Code 是前端开发核心工具,合理配置插件可显著提升效率。精选 10 款高频插件,涵盖代码高亮、格式化、快捷键辅助三大类。包括 One Dark Pro 主题、vscode-icons 图标、Prettier 格式化工具、Auto Close Tag 标签闭合、Live Server 实时预览等。提供详细安装步骤与配置参数,如 Prettier 缩进设置、Path Intellisense 别名映射。此外分享插件组合技巧与冲突解决…

开源信徒发布于 2026/2/7更新于 2026/4/209 浏览0 点赞约 19 分钟阅读
CSS 元素显示模式详解:块级、行内及转换
HTML / CSS大前端java

CSS 元素显示模式详解:块级、行内及转换

CSS 元素显示模式决定了 HTML 元素在页面中的排列方式、尺寸计算规则和嵌套关系。主要包括块级元素、行内元素和行内块元素三种核心类型。通过 CSS 的 display 属性可将元素转换为 block、inline 或 inline-block 模式,实现灵活布局。文中详细对比了各类元素的特性差异,如宽高控制、边距生效范围及嵌套规则,并结合小米侧边栏实战案例与完整代码演示,帮助开发者掌握不同显示模式的转换技巧与应用场景。

草莓泡芙发布于 2026/2/7更新于 2026/4/202017 浏览264 点赞约 19 分钟阅读
纯 CSS 实现 3D 文字效果实战教程
HTML / CSS大前端

纯 CSS 实现 3D 文字效果实战教程

介绍如何使用纯 CSS 技术实现 3D 文字视觉效果,无需 Photoshop 或 WebGL。核心方法包括利用多层 text-shadow 模拟厚度、结合 transform 属性实现旋转与视差效果。内容涵盖基础 HTML 结构搭建、阴影颜色渐变技巧、字体选择对立体感的影响、浏览器兼容性处理以及性能优化策略。通过实际代码示例展示了浮雕、悬浮、霓虹等多种风格,并提供了调试方法和移动端适配方案,帮助开发者在不增加额外资源请求的情况下提升页…

游戏玩家发布于 2026/2/7更新于 2026/4/207 浏览0 点赞约 24 分钟阅读
基于腾讯云 HAI 与 DeepSeek 构建个人网页
HTML / CSSAI大前端算法

基于腾讯云 HAI 与 DeepSeek 构建个人网页

基于腾讯云 HAI 与 DeepSeek 构建个人网页。介绍利用腾讯云 HAI 部署 DeepSeek 模型并生成个人网页的方法。通过腾讯云 HAI 控制台调用预装模型,结合提示词工程获取 HTML 代码,实现响应式个人主页的快速设计与定制。

FrontendX发布于 2026/2/6更新于 2026/4/205 浏览0 点赞约 12 分钟阅读
从 vw/vh 到 clamp():前端响应式设计痛点与进化
HTML / CSS大前端

从 vw/vh 到 clamp():前端响应式设计痛点与进化

探讨了前端响应式设计中 vw/vh 单位在大屏小屏适配上的局限性以及 px 配合 @media 维护成本高的问题。介绍了 CSS clamp() 函数如何通过最小值、理想值和最大值实现有边界的自适应布局。通过标题大小、容器宽度、按钮间距等实际代码示例展示了 clamp() 的应用方法,并分析了其相对于传统方案的优劣及浏览器兼容性情况。最后讨论了区间设定的科学性及极端场景下的补充方案,强调动态与稳定的平衡是前端布局的最佳实践。

赛博行者发布于 2026/2/6更新于 2026/4/198518 浏览592 点赞约 10 分钟阅读
前端开发基础:HTML、CSS 与 JavaScript 入门
HTML / CSS大前端

前端开发基础:HTML、CSS 与 JavaScript 入门

前端开发基础涵盖 HTML 结构、CSS 样式及 JavaScript 交互逻辑。文章介绍了标签使用、选择器原理、DOM 操作及常见表单组件,并通过猜数字案例演示了事件处理与 DOM 修改的实际应用。适合初学者系统了解 Web 前端核心概念。

蜜桃汽水发布于 2026/2/6更新于 2026/4/206 浏览0 点赞约 92 分钟阅读
基于 DeepSeek 与腾讯云 HAI 设计个人网页
HTML / CSSAI算法

基于 DeepSeek 与腾讯云 HAI 设计个人网页

利用腾讯云 HAI 部署 DeepSeek 模型并结合 AI 提示词生成响应式个人网页。步骤包括在 HAI 控制台选择 CPU 算力体验 DeepSeek-R1 模型,通过 ChatbotUI 或 JupyterLab 进行交互。用户输入指定提示词获取包含个人简介、技能特长、项目经历及联系方式的 HTML 代码,并根据自身情况修改样式与内容。文章提供了完整的网页源码示例,涵盖现代简约风格设计与移动端适配,实现低成本快速建站。

灵魂伴侣发布于 2026/2/6更新于 2026/4/205755 浏览564 点赞约 7 分钟阅读
Kimi 新模型 K2.5 多模态与编程能力实测
HTML / CSSNode.jsPPT制作AI大前端

Kimi 新模型 K2.5 多模态与编程能力实测

Kimi 新模型 K2.5 通过原生多模态架构统一视觉与推理,解决前端审美与代码逻辑割裂问题。实测显示其 Video to Code 及 Visual Edit 功能能高保真还原 UI 并支持所见即所得修改。工程化方面支持全端开发及主流 IDE 集成,CLI 模式可跨技术栈迁移项目。Agent 集群能力实现复杂任务并发处理,提升长文档分析与 Office 文件生成效率。综合评测中表现接近顶尖闭源模型,适合全栈开发与复杂任务协作场景。

CryptoLab发布于 2026/2/6更新于 2026/4/204336 浏览111 点赞约 14 分钟阅读
HTML / CSSNode.jsAI大前端

MCP 教程:将 Figma 设计稿转化为前端代码

MCP 教程介绍了如何使用 Figma AI Bridge 将 Figma 设计稿自动转换为前端代码。通过配置 MCP Server 和 Node.js 环境,支持 React、Vue 等多种框架生成。功能包括响应式布局、组件化结构及样式精确还原。步骤涵盖依赖安装、权限配置、项目初始化及代码生成集成,旨在提高开发效率并确保设计与实现的一致性。

Pythonist发布于 2026/2/5更新于 2026/4/204368 浏览281 点赞约 13 分钟阅读
CSS 基础语法与界面布局实战指南
HTML / CSS大前端

CSS 基础语法与界面布局实战指南

CSS 是层叠样式表,用于定义网页外观与布局。涵盖 CSS 概念、引入方式(内部、行内、外部)、选择器(基础与复合)、常用属性(文本、背景、边框、盒模型)及布局定位(显示模式、弹性布局)。通过实例演示如何控制页面视觉表现,帮助开发者构建美观且易用的网页结构。

JavaCoder发布于 2026/2/5更新于 2026/4/208022 浏览206 点赞约 26 分钟阅读
基于腾讯云 HAI 与 DeepSeek 快速构建个人网页
HTML / CSSAI大前端

基于腾讯云 HAI 与 DeepSeek 快速构建个人网页

介绍利用腾讯云 HAI 平台部署 DeepSeek 模型,并通过 AI 提示词生成响应式个人网页的方法。步骤包括在 HAI 控制台调用预装模型,使用 ChatbotUI 或 JupyterLab 运行环境,输入特定指令获取 HTML 代码,并根据需求修改保存。该方法降低了技术门槛,实现了低成本快速建站。

abccba发布于 2026/2/5更新于 2026/4/207907 浏览222 点赞约 11 分钟阅读
HTML / CSSAI大前端

引入 Frontend Design Skill 增强大模型前端生成的审美能力

介绍如何使用 Anthropic 官方发布的 frontend-design skill 提升大模型生成前端页面的设计质量。该技能通过定义字体、配色、动效、布局及细节五个维度的设计原则,引导 AI 拒绝通用模板,输出更具个性和品牌调性的界面。安装方式支持命令行工具或手动下载至本地目录。使用时只需在提示词中指定调用该 skill,即可优化登录页、官网或 Dashboard 等场景的视觉效果。此方法并非注入新能力,而是提供判断标准激活 AI…

MongoKing发布于 2026/2/5更新于 2026/4/194782 浏览20 点赞约 8 分钟阅读
上一页下一页