将URL、文件或文本生成单页幻灯片简报，支持导出为图片、PDF或网页。基于 frontend-slides 构建。触发词：生成简报、AI简报、摘要，或上传文件要求生成简报。
Briefing Generator
功能概述
Briefing Generator是一项面向实际任务的技能，主要用于将任意内容生成为精美的单页幻灯片简报，输出为图片（默认）/PDF/网页；支持的输入格式；
核心要点
- URL 链接；
- web_fetch 获取网页内容；
- Word (.docx)；
使用与执行
python-docx 提取文字；Excel (.xlsx)；openpyxl 提取数据；PDF (.pdf)；pdfplumber 提取文字；直接使用内容；图像识别提取信息；支持的输出格式。
结果检查与注意事项
它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。
Briefing Generator
将任意内容生成为精美的单页幻灯片简报，输出为图片（默认）/PDF/网页。
支持的输入格式
| 类型 | 处理方式 |
|---|---|
| URL 链接 | web_fetch 获取网页内容 |
| Word (.docx) | python-docx 提取文字 |
| Excel (.xlsx) | openpyxl 提取数据 |
| PDF (.pdf) | pdfplumber 提取文字 |
| 纯文本 | 直接使用内容 |
| 图片 | 图像识别提取信息 |
支持的输出格式
| 格式 | 说明 | 适用场景 |
|---|---|---|
| 图片 (PNG) | 默认输出 | 分享、微信 |
| 打印为 PDF | 文档存档 | |
| 网页 (HTML) | 交互式幻灯片 | 演示播放 |
支持的风格
使用 frontend-slides 的所有预设风格：
| 风格名称 | 风格描述 |
|---|---|
| Bold Signal | 活力橙红，卡片式设计 |
| Electric Studio | 清新蓝绿，渐变背景 |
| Creative Voltage | 活力复古，几何图形 |
| Dark Botanical | 优雅深色，植物装饰 |
| Notebook Tabs | 杂志风格，彩色标签 |
| Pastel Geometry | 柔和粉彩，现代简约 |
| Split Pastel | 明亮分割，活泼现代 |
| Vintage Editorial | 复古编辑，幽默个性 |
| Neon Cyber | 霓虹赛博，网格背景 |
| Terminal Green | 终端绿，开发者风格 |
| Swiss Modern | 瑞士现代，极简精确 |
| Paper & Ink | 纸墨风格，文学质感 |
工作流程
Step 1: 识别输入类型
根据用户输入判断类型：
- 以
http://或https://开头 → URL - 以
.docx、.xlsx、.pdf结尾 → 文件 - 其他 → 纯文本
Step 2: 提取内容
URL：
web_fetch({
url: "链接",
maxChars: 10000
})
Word/Excel/PDF：使用 Python 库提取
图片：使用 image 工具分析
Step 3: 提取关键信息
用规则从内容中提取：
- 标题：从文件名、
</code>、第一行标题提取</li> <li>数据：提取数字、百分比、关键词</li> <li>要点：从段落中筛选重要句子</li> </ul> <h3>Step 4: 选择风格</h3> <p><strong>Question: 简报风格</strong></p> <ul> <li>Header: "风格"</li> <li>Question: "想要什么风格？"</li> <li>Options（列出 frontend-slides 的 12 种风格）</li> </ul> <h3>Step 5: 选择输出格式</h3> <p><strong>Question: 输出格式</strong></p> <ul> <li>Header: "输出"</li> <li>Question: "想要什么格式？"</li> <li>Options:<ul> <li>"图片 (PNG)" - 默认，分享方便</li> <li>"PDF" - 适合打印存档</li> <li>"网页 (HTML)" - 交互式演示</li> </ul> </li> </ul> <h3>Step 6: 选择页面尺寸</h3> <p><strong>Question: 页面尺寸</strong></p> <ul> <li>Header: "尺寸"</li> <li>Options:<ul> <li>"A4" - 竖版文档</li> <li>"16:9" - 宽屏演示</li> </ul> </li> </ul> <h3>Step 7: 生成并输出</h3> <p>根据输出格式选择：</p> <ul> <li><strong>图片</strong>：浏览器截图</li> <li><strong>PDF</strong>：浏览器打印</li> <li><strong>网页</strong>：直接打开 HTML</li> </ul> <h2>速度优化</h2> <ol> <li>跳过 AI 总结，规则提取关键信息</li> <li>内容长度限制 10000 字符</li> <li>复用已有浏览器窗口</li> </ol> <h2>错误处理</h2> <ul> <li>无法提取内容时，询问用户手动输入关键信息</li> <li>文件格式不支持时，提示用户转换为其他格式</li> <li>输出失败时，提供 HTML 文件作为备选</li> </ul> <h2>致谢</h2> <p>本 Skill 使用了 frontend-slides 进行幻灯片渲染，特此致谢。</p> </div> </div> </div> <div class="list-downs"> <div class="authormore"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>作者最新文章</p> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3368380.html" title="HTML 中标题内嵌段落标签的渲染差异：解析器与 iframe 的真相"><b></b> <p class="overflowclass">HTML 中标题内嵌段落标签的渲染差异：解析器与 iframe 的真相</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3368382.html" title="如何在 Contao CMS 中集成 React Router 实现前端路由"><b></b> <p class="overflowclass">如何在 Contao CMS 中集成 React Router 实现前端路由</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3368385.html" title="HTML 中标题内嵌段落标签的渲染差异：解析器与代理服务的影响"><b></b> <p class="overflowclass">HTML 中标题内嵌段落标签的渲染差异：解析器与代理服务的影响</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3368386.html" title="如何修复 JavaScript 中 onclick 事件监听器仅触发一次的问题"><b></b> <p class="overflowclass">如何修复 JavaScript 中 onclick 事件监听器仅触发一次的问题</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3368396.html" title="HTML 中标题标签内嵌段落标签的渲染差异：解析器修正行为揭秘"><b></b> <p class="overflowclass">HTML 中标题标签内嵌段落标签的渲染差异：解析器修正行为揭秘</p> </a> </div> </div> </div> <div class="moreAi"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门AI工具</p> </div> <a class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow"> <a href="/ai/3574" title="立刻MV" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178599535095695.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="立刻MV" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">立刻MV</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/726" title="豆包大模型" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">豆包大模型</p> </div> </a> <a href="/ai/2422" title="花生AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/176481836978890.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="花生AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">花生AI</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/723" title="DeepSeek" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">DeepSeek</p> </div> </a> <a href="/ai/2202" title="UP简历" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998510823.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="UP简历" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">UP简历</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/2363" title="墨刀AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6a82db90becd6869.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="墨刀AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">墨刀AI</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/2754" title="Loomy" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/177389071339356.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="Loomy" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">Loomy</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/3024" title="小橡皮AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178477442829610.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="小橡皮AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">小橡皮AI</p> </div> <span class="hot_span">Hot</span> </a> </div> </div> </div> <div class="xgzt artLists"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a> </div> <div class="swiper artztswiper"> <div class="swiper-wrapper"> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/tailwindcard" class="aClass flexRow cldA" title="Tailwind CSS 如何制作导航栏和卡片"><img src="https://img.php.cn/upload/subject/000/000/090/6ae94afea9b57144.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Tailwind CSS 如何制作导航栏和卡片" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/tailwindcard" class="clddTitle overflowclass" title="Tailwind CSS 如何制作导航栏和卡片">Tailwind CSS 如何制作导航栏和卡片</a> <p class="clddp overflowclass">用 Tailwind CSS 制作导航栏和卡片，可先搭建语义化结构，再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章，帮助你把常见页面组件做得清晰且适配不同屏幕。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.03</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>17</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/tailwindres" class="aClass flexRow cldA" title="Tailwind CSS 响应式布局怎么写"><img src="https://img.php.cn/upload/subject/000/000/090/6ae94a49e26df864.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Tailwind CSS 响应式布局怎么写" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/tailwindres" class="clddTitle overflowclass" title="Tailwind CSS 响应式布局怎么写">Tailwind CSS 响应式布局怎么写</a> <p class="clddp overflowclass">Tailwind CSS 响应式布局通常从移动端样式写起，再用 sm、md、lg 等前缀调整不同屏幕宽度下的网格、间距和导航。本专题整理断点配置、Grid 与 Flex 自适应布局及常见溢出问题，帮助你逐步完成多设备适配。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.03</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>19</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/tailwindclass" class="aClass flexRow cldA" title="Tailwind CSS 常用类名怎么记"><img src="https://img.php.cn/upload/subject/000/000/090/6ae94982871e9809.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Tailwind CSS 常用类名怎么记" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/tailwindclass" class="clddTitle overflowclass" title="Tailwind CSS 常用类名怎么记">Tailwind CSS 常用类名怎么记</a> <p class="clddp overflowclass">Tailwind CSS 类名很多，先按布局、间距、文字、颜色和状态分组记忆，再通过官方文档检索具体写法。本专题结合类名排序、动态拼接失效、自定义实用类等问题，帮助你建立常用类名的速查方法。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.03</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>12</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/msfrkdzj" class="aClass flexRow cldA" title="码上飞入口地址合集"><img src="https://img.php.cn/upload/subject/000/000/075/6ae9473b9d347752.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="码上飞入口地址合集" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/msfrkdzj" class="clddTitle overflowclass" title="码上飞入口地址合集">码上飞入口地址合集</a> <p class="clddp overflowclass">本专题汇总了码上飞（CodeFlying）的官方入口地址合集，涵盖官网主站及网页版在线使用入口，支持注册登录后直接在线体验零代码AI应用生成。同时整理了APP端下载渠道与小程序入口，助你快速访问平台，通过自然语言描述需求即可生成应用、小程序或网站。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.03</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>10</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/uvicornbcywtj" class="aClass flexRow cldA" title="Uvicorn 报错与问题解决教程"><img src="https://img.php.cn/upload/subject/000/000/075/6ae7f1ea44e61939.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Uvicorn 报错与问题解决教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/uvicornbcywtj" class="clddTitle overflowclass" title="Uvicorn 报错与问题解决教程">Uvicorn 报错与问题解决教程</a> <p class="clddp overflowclass">本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集，涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案，助你快速定位并解决Uvicorn运行中的各类问题。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.02</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>14</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/uvicornsyjc" class="aClass flexRow cldA" title="Uvicorn使用教程"><img src="https://img.php.cn/upload/subject/000/000/075/6ae7efaf6d996288.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Uvicorn使用教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/uvicornsyjc" class="clddTitle overflowclass" title="Uvicorn使用教程">Uvicorn使用教程</a> <p class="clddp overflowclass">本专题汇总了Uvicorn使用教程与启动运行指南，涵盖其作为Python ASGI服务器的定位与特点，以及命令行启动（uvicorn main:app --reload）、参数配置（host/port/workers）、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧，助你快速掌握Uvicorn的运行与配置。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.02</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>17</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/uvicornanzpsj" class="aClass flexRow cldA" title="Uvicorn安装配置教程"><img src="https://img.php.cn/upload/subject/000/000/075/6ae7eba175f00209.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Uvicorn安装配置教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/uvicornanzpsj" class="clddTitle overflowclass" title="Uvicorn安装配置教程">Uvicorn安装配置教程</a> <p class="clddp overflowclass">本专题汇总了Uvicorn的安装配置教程与部署指南，涵盖通过pip安装Uvicorn、启动FastAPI/Starlette应用、开发模式热重载（--reload）及多进程工作模式配置等核心操作。同时整理了结合Gunicorn的生产部署方案、HTTPS与反向代理配置及性能调优技巧，助你快速完成Uvicorn服务的安装与上线部署。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.02</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>17</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/vitebuilddep" class="aClass flexRow cldA" title="Vite 项目如何打包和部署"><img src="https://img.php.cn/upload/subject/000/000/090/6ae1679994991909.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Vite 项目如何打包和部署" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/vitebuilddep" class="clddTitle overflowclass" title="Vite 项目如何打包和部署">Vite 项目如何打包和部署</a> <p class="clddp overflowclass">Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章，帮助读者完成上线流程。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.28</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>16</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/vitevueguide" class="aClass flexRow cldA" title="Vite 如何搭配 Vue.js"><img src="https://img.php.cn/upload/subject/000/000/090/6ae167a5c7d76429.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Vite 如何搭配 Vue.js" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/vitevueguide" class="clddTitle overflowclass" title="Vite 如何搭配 Vue.js">Vite 如何搭配 Vue.js</a> <p class="clddp overflowclass">Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章，帮助读者完成从初始化到日常开发的配置。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.10.28</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination coursesswiper-pagination"></div> <script> var mySwiper = new Swiper(".artztswiper", { autoplay: false, pagination: { el: ".coursesswiper-pagination", clickable: true, }, }); </script> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 <b></b> </div> / <div class="" data-id="twof">网站源码 <b></b></div> / <div class="" data-id="threef">网站素材 <b></b></div> / <div class="" data-id="fourf">前端模板 <b></b></div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <b></b> <a title="登录表单页面js，现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js，现代化登录页面模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="注册表单布局HTML代码，登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码，登录注册切换js模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文字透视变形设计，有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计，有趣的css滑动动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="精美登录注册UI，登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI，登录页面设计模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="意境背景图片唯美下载，云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载，云破月来花弄影素材</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="液体背景制作，创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作，创意液体文字动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="html滑块选择器，简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器，简单的滑块控制数字表达式</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文本闪烁css，文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css，文字闪光动图特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12061" title="CodeIgniter4.6.1"><span>[开发框架]</span><span>CodeIgniter4.6.1</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12060" title="Django Web框架5.2.2"><span>[开发框架]</span><span>Django Web框架5.2.2</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12059" title="NutzFw企业级快速开发框架1.0.3"><span>[开发框架]</span><span>NutzFw企业级快速开发框架1.0.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12058" title="go-admin前后端分离权限管理系统脚手架2.2.0"><span>[开发框架]</span><span>go-admin前后端分离权限管理系统脚手架2.2.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12057" title="Ember.js3.28.9"><span>[开发框架]</span><span>Ember.js3.28.9</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12056" title="MaxKey单点登录认证系统3.3.3"><span>[开发框架]</span><span>MaxKey单点登录认证系统3.3.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12055" title="PHP7框架Phalcon71.2.3"><span>[开发框架]</span><span>PHP7框架Phalcon71.2.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4937" title="篮球比赛体育复古海报矢量模板"><span>[网站素材]</span><span>篮球比赛体育复古海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4936" title="二十四节气立冬背景矢量模板"><span>[网站素材]</span><span>二十四节气立冬背景矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4935" title="2027年新年主题海报PSD源文件下载"><span>[网站素材]</span><span>2027年新年主题海报PSD源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4934" title="本地有机市集水彩海报矢量素材"><span>[网站素材]</span><span>本地有机市集水彩海报矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4933" title="传统茶文化水彩海报背景矢量"><span>[网站素材]</span><span>传统茶文化水彩海报背景矢量</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4932" title="万圣节活动海报矢量模板"><span>[网站素材]</span><span>万圣节活动海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4931" title="房屋销售主题方形海报PS素材下载"><span>[网站素材]</span><span>房屋销售主题方形海报PS素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4930" title="万圣之夜氛围感节日海报设计下载"><span>[网站素材]</span><span>万圣之夜氛围感节日海报设计下载</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12112" title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12111" title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12110" title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12109" title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12108" title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12107" title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12106" title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12105" title="黑色风格摄影工作室宣传网站模板"><span>[前端模板]</span><span>黑色风格摄影工作室宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a class="rititle-more flexRow" href="/xiazai" title=""><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div> <div class="xgwzlid flexRow"><b></b><a title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div> <div class="xgwzlid flexRow"><b></b><a title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="PHP框架Kohana3.3.1" href="/xiazai/code/12039">PHP框架Kohana3.3.1</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="twofd jpktabd" > <div class="ristyA flexRow " > <a href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 54.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a> <div class="risrdown flexRow"> <p>共89课时 | 134.1万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="risrdown flexRow"> <p>共49课时 | 82.6万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a href="/course/1558.html" title="RunnerGo从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="RunnerGo从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1558.html" title="RunnerGo从入门到精通" class="rirightp overflowclass">RunnerGo从入门到精通</a> <div class="risrdown flexRow"> <p>共22课时 | 2.5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1514.html" title="Apipost从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/068/63db62f3d0b65880.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Apipost从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1514.html" title="Apipost从入门到精通" class="rirightp overflowclass">Apipost从入门到精通</a> <div class="risrdown flexRow"> <p>共31课时 | 3.5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站"> <img src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress零基础新手搭建个人博客及企业网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站" class="rirightp overflowclass">WordPress零基础新手搭建个人博客及企业网站</a> <div class="risrdown flexRow"> <p>共28课时 | 4.5万人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="" title="最新文章"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="码上飞AI官网登录入口" href="">码上飞AI官网登录入口</a></div> <div class="xgwzlid flexRow"><b></b><a title="码上飞AI官网网址" href="">码上飞AI官网网址</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI在线网页地址" href="">花生AI在线网页地址</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI官方网页入口" href="">花生AI官方网页入口</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI官网链接地址" href="">花生AI官网链接地址</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI网页版入口" href="">花生AI网页版入口</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI在线入口网址" href="">花生AI在线入口网址</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI网页版官网" href="">花生AI网页版官网</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI官网登录入口" href="">花生AI官网登录入口</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI在线使用入口" href="">花生AI在线使用入口</a></div> </div> </div> </div> </div> </div> </div> <!--主体 end--> <script>isLogin = "0";</script> <script src="https://staticm.php.cn/static/js/cdn.js?v=1.0.1"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3fc525002bf1c4f1d536daef98e9a33c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="https://staticm.php.cn/static/js/global.js?v=1.3"></script> </div> </body> </html> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '49']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code -->