米米的博客

最近笔者在学习前端设计的时候，知道了很多实用的小技巧，于是决定写一篇文章总结一下。

use strict

在一些脚本中，你或许会在最前面看到单独的一行 "use strict"，这是严格模式的声明。
严格模式对正常的 JavaScript 语义做了一些更改：

• 严格模式通过抛出错误来消除了一些原有静默错误。
• 严格模式修复了一些导致 JavaScript 引擎难以执行优化的缺陷：有时候，相同的代码，严格模式可以比非严格模式下运行得更快。
• 严格模式禁用了在 ECMAScript 的未来版本中可能会定义的一些语法。

JavaScript 传递参数

这是一种向外部 JS 文件传入参数的方法。在 HTML 中写入

1

<script data-flag="1" src="example.js"></script>

在 example.js 中写入

1
2
3
4

var scripts = document.getElementsByTagName("script"),
    script_len = scripts.length,
    script = scripts[script_len - 1],
    flag = script.getAttribute("data-flag");

这样即可获取 data-flag 的值，可以说是非常的巧妙了。

如果不考虑 IE 的支持，也可以直接使用

1

var script = document.currentScript;

dataset

除了使用

1

var flag = script.getAttribute("data-flag");

还有另一种方法可以获得 HTML 标签中形如 data-* 的属性的值，那就是 dataset。与上面等价的写法是

1

var flag = script.dataset.flag;

<noscript> 标签

<noscript> 标签最初是为那些不支持 JavaScript 的上古浏览器而设计。如今，对于停用了 JavaScript 的用户，这个标签可能非常有用。

1
2
3
4
5

<noscript>
<div style="background-color: #5C5C5C; position: fixed; bottom: 50px; left: 80px; opacity: 0.95; border-radius: 15px; color: #FFFFFF;">
    <p style="margin: 15px; max-width: 400px;">系统检测到您的浏览器禁用了JavaScript。为了保障您的浏览体验，请启用JavaScript。</p>
</div>
</noscript>

<a> 标签的 download 属性

设置 <a> 标签的 download 属性，可以在点击该链接时下载目标，即 href 属性指向的超链接。
该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件。例如：

1

<a href="https://www.example.com//images/2017/10/example.jpg" download="logo">

支持该属性的浏览器会将其保存为 logo.jpg。

安德罗妮：这不是我说的。

前言

笔者使用的 MacBook Air，硬盘大小为 256G，可用空间约 251G。使用 diskutil list 命令输出的分区表如下：

硬盘使用的是 GUID 分区表（GPT），共四个分区，分别是 EFI 引导分区、APFS 的 Mac 主分区（在更新 macOS 10.13 之前为 HFS+）、NTFS 的 Bootcamp 分区以及 Windows Recovery 分区。
在最初安装 Bootcamp 时，考虑到 Windows 系统只是用来运行某些没有 macOS 版本或无法移植到 macOS 的程序（例如《红色警戒 2》），并且 macOS 的空间本身就很紧张，Bootcamp 分区的大小仅分配了 35G。然而，在 8 月中旬昆特牌国服开启公测后，入坑的笔者发现 Bootcamp 分区的大小有些不够用了。

笔者首先想到的是调整 Bootcamp 分区的大小，也就是从 APFS 的主分区中划出一部分空间给 Bootcamp。但是，这样做不仅存在破坏分区表的风险，而且 Mac 主分区中已经安装了 Adobe 全家桶、Autodesk Maya、XCode 等程序，256G 的硬盘大小捉襟见肘，并不足以划分出较大的 Bootcamp 分区。于是只得寻求其他解决方案。比较显而易见的思路有：

• 换个 Mac（笔者现在的 Mac 用了四年多，但新的 Mac 没有了信仰灯和 MagSafe）
• 换个硬盘（MacBook Air 的闪存是 BGA 封装的，并不能像 SATA 的 SSD 那样直接拆）
• 装个 SD 卡（高性能大容量的 SD 卡价格感人，并且不适合 NTFS 文件系统）

这些都不是最优解。在综合了各方面的考虑后，最终选定了如下方案：

• 使用移动硬盘，一个分区做 Win To Go，另一个分区做 Time Machine 备份。其中移动硬盘选择的是西数 Elements 500G。

编写 C 语言控制台程序时，如果使用 scanf() 函数作为输入，往往需要解决非法输入的问题。比如以下情况：

1
2
3

printf("输入一个0~9的整数a\n");
int a;
scanf("%d", &a);

此时可能出现如下几种典型的非法输入：

• 123
• 123xyz
• xyz123

对于第一种，使用 if 判断 a 的范围是否满足要求即可。第二种和第三种则较为复杂，因为其中涉及到了字符的输入。第二种情况，scanf() 会将 123 存入 a，而 xyz 留在了输入缓冲区；第三种情况，scanf() 不会读取任何数据，xyz123 都留在了输入缓冲区。
如果只是判断这一次输入的合法性，可以利用 scanf() 的返回值。如果输入有效，scanf() 会返回 1，否则返回 0。由此可以排除 scanf() 无法读取的输入。