借助 pyscript，你可以在纯 html 页面中嵌入并执行 python 代码，所有运算在用户浏览器中完成，无需后端服务器或 python 环境部署。

现代 Web 开发中，Python 通常运行在服务端（如 Flask/Django），但若你希望将轻量级 Python 逻辑（例如单词乱序、数据计算、表单校验等）直接集成到静态 HTML 页面中，并让每位访问者“开箱即用”地执行——PyScript 是目前最成熟、零配置的解决方案。

PyScript 是一个开源框架，它基于 WebAssembly 和 Pyodide，将 CPython 解释器编译为可在浏览器中安全运行的模块。这意味着：你的 main.py 会真正被解析执行，支持标准库（如 random, json, re）、第三方包（通过 <py-config> 声明），甚至 NumPy/Pandas（需显式加载）。

dmap-jsapi-skill

DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

✅ 快速上手示例：实现“单词随机打乱”功能

1. 创建 index.html：

   <!DOCTYPE html>
   <html lang="en">
   <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Word Shuffler</title>
   <!-- 引入 PyScript（推荐使用 CDN 最新稳定版） -->
   <link rel="stylesheet" href="https://pyscript.net/releases/2024.11.1/pyscript.css" />
   <script defer src="https://pyscript.net/releases/2024.11.1/pyscript.js"></script>
   </head>
   <body>
   <h2>Shuffle Your Words</h2>
   <input id="input-words" type="text" placeholder="Enter words, separated by spaces" value="apple banana cherry">
   <button id="shuffle-btn">Shuffle!</button>
   <p><strong>Result:</strong> <span id="output"></span></p>

from pyscript import display, when import random

@when("click", selector="#shuffle-btn") def shuffle_words(): input_el = document.querySelector("#input-words") words = input_el.value.strip().split() if not words: display("Please enter at least one word.", target="output", append=False) return random.shuffle(words) result = " ".join(words) display(result, target="output", append=False)