EagleBear2002 的博客

静态网页与动态网页

静态页面：

• 客户/消费者的观点：一个 url 指向同一个 html 文件
• 服务器/生产者的观点：存储在 Web 服务器根文件夹内或子文件夹内的文件
• HTML 文件：无论何时当一个特定资源被请求的时候都返回相同的被硬编码的内容
• 可以直接在浏览器上显示

动态页面：

• 客户/消费者的观点：url 指的是动态 html（可能每次请求都不同）
• 服务器/生产者的观点：程序/脚本生成 html
• 它不是一个 html，而是一个程序产生的 html（s），页面通常是通过将数据库的数据植入到 HTML 模板中的占位符中而产生的。
• 不能直接在浏览器中显示

开源地址：https://github.com/EagleBear2002/Compiler-Lab

开源地址: https://github.com/EagleBear2002/Web-Homework。

本项目仅使用最朴素的方式实现了课程作业的最低要求，高端实现方式可参考 NJUSE-21-Frontend。

实践经验

避免全局变量

• 请尽量少地使用全局变量。
• 它包括所有的数据类型、对象和函数。
• 全局变量和函数可被其他脚本覆盖。
• 请使用局部变量替代，并学习如何使用闭包。

"By reducing your global footprint to a single name, you significantly reduce the chance of bad interactions with other applications, widgets, or libraries."

——Douglas Crockford

始终声明局部变量

摘要

在拼多多购买注明是正版二手的书籍《统治世界——神秘共济会揭秘》，原金额 ￥97.40（多多支付立减 ￥3.89，实付 ￥93.51），买到后发现是盗版书籍。在拼多多官方客服投诉后退货退款￥93.51（商家负担物流费用）、拼多多售后补偿转账 ￥97.40、一张售后体验补偿无门槛优惠券 ￥3、一张优质用户售后体验补偿无门槛优惠券 ￥97.4，共计 ￥291.31。

购买过程

因科研学习需要，笔者尝试购入《统治世界——神秘共济会揭秘》（何新编）一书。该书出版于 2011 年，定价 59.8 元，现各大书店已停止销售。商品页面标明正版、二手书等要素信息。笔者于 2023-01-09 00:33:49 下单购买，并立即拼单。

问题背景

中文文本中夹用英文时，应根据所选用的中英文字体、字符间距以及排版的视觉效果决定英文词句与中文文字之间是否留有空格间距。如留空格，应保证体例的统一。

——中华人民共和国新闻出版行业标准 CY/T 154—2017号《中文出版物夹用英文的编辑规范》第 8.1 节

在文档写作当中，常需要对中西文混合排版。Microsoft Word 等富文本编辑器一般带有混合排版优化功能，即使不手动添加空格，渲染过程中也会在中英文之间留出空白。下图是一个例子：

JavaScript 作用域

作用域是当前的执行上下文，值（en-US）和表达式在其中“可见”或可被访问，即作用域指的是有权访问的变量集合。

• 如果一个变量（en-US）或表达式不在当前的作用域中，那么它是不可用的
• 作用域也可以堆叠成层次结构，子作用域可以访问父作用域，反过来则不行

JavaScript 的作用域分以下三种：

• 全局作用域：脚本模式运行所有代码的默认作用域
• 模块作用域：模块模式中运行代码的作用域
• 函数作用域：由函数创建的作用域

事件

事件和事件处理：

• 使 web 应用程序的响应性、动态性和交互性更强
• 通过回调编程

JavaScript 事件：

• 允许脚本响应用户与网页上元素的交互
• 是否可以启动对页面的修改

DOM

当一个网页被加载时，浏览器会创建一个页面的文档对象模型（Document Object Model，DOM）

HTML DOM 模型被构造成一个对象树：

功能

1. 在浏览器中右击鼠标，选择审查元素（Inspect）；
2. 在右侧窗口中选择控制台（Console）标签页；
3. 在下方终端（即 > 右侧）输入如下代码：

1

document.querySelector('video').playbackRate=16

允许调整的速率倍数 $k$ 的取值范围为：$\frac{1}{16}=0.0625\le k \le 16$。

将速率倍数调整为 16 后的效果如下（右下角显示播放速率）：