方案一: ssh-copy-id

https://juejin.im/post/5d4d4ce55188255d803f9479

使用ssh config

实现密码登录的方法是通过openssh 的ssh config的功能。具体操作为~/.ssh/config，如果不存在，可以新建一个 然后vim ~/.ssh/config

1
2
3
4

Host aliyun
  HostName 50.100.11.10
  User root
  Port 22

保存退出。这时在iTerm2中就可以输入ssh aliyun,回车 然后输入密码。注意，这时候已经不用输入ssh [email protected]，只要输入密码就登录上了

设置免密登录

方法是使用ssh-copy-id功能，原理是将本机的密钥复制到远程要连接的机器上，从而授权连接。iterm终端输入：

• (可选)如果你的机器没有生成过ssh密钥则输入，如果已经存在，则忽略这步

  1
  ssh-keygen
  
  

• 复制密钥到远程目的服务器

  1
  ssh-copy-id -i [email protected]
  
  

按提示输入一次密码，`ssh-copy-id`就会自动将刚才生成的公钥id_rsa.pub追加到远程主机的`~/.ssh/authorized_keys`后面了，这样以后的 ssh 连接都不用输入密码了。

• 设置后，连接试试看看效果

  1	ssh aliyun

  你会发现可以一步命令直接等上远程服务器了。但是还是要打开终端iTerm2。再方便一点的登录远程服务器就需要alfred了

方案二: 自定义 expect 脚本

可以在~/.ssh/下面写一个脚本，配置到 iTerm2 的 Profiles 里（当然放在其他地方也可以）。脚本内容如下：

1
2
3
4
5
6
7
8
9
10
11

#!/usr/bin/expect -f
set user root
set host 192.168.1.110
set password 123456
set timeout -1

spawn ssh $user@$host
expect "*assword:*"
send "$password\r"
interact
expect eof

保存到~/.ssh/server-test

如何优雅的处理异常呢？

1. 可疑区域增加 Try-Catch
2. 全局监控 JS 异常 window.onerror
3. 全局监控静态资源异常 window.addEventListener
4. 捕获没有 Catch 的 Promise 异常：unhandledrejection
5. VUE errorHandler 和 React componentDidCatch
6. 监控网页崩溃：window 对象的 load 和 beforeunload
7. 跨域 crossOrigin 解决

其实很简单，正如上文所说：采用组合方案，分类型的去捕获异常，这样基本 80%-90% 的问题都化于无形。

• 前端代码异常监控实战
• 前端监控知识点
• Logging Information on Browser Crashes
• Error Boundaries
• Capture and report JavaScript errors with window.onerror

原文地址: https://juejin.im/post/5b5dcfb46fb9a04f8f37afbb

原文地址：https://hufangyun.com/2017/array-learn/

话说使用 Mac 电脑的同学，一般同时使用蓝牙键鼠、耳机等设备都比较多，而且 macOS 的很多新特性比如通用剪贴板、Handoff、Continuity 等都需要使用蓝牙辅助，因此如果蓝牙常常受到干扰，还是挺痛苦的。

有时候更新完文章，会莫名导致 NexT 的 LocalSearsh 有问题，
像是点击搜索卡住转圈圈状态也没办法解掉，这篇纪录如何解决。

在管理项目中，使用 Git 管理代码，发现 TAG 的删除比较头痛，经常出现有人创建了 TAG，过一段时间删除，可自己本地的 TAG 一直存在，如果 push 这个 TAG 到远端，那么此 TAG 将永远不会被删除。 强迫症的人怎么可以忍受。
Let us go.

之前试用 Firefox Quantum 时，我最喜欢的特性之一就是其自带的截图功能。它不仅可以自动检测网页元素边界，还能轻松保存整个网页，十分方便。

后来由于扩展及习惯等原因，我又换回了 Chrome，但还是对该功能念念不忘。尽管商店里也有许多截图增强扩展，但在截取一些比较复杂的网页时，往往会出现元素错位、重复的现象。经过一番探索，我发现 Chrome 开发者工具中其实自带了截图命令，效果也令人满意，在这里分享给大家。

workbox

既然如此，我们最好是站在巨人的肩膀上，这个巨人就是谷歌。workbox 是由谷歌浏览器团队发布，用来协助创建 PWA 应用的 JavaScript 库。当然直接用 workbox 还是太复杂了，谷歌还很贴心的发布了一个 webpack 插件，能够自动生成 Service Worker 和 静态资源列表 - workbox-webpack-plugin。