Fullscreen API 支持以全屏模式展示特定元素及其后代。这使得它可以将特定内容（如游戏，大屏可视化看板等）铺满整个屏幕。并在不再需要时退出全屏模式。 本文看一下全屏相关内容的操作： 进入全屏和退出全屏Element.requestFullscreenElement.requestFullscreen() 方法异步地使元素进入全屏模式，此方法返回一个 Promise。 var Promise = Element.requestFullscreen(options); 调用此API并不能保证元素能进入全屏模式。如果元素成功进入全屏模式，返回的 Promise 的状态会变为 resol…
切换状态是一个比较常见的操作，通常会这么进行切换： 常规操作let state: boolean = truefunction toggle(): boolean { this.state = !this.state return this.state} 更通用一点的写法会进行一个封装： class Switch { private state:boolean constructor(initState: boolean) { this.state = initState } getState(): boolean …
npm link 命令主要用于本地开发 npm 模块。 使用 npm link 命令，可以将当前开发的 npm 模块链接到对应的测试项目中，可以很方便地对开发中的模块进行调试和测试。 语法 npm link (in npm package dir)npm link [<@scope>/][@] 别名: npm ln 使用步骤npm link 的过程有两个步骤： 1.在指定的文件夹里执行 npm link 命令 将在全局文件夹 {prefix}/lib/node_modules/<package> 中创建一个符号链接，该链接到执行 npm 链接命令的…
currentColor 关键字表示当前元素设置的或者继承来的 color 属性的颜色值，可以用到任意属性值为颜色的地方。 这样说有点抽象，下面直接看几个例子，本文所有示例都在文章末尾： currentColor 可以设置为颜色的属性值下面是一个设置边框，阴影颜色和文字颜色一样的例子： .example1 { color: red; border: 1px solid currentColor;}.example2 { color: red; box-shadow: 0 0 2px currentColor;} currentColor 也可以…
min()，max() 和 clamp() 是css 的三个函数，它们的作用都是从其参数中选择一个值作为实际的属性值。 这三个函数可以被用在任何允许<长度>、<频率>、<角度>、<时间>、<百分比>、<数字>或<整数>的地方使用。 min()min() 函数接受一个或多个以逗号分隔的表达式作为参数，并从参数中选择最小的值作为实际的 CSS 属性值。 签名为： property: min(expression [, expression]); /* min() 示例 */min(100px, 200px); …
简介elementFromPoint 系列有两个方法：document.elementFromPoint 和 document.elementsFromPoint (注意是 elements,多个“s”）。 document.elementFromPoint 获取指定坐标点最上面的元素，而 document.elementsFromPoint 获取指定坐标点下面的所有元素，包括 html 元素，body 元素取决于其是否在指定的坐标上。 签名它们的签名分别为： elementFromPoint(x: number, y: number): Element elementsFromPoint(…
修改全局的 commit 的用户名和邮箱如果需要以后 commit 默认的用户名和邮箱为指定的内容，可以通过 git config --global命令: $ git config --global user.email "global@example.com"$ git config --global user.name "example" 然后编辑提交后可以看到修改已生效： $ git log# 输出commit d4a341f8aab5acd0468cbe3d029fc1801f62678d (HEAD -> master)Author: …
修改全局的 commit 的用户名和邮箱如果需要以后 commit 默认的用户名和邮箱为指定的内容，可以通过 git config --global命令: git config --global user.email "global@example.com"git config --global user.name "example" 然后编辑提交后可以看到修改已生效： git log# 输出commit d4a341f8aab5acd0468cbe3d029fc1801f62678d (HEAD -> master)Author: exampl…
基础规则每个文件只应包含一个有状态的组件。每个文件只包含一个组件，如有需要，该文件还可以包含多个无状态的纯组件。 使用JSX 书写组件，如非必要，禁止使用 React.createElement。 类组件State不要直接修改 state除了 state 初始化外，其它地方修改 state，需要使用 setState() 方法，直接赋值 state 不会触发组件的渲染。 // badthis.setState({comment: 'Hello'});// goodthis.state.comment = 'hello'; Metho…
空值合并操作符(??) 空值合并操作符 ?? 类似于 || 运算符，当其左侧的操作数为 null 或者 undefined 时，返回右侧的操作数，否则返回左侧的操作数。 看下面的例子： const value = value1 ?? value2;// 等价于const value = (value1 === undefined || value1 === null) ? value2 : value1;const val1 = null ?? 'test' // testconst val2 = undefined ?? 'test' // test…