vue实现电子签名、图片合成、及预览功能
业务功能：电子签名、图片合成、及预览功能 业务背景：需求说想要实现一个电子签名，然后需要提供一个预览的功能，可以查看签完名之后的完整效果。 需求探讨：后端大佬跟我说，文档我返回给你一个PDF的oss链接，然后你直接展示，你前端签完名之后给我一个base64的字符串就可以了，我回复ojbk（草率的一批）。 等我转过身，调研一下技术实现发现不对，我大前端需要做一个预览的功能啊，它需要将多张图片合成一张图片，你给我一个oss链接，我怎么转...
三分钟带你实现项目自动国际化
项目国际化形式有2种：一种是人工翻译，另一种是机器翻译。 一般情况下，我们的 项目都是接入 做项目翻译的，它用文件将中文和英文对应的值全部分开，展示的时候，按照 的不同，加载不同的文件。如下： 这是一种全局加载的形式，虽然 支持全局加载，也支持局部加载，但是一般在项目过程中，我们用的都是全局加载形式。 这种形式，需要人工专门根据业务场景做专业的翻译，比如阿里云的国际项目，都是需要人工专门翻译的。 但是也有很多小公司，由于人员配备问题，他...
事件循环 Event Loop事件循环
事件循环 同步任务（立即执行） 如console.log()、new Promise 宏任务主要包含：script(整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境) 微任务主要包含：Promise的then函数和catch函数、MutaionObserver、process.nextTick(Node.js 环境) 练习，快来试试 结果及简单分析 详细分析...
前端中的 File 和 Blob两个对象到底有什么不同❓❓
JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base64、Object URL 和 DataURL。每个概念在不同场景中都有重要作用。下面的内容我们将会详细学习每个概念及其在实际应用中的用法。 接下来的内容中我们将来了解 File和 Blob 这两个对象。 blob 在 JavaScript 中，Blob（Binary...
闭包和内存泄漏，这次我终于答上来了
正文 要了解闭包，我们需要先了解词法作用域和作用域链。 词法作用域 在编程语言中，变量和函数的作用域是由其在源代码中的位置决定的。也就是说，在变量和函数被声明的时候其作用域已经确定了。当在函数中访问外部变量时，不论函数运行在哪里，访问的变量始终是其作用域中的那个变量。 例如，我们在这里声明了 变量和 函数，在函数中打印该变量，再将函数导出。如果我们在其他地方引入 并运行，则依旧会打印 。听起来似乎和我们平时开发时的行为是一致的？没错，在...
html2canvas 问题解决汇总
主要介绍了 html2canvas 的基本使用及下载处理，也介绍了项目中使用的一些问题和解决方法，如初始化截图时机、跨域问题、滚动条问题、图片不清晰问题、多行文字错位等。 1\. 基础介绍 Github 地址： 是一个 JavaScript HTML 渲染器，允许在用户浏览器中直接对网页或部分网页进行 。这些截图基于 DOM，因此可能与实际显示效果不完全一致，因为它并不是进行实际的截图，而是根据页面上的信息构建截图。 的主要用途是把网页...
Js的预编译你了解多少呢？
预编译 预编译 是指在程序运行之前，先对程序进行一些处理，例如预处理、编译、链接等，以便提高程序运行效率和减少运行时的错误。 编译的 作用 ：提高程序的 效率和稳定性 ，减少程序在运行过程中可能出现的错误，并提高程序的 可维护性 和 可扩展性 。 作用域 作用域是函数身上的属性 \[\[scope\]\] (给js引擎访问的，我们拿不到 隐式属性 )，用于存储函数中的 有效标识符 。 作用域链 作用域是执行期上下文对象的集合，这种集合呈...
我是如何实现网页颜色自适应的
前言 不知大家有没有留意过，当前大部分 App 或网页中，很少存在允许用户完全自定义要展示信息的颜色的功能。 例如在钉钉的自定义表情中，只允许用户从一组预设的配色中随机切换： 再比如笔记应用 Notion 虽然允许用户改变文本颜色，但也只允许在一组预设色值中选取： 原因无它，配色，不是一件容易事。 对于大众用户而言，没什么颜色理论知识，很可能挑出来的颜色在应用中很难看、看不清，这会极大的影响用户的使用体验（即使是用户自己造成的）。 因此...
JSON 的键为什么必须有引号？
00\. 写作背景 如题， 为什么 JSON 的键被设计为必须有引号 ？ 但是，问题无厘头，不代表无意义。Vite 源码的 pnpm 配置使用了一种 YAML 格式的配置文件，很多工具和语言也支持 YAML。 举个栗子，这是格式化工具 Prettier 官网的示例： 粉丝请注意，YAML 和 JSON 一龙一猪， 键名真的可以没引号 ！那么，强制要求键名加引号、而且必须是双引号的 JSON 到底在搞什么飞机？ 有时候，乍一看是几何题，其...