前端开发小技巧~优雅与效率并行(持续更新中)

95 阅读1分钟

再挖一坑,我会慢慢来填坑哒,有压力才有动力哈哈哈哈哈哈

一、JavaScript代码

1. 通过URL传递中文而不乱码

// 进行URL编码
let param = encodeURIComponent('哈哈')
let url = 'https://www.example.com/?name=' + param.replace(/%/g, '%25')
// 解码URL参数
let name = decodeURIComponent('哈哈');

注意:浏览器在加载 URL 时会自动解码,因此还是会看到中文字符,可以将 URL 中的 % 转义成 %25,来防止浏览器对 URL 进行自动解码

2.复制到剪切板

const copyToClipboard = text => navigator.clipboard.writeText(text)

copyToClipboard(hello world"")

二、Chrome调试小技巧

三、VSCode使用

1. vscode恢复被误删的文件

不小心删除了某个文件,且该文件没有git stash、没有git add、没有git commit,可以使用如下方法

(1)按住Ctrl/CMD+shift+p打开命令面板,找到本地历史记录
image.png
(2)点击本地历史记录,找到要回复的文件
image.png
(3)根据操作时间,选择想要保存的文件即可
image.png