前言 对于一套好看舒适的前端设计方案，风格统一是基本要求，其中必然包括字体的统一。 由于国产化进程的不断推进，冒出了不少基于 Linux 的国产操作系统，这就导致我们平时在 windows 上使用得好好的字体，在这些国产操作系统上就失效了，其原因是这些操作系统上没有安装对应的字体。 在这里，我就记录一下最近解决字体问题的一次过程。 现象 某客户在某国产系统上运行我们的项目时，脚本编辑器中出现了光标错位的问题。 分析 我们的项目中用到了 ace_editor 脚本编辑器，通过阅读源码得知，它在计算光标位置时，依靠的是字体宽度，这就要求必须使用等宽字体才行，否则，会因计算位置错误而引起光标错位。 ...

前言 目前我们这边的内网代码是通过 TortoiseSVN 进行版本管理的，平时用着也挺好的，没碰到什么大问题。 但是，今天碰到了一个比较棘手的问题，在这里做一下记录，以方便自己和有需要的朋友在之后碰到该类问题时有个参考。 现象 具体的错误现象如下图所示：  原因 导致上述现象的步骤如下：   从最外层目录点击的更新，由于文件数量巨多，导致长时间处于检查状态；   点击了取消更新按钮；   取消响应太慢，直接从任务管理器关闭 TortoiseSVN 进程；   经过以上步骤后，再次更新就出现了该现象，不管从哪一级目录更新都是一样的错误。 尝试一 根据错误现象中的提示信息，手动执行清理操作，结果...

JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。 但在处理像 TCP 流或文件流时，必须使用到二进制数据。因此在 Node.js 中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。 在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法，可以让 Node.js 处理二进制数据，每当需要在 Node.js 中处理 I/O 操作中移动的数据时，就有可能使用 Buffer 库。 原始数据存储在 Buffer 类的实例中。 一个 Buffer 类似于一个整数数组，但...

前言 我们在开发 https 服务时，需要引入相应的 SSL 证书。 今天，我就自己在 Mac 上制作 SSL 证书的过程做个记录。 环境 MacOS 10.15.7 工具 openssl 步骤 第一步：终端执行命令。 //生成rsa私钥，des3算法，1024位强度，ssl.key是秘钥文件名。 openssl genrsa -des3 -out ssl.key 1024  第二步：输入密码。这里会输入两次，填写一样即可，随意填写一个，下一步就会删除这个密码。  通过上面这一步，就会在当前文件夹下生成一个 ssl.key 文件。 第三步：删除密码。 //终端执行删除密码命令 //这里目录和生...

前言 数据类型转换是我们在前端开发中经常遇到的场景，一般而言，在 JavaScript 中类型转换有三种情况：  转换为数字（调用 Number(),parseInt(),parseFloat()方法） 转换为字符串（调用.toString()或 String()方法） 转换为布尔值（调用 Boolean()方法）  需要注意的是：null、undefined 没有.toString() 方法。 转换为数字 Number(string) 方法 Number() 可以把任意值转换成数字，如果要转换的目标对象（一般是字符串）中有不是数字的值，则会返回 NaN。 Number('1') // 1 N...

前言 在使用 Node.js 的服务端代码中，如果使用的是 Express 框架，那么对于一个请求，常常会有两种响应方式： // 方法1 app.get("/end", (req, res, next) =>{ res.end(xxx); }); // 方法2 app.get("/send", (req, res, next) =>{ res.send(xxx); });  那么这两种方式究竟有何区别？各自的应用场景分别是什么？这是我今天需要讲清楚的。 Express 之 res.end() 定义 它可以在不需要任何数据的情况下快速结束响应。 这个方法实际上来自 Node 核心，具...

前言 在将 Electron 代码开发完成后，如果想要投入生产环境，那就必须经过很关键的一步——打包。 今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 为什么要打包 我上一篇文章《使用 VSCode 调试 Electron 主进程代码》介绍了在开发环境下运行 Electron 程序的方法，既然可以正常运行了，那为什么还需要经过打包的步骤呢？原因如下：  为了实现跨平台的目的 在打包之前，如果我将源码拷贝一份到其他操作系统（比如 windows）上，那要正常运行的话，必须在对应的系统上安装适配该系统的 Electron 执行程序。 ...

前言 在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。 VSCode 作为当下最流行的代码编辑器，我绝大部分的代码都是在它上面开发的，Electron 应用也不例外。今天，我来分享一下怎么在 VSCode 上调试 Electron 应用的主进程代码。 本文所述步骤是基于已经熟悉或知晓 VSCode 调试方法的，请按需食用！ 搭建环境 本文所使用的项目是 electron-quick-start 。 $ git clone https://github.com/electron/electron-quick-start $ cd ./elect...

前置信息 本机（MacBook Pro）上 Electron 的路径：/usr/local/lib/node_modules/electron/dist/Electron.app/Contents/MacOS/Electron 本机 Electron 数据文件路径：/Users/bianchengsanmei/Library/Application Support/Electron 本地 dump_sysm 路径：/Users/bianchengsanmei/Library/Developer/Xcode/DerivedData/Breakpad-ebqwamwdejfpicartmwratd...

在使用 VSCode 开发 Vue3 + TS 项目时，编辑器一直有一个报错，因为不影响编译和运行，所以就一直没在意，但这两天看着这红杠提示实在是太别扭，今天就来解决一下这个问题，还自己一个清爽的开发环境。 在网上查找了很多资料，靠谱的不好找，但是功夫不负有心人，最终问题还是解决了，在这里记录一下，避免日后踩坑，也给有需要的朋友省点查找资料的麻烦。 报错信息 具体的报错信息如下图所示：  找不到 .vue 的声明文件，实际上就是 TS 无法识别 .vue 类型的文件。 那么就需要添加一下 .vue 类型文件的声明，步骤如下：  在根目录（也就是 tsconfig.json这一级）下新建名为 ”...

相信很多同学都已经上手 Vue3 了，用起来是真香！ 学习技术又怎能不学习源码，多看看源码，说不定自己哪天也成大佬了呢 ︿(￣︶￣)︿ 今天，我来记录一下自己调试 Vue3 源码的过程，方便以后参考。 准备工作 首先需要下载源码和安装依赖： mkdir code git clone https://github.com/vuejs/vue-next.git cd ./vue-next yarn install 执行完上面这一套之后，得到如下文件结构：   贴心小提示：由于国内访问 Github 实在龟速，所以我一般都是将 Github 上的项目导入到 Gitee，然后从 Gitee 上克隆的，...

大家平时是怎么离线安装 node 模块的呢？  前言 在平时的开发中，我们一般都是通过在线安装的方式来安装 node 模块的，但是也保不齐会有离线安装的需求。比如，公司内网是不联网的，那如果需要安装模块的话怎么办？ 今天，我就通过离线安装全局 asar 模块来总结一个离线安装的 node 模块的方法。 准备工作 安装环境：MacOS 既然是离线安装，那首先就需要通过网络将对应的模块下载下来。本文中，通过 npm install -D asar 来下载 asar 模块及其依赖，文件结构如下：  离线安装全局 asar 方法一的原理就和我们在线安装 node 模块一样，直接通过 npm intal...

你知道 ES6~ES12等叫法是怎么来的吗？   前言 作为一名前端开发，学习 JavaScript 自是天经地义的事，但是，JavaScript 的发展历史是怎样的，恐怕有相当一部分人都不太了解。 我们常常听别人说并且自己也会说 ES6、ES7……ES12，那么，这些叫法到底是怎么来的？ 今天，我们就来总结一下这些有关 JavaScript 的发展历程。 通过阅读本文，你将了解以下知识：  ECMA 是什么 ECMAScript 是什么 JavaScript 的由来 ES5 ~ ES12 的意义  关于 ECMA ECMA 全称为 European Computer Manufacturer...

前言 服务端渲染的概念这几年可以说是炒得火热，它不是一种新型的技术，而是互联网最开始时所使用的加载技术。 那么到底是什么原因，使得人们愿意拭去历史的尘埃，让服务端渲染这一古老的概念重新绽放光芒呢？ 什么是服务端渲染？ 服务端渲染简称 SSR，全称是 Server Side Render，是指一种传统的渲染方式，就是在浏览器请求页面URL的时候，服务端将我们需要的HTML文本组装好，并返回给浏览器，这个HTML文本被浏览器解析之后，不需要经过 JavaScript 脚本的执行，即可直接构建出希望的 DOM 树并展示到页面中。 SSR 有两种模式，单页面和非单页面模式，第一种是后端首次渲染的单页面...