zenheart zenHeart

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

NVM

# 升级 node 版本重装全局包
nvm install --lts --reinstall-packages-from=版本号

网址转换为 rss 订阅

在 rss.js 中添加需要转换为 rss 的链接,各字段含义如下
1. validator 判断当前网址是否匹配对应的 rss
2. convert 将当前网址转换为 rss 订阅
  
  访问 rsshub 查看如何将无法订阅的资源转换为 rss
将脚本复制到脚本转换为书签工具。
将书签拖动到标签栏,当遇到需要订阅的网址,点击书签即可,点击示例

免密登录

在本地电脑,生成 rsa 的公钥

# -t 表示类型,-P 表示密码 "" 说明密码为空
# 按回车即可在 `~/.ssh` 文件下生成 id_rsa 私钥,和 id_rsa.pub 公钥
key-gen -t rsa -P ""

本地公钥添加到远程服务器

查看 git 树

--all 显示所有 .git/objects 下分支
--decorate 显示分支名的格式
--oneline 只显示一行
--graph 以图形方式显示

记忆方法 adog 后续选项的首字母缩写每次想看全图就想到一只狗!!!!!

小程序传递 query 不能带 -

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body>
	<input id="dataInput" type="text" >
	<p id="inputShow">{{inputValue}}</p>
	<button onclick="mvvm.set()">重回初始值</button>

	#!/usr/bin/env node
	console.log('test npx')

	#!/usr/bin/env sh

	SCRIPT_DIR=$(cd `dirname $0`;pwd);