35、月相小工具开发全解析

emacs5lisp

于 2025-12-19 11:18:52 发布

阅读量9

点赞数

CC 4.0 BY-SA版权

分类专栏：跨平台小工具开发秘籍文章标签：月相小工具 JavaScript PHP

本文链接：https://blog.youkuaiyun.com/emacs5lisp/article/details/156073861

跨平台小工具开发秘籍专栏收录该内容

35 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

月相小工具开发全解析

1. 客户端部分

月相小工具的客户端是一个基础但完整的 Web 应用，围绕单个网页构建，通过 JavaScript 实现内容的所有更改。

1.1 HTML 结构

HTML 代码相对简单，主要分为两个 div ，分别用于小工具的主视图和设置面板。以下是具体代码：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="description"  
          content="Shows the current phase of the moon on a field of stars." />
    <meta name="viewport" content="width=device-width, height=device-height" />
    <titl