解构赋值

发表于 2022-03-08 更新于 2022-03-18 分类于技术本文字数： 268 阅读时长 ≈ 1 分钟

解构赋值，ES6 新增语法，以下是解构赋值的一些示例代码：

1
2
3

let [x,y] = [1,2]
[x,y] = [x+1,y+1]
[x,y] = [y,x]

解构赋值让使用返回数组的函数变得异常便捷：

function toPolar(x, y){
    return [Math.sqrt(x*x+y*y), Math.atan2(y,x)]
}

function toCartesian(r, theta){
    return [r*Math,cos(theta), r*Math.sin(theta)]
}

let [r,theta] = toPolar(1.0, 1.0)
let [x,y] = toCartesian(r,theta)

遍历一个对象所有属性的名/值对：

阅读全文 »

package.json dependencies 指定项目依赖

发表于 2022-03-04 分类于技术本文字数： 116 阅读时长 ≈ 1 分钟

dependencies

指定项目依赖，值为包名加上版本号。

版本号可以指定一个范围，有以下语法。

version：精确的版本，例如 1.0.0
>version：大于 version
>=version：大于等于
<version: 小于
<=version: 小于等于
~version: 允许补丁级别的变化，例如 ~1.2.3 表示 >=1.2.3 <1.3.0
^version：允许不更改最左侧非0版本号数字的变化，例如 ^1.2.3 表示 >=1.2.3 <2.0.0
1.2.x
http://...
*
version1 - version2 等同于 >=version1 <=version2

阅读全文 »

CSS 选择器

发表于 2022-02-22 分类于技术本文字数： 628 阅读时长 ≈ 2 分钟

常用 CSS 选择器名称和功能

选择器名称	实例	功能
#id	#div	获取 id=”#div” 的元素
.class	.red	获取 class=”red” 的全部元素
element	div	获取所有元素
element element	div p	获取元素中的所有内部元素
element,element	div,p	获取全部元素和全部元素
element>element	div>p	获取父元素为元素的所有元素
element+element	div+p	获取紧接在元素后的所有元素
*	*	获取所有元素