如何理解Fetch Api

关于 Fetch Api，接受度越来越高了。网上很多文章在介绍 Fetch 的用法，在鼓吹 Fetch 的优势，也有人在撰文批评 Fetch 的难以使用。
但是，当我们在讨论 Fetch Api 的优点和缺点的时候，我们在讨论什么？如果不清楚一个接口的设计目的，又如何去评判这个设计？

2019-04-01

software

基于资源的权限设计

todo: 补充（调整）细节

2019-01-21

physics

电阻色环标注

电子-色环标注

如何识别电阻的顺序

先找标志误差的色环，从而排定色环顺序。
最常用的表示电阻误差的颜色是：金、银、棕，尤其是金环和银环，一般绝少用做电阻色环的第一环，所以在电阻上只要有金环和银环，就可以基本认定这是色环电阻的最末一环。
棕色环是否是误差标志的判别。
棕色环既常用做误差环，又常作为有效数字环，且常在第一环和最末一环中同时出现，使人很难识别谁是第一环。在实践中，可以按照色环之间的间隔加以判别：比如对于一个五道色环的电阻而言，第五环和第四环之间的间隔比第一环和第二环之间的间隔要宽一些，据此可判定色环的排列顺序。
在仅靠色环间距还无法判定色环顺序的情况下，还可以利用电阻的生产序列值来加以判别。
比如有一个电阻的色环读序是：棕、黑、黑、黄、棕，其值为：100 × 10000 = 1MΩ，误差为1%，属于正常的电阻系列值，若是反顺序读：棕、黄、黑、黑、棕，其值为140×1Ω=140Ω，误差为1%。显然按照后一种排序所读出的电阻值，在电阻的生产系列中是没有的，故后一种色环顺序是不对的。

解读色值

助记

棕一红二橙是三，
四黄五绿六为蓝；
七紫八灰九对白，
黑是零；
金五银十表误差。

2019-01-01

javascript

new URL()

URL 接口是 web 接口，包含若干静态方法的对象，用来创建 URLs。

当使用一个没有实现该构造器的用户代理时，可以通过 window.URL 属性来访问该对象（比如小程序里面就只有 window.URL），对于没有 URL 的用户代理，可以使用第三方实现，比如：https://github.com/zloirock/core-js/blob/master/packages/core-js/web/url.js

基础使用参见：

https://developer.mozilla.org/zh-CN/docs/Web/API/URL/URL
https://developer.mozilla.org/zh-CN/docs/Web/API/URL
https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

容易让人疑惑的点：

示例一，Chrome 浏览器：

const obj = new URL('http://hostname/pathname?name=value#hash')
console.log(obj);

//output
hash: "#hash"
href: "http://hostname/pathname?name=pages/main/index#hash"
password: ""
port: ""
protocol: "http:"
search: "?name=value"
searchParams: URLSearchParams {}
username: ""

host: "hostname"
hostname: "hostname"
pathname: "/pathname"
origin: "http://hostname"

示例二，Chrome 浏览器，把 http 协议换成 scheme：

const obj = new URL('scheme://hostname/pathname?name=value#hash')
console.log(obj);

//output
hash: "#hash"
href: "scheme://hostname/pathname?name=value#hash"
password: ""
port: ""
protocol: "scheme:"
search: "?name=value"
searchParams: URLSearchParams {}
username: ""

host: ""
hostname: ""
pathname: "//hostname/pathname"
origin: "null"

示例三，Node.js：

const url = require('url');
const obj = url.parse('scheme://hostname/pathname?name=value#hash');
console.log(obj);

//output
hash: '#hash',
href: 'scheme://hostname/pathname?name=value#hash'
protocol: 'scheme:',
slashes: true,
auth: null,
port: null,
search: '?name=pages/main/index',
query: '?name=pages/main/index',


host: 'hostname',
hostname: 'hostname',
pathname: '/pathname',
path: '/pathname?name=pages/main/index',