2022-08-11

[编程技术] javascript | 原生JS多语言切换简单实现

由于项目需要实现一个前端的多语言切换，不想因为一个简单的功能就引入 jQuery，所以经过 google 编程大法摸索出一个原生 JS 就可以实现的多语言前端切换的小例子，仅供参考。 <body> <select id="langControl"> <option value="zh&#3

2022-03-20

[效率工具] 给Edge大声朗读同源的微软tts增加下载音频按钮（tampermonkey脚本）

众所周知，微软 Edge 浏览器的大声朗读功能非常好用，对于中文音色音调处理已经处于行业领先水平，而这一功能是基于微软 Azure 神经网络文本转语音技术，Edge 支持用户实时将任意网页上的文字转换为语音。打开任意网页，点

2022-01-25

[编程技术] Typecho 评论弹幕插件下载及食用教程

视频弹幕大家已经很熟悉了，他是直接显现在视频上的评论，可以以滚动、停留甚至更多动作特效方式出现在视频上，是观看视频的人发送的简短评论。最近在开发超赞网站导航，突发奇想能不能给网页也加上弹幕，这样在打开

2021-08-09

[编程技术] Typecho 启用 Service Workers 浏览器缓存加速首屏访问

提到网站访问速度，合理运用 PJAX 无刷新访问技术、Lazyload 图片懒加载以及 Service Workers 浏览器缓存，这些技术的加持大大提升了网站的访问体验。在了解关于 Service Worker 的实现方式后，这里就大概的介绍一下如何在自己的博客 / 网站

2021-07-14

[编程技术] 关于a标签target_blank使用rel=noopener

一、为什么要使用 rel='noopener'？先举个栗子，有以下两个页面 a.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <a href="b.html" target="_blank">da</a> </body> </html> b.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <SCRIPT>window.opener.location.href ="http://google.com"</SCRIPT> </body> </html> 其中在 a.html 中有个超链接，点击后打开新的 tab

2021-05-17

[编程技术] 前端面试手写“节流防抖”你不会？用动画带你秒懂！

节流和防抖这是前端面试中比较常见的一个问题，可能会让你现场手写。节流和防抖都是用来控制某些函数的调用频率。举个例子，在窗口 resize 的时候，由于可视区变大，我们可能需要向服务器请求更多内容来填充可视区。但可视