扫码枪是一种输入设备，它通过扫描二维码或条形码来获取信息。扫码枪的工作原理是利用光电传感器来捕捉条码的图案，并将其转化为数字信号。比如扫描为1234567890 的二维码，会连续执行10次输入事件，并在最后一位会追加输入回车键。

你画我猜大家应该都玩过，一个人画，其他人猜，整体架构WebSocket服务器：提供绘图同步功能，使用nodejs写成。绘图画布：进行绘图的区域，将绘制的数据传输到猜图画布中。猜图画布：同步自绘图画布，将接收的绘图数据绘制到画布中。

最近市场上出现了很多在线编辑器（web IDE），例如github的Code­-Spaces、腾讯的Cloud-Studio，但是这些产品要么收费、要么访问慢，目前体验不是很好，这个时候如果我们自己有一台服务器的话就可以基于code-server来搭建云端vscode了。

原理就是 获取 支付宝个人 userId ,然后通过支付宝内置的 alipays:// 协议跳转到转账页面

在使用 ssh 连接远程服务器时，我们能够以远程管理服务器的方式，在远程终端执行后台命令。但是，如果在命令没有执行完毕就退出登录，这个命令的执行就会中断。

在前端需求里实现地图相关功能时，我们常常可以使用百度地图、高德地图、谷歌地图、天地图等相关在线地图服务及api快速实现地图相关功能，但是对于有些客户只能使用内网不能提供外网的时候，以上地图服务就不能使用了，这个时候就需要用到离线地图服务。

nginx是我们在开发项目时，必不可少的一个工具，大多数时候用于反向代理服务，达到负载均衡、解决高并发的目的。在大多数时候，Nginx的安装和配置是由运维人员完成的，但在一些没有运维岗位的公司，还是需要开发人员来做这项工作。

JavaScript计算两个颜色之间的渐变色值，对给定的两个颜色值进行渐变计算，得到渐变的所有色值的数组。

vue router官方提供的一个动态添加路由的方法。但是在很多场景下，我们需要退出登录时清空动态添加路由的方法，这样退出登录后就不需要刷新页面，影响用户体验，但是官方没有提供，所以我自己实现一个重置路由的方法。

随着前端技术的发展，网络请求这一块，越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用，因此我们使用时，需要根据项目实际的情况来对axios进行二次封装。

npmjs.org是一个开源、公有的NodeJS包管理平台。但是，对于公司的业务代码是不能开源的，需要搭建一个私有npm仓库，用于存放企业常用的业务模块

pc端常用电脑屏幕分辨率尺寸宽度：1024、1280、1366、1440、1680、1920，响应式PC端媒体查询用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面

ffmpeg 将m3u8转成mp4：ffmpeg -i "http://xxxxxx/video/movie.m3u8" -vcodec copy -acodec copy -absf aac_adtstoasc output.mp4其中http://xxxxxx/video/movie.m3u8 为视频的m3u8地址， output.mp4 为输出mp4的文件名FFmpeg下载地址 https:

播放flv一段时间后,视频会自动停止,控制台报错: flv.js:11403 [MSEController] > Failed to execute ‘appendBuffer’ on ‘SourceBuffer’: The HTMLMediaElement.error attribute is not null. flv.js:1226 Uncaught (in promi

WebAssembly （以下简称WASM）最近听到最多的，相对比较火的一个技术，目前支持 WASM 的语言比较多，其中使用 Rust 开发在开发效率和便捷性、包体积大小等方面还是有很大优势的，非常方便，实际上官方周边文档已经比较全面和友好了，社区活跃度也非常高。

有时间进行哀悼活动时，身为站长的我们都会响应国家的号召让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念，通过几行简单的代码，来实现这个功能

在使用 node-sass 过程中我们经常会遇到很多问题，不同平台上有各种各样的问题，python版本的问题，node-gyp的问题，node.js的版本问题等等，甚至因为国内网络的问题等等，导致不管是部署还是多人开发都遇到了多多少少的问题，所以官方现在推荐用dart-sass来作为编译器。

在升级https后直接用ajax跨域请求返回数据因为不是https协议网站 返回的数据或资源所以会被拦截阻挡，该错误是说浏览器的同一页面下不能即访问https协议，又访问http协议，这时候请求直接会被浏览器拦截。

因为node-sass编译器是通过 C++ 实现的，在 Node.js 中，采用 gyp 构建工具进行构建 C++ 代码，gyp是一种根据c++源代码编译的工具，gyp需要依赖python2.7和微软的vc++构建工具来进行编译,但是windows操作系统在默认情况下不会安装python2.7和vc++构建工具。

用原生js写短信验证码倒计时可能和react的hooks不一样，这里封装一个通用的react短信验证码倒计时hook插件

很多时候我们需要用到js获取窗口的宽度或者高度，每个浏览器会有不同的方法，总结了一下如下

所谓 loader 只是一个导出为函数的 JavaScript 模块。这句话出自webpack的官方文档，那么现在我们可以知道其实loader就是一个函数，我们可以在这个函数里做一些事情。loader runner 会调用这个函数，然后把上一个 loader 产生的结果或者资源文件(resource file)传入进去。

在 Javascript 中使用正则分隔字符串时，有时会需要保留分隔符。比如我需要在一个帖子的信息中，分割提取所有的表情占位符。如果需求只是简单的字符串替换，这里用一个 replace 即可解决问题。但是后续会对文字和表情做更复杂的处理，这里更加期望的是能够将不同的类型分割开。

造成这个问题的原因，可能是因为sketch、dx等软件在导出svg时，自动在svg上添加了一些iconfont平台无法解析的属性造成的。所以解决这个问题，要么从svg代码入手，要么就需要借助工具来完成。解决改代码并不是很理想的解决方式，这里我们借助iconfont官方平台推荐的图形设计软件AI来解决这个问题。

由于服务器配置了Nginx的反向代理，在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

nginx通过允许一个在客户端和后端服务器之间建立的隧道来支持WebSocket。为了NGINX发送来至于客户端Upgrade请求到后端服务器，Upgrade和Connection头部必须被设置明确

在使用Git的过程中，我们喜欢有的文件比如日志，临时文件，编译的中间文件等不要提交到代码仓库，这时就要设置相应的忽略规则，来忽略这些文件的提交。

现代化的 web 应用中多数采用 SPA（Single Page Application）的方式来编写网站或者应用，当你的 SPA 的路由方式使用的是 html5 的 history 模式的时候，需要服务器端做相应的配置。

mobaxterm 免费的ssh连接工具node:tiny-photo-cli 全局tinypng压缩webpack：hard-source-webpack-plugin 打包加速idea:codeGlance 右边预览插件camelcase 大小写转换Translation 翻译CodeStats 代码统计nrm 切换npm源snipaste: https://zh.snipaste.com (截屏软件)https://jakearchibald.github.io/svgomg (压缩svg)

夜间模式（Dark Mode），也被称为暗黑模式或深色模式，是一种高对比度，或者反色模式的显示模式，开启之后在夜间可以缓解疲劳，更易于阅读，同时也能在一定程度上达到省电的效果。苹果方面有表示，明年3月份还不适配深色模式的App都要从App Store下架

JavaScript(ES5)中没有像Java那样类的概念，写法跟传统的面向对象语言（比如C++和Java）差异很大，很容易让新学习这门语言的程序员感到困惑。但是我们可以通过原型链prototype来模拟类，去实现继承的相关功能。

不用循环创建一个长度为100的数组，并且每个元素的值等于它的下标先来说一下最直接的解法

使用css3 设置旋转正反两张图片，刚开始的思路:两张层叠的图片，旋转第一张，在旋转第二张。通过时间差来实现，然后出现了bug,以为是层级问题，但是背后一张回去的时候显示

最近在做移动端的项目，需要在人员的详细信息页面后退的时候跳转到人员列表页面，但是安卓和iOS的浏览器默认后退都是跳转到上一页，于是就想要监听浏览器的后退事件