05 2022 档案
摘要：一、npm run serve时发生了什么？灵魂5问 1、npm run xxx 的时候，首先会去项目的 package.json 文件里找 scripts 里对应的 xxx，然后执行 xxx 的命令，例如启动vue项目 npm run serve 的时候，实际上就是执行了 package.json
阅读全文
摘要：一、问题引子：执行顺序 public static int test1() { int x = 1; try { return x; } finally { x = 2; } } 答案是1不是2，你答对了吗？大家都知道在TCF中，执行到return的时候会先去执行finally中的操作，然后才会返回
阅读全文
摘要：前言：这篇文章应该会和你见到的大部分手写Promise文章都不一样，文中不会讲到Promises/A+规范，也不会提到Promise.race / race等语法糖。在本文中，我会大量使用到面向对象的思维方式，并且只关注Promise的核心思想及其实现，相信在您认真看完之后，会对Promise产生一
阅读全文
摘要：一、了解下 vue 的处理问题演进 Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念，它为后续做服务端渲染以及跨端框架 Weex 提供了基础。 Vue.js 2.x 发展了很久，现在周边的生态设施都已经非常完善了，而且对于 Vue.js 用户而言，它几乎满足了我们
阅读全文
摘要：先聊聊需求背景：公司运营需求，说在富文本编辑器中发布包含图片的 Word 文档时，图片和文本内容不能一起复制，每次她们都得分开处理，对于包含较多图片的 Word 时，她们处理起来很抓狂。 一、准备知识：docx 是怎样存储图片的 要解决上述的问题，首先就需要能够解析 Word 文档中的图片。目前 W
阅读全文
摘要：PS：vue3 的源码里大量使用了纯函数注释，那么我们就来了解下：使用 /*#__PURE__*/ 可标注纯函数，那么纯函数是什么，有什么作用？ 一、什么是纯函数 1、纯函数（pure function） （1）返回结果只依赖它的参数，传入的参数一样，返回的结果也是一样的 （2）执行时不改变作用域外
阅读全文
摘要：当我们完成一个业务系统的上线时，总是要观察线上的运行情况，查看日志发现问题并进行优化迭代。因为测试永远无法做到100%覆盖，用户也不会总是按照我们所预期的进行操作，因此我们需要在系统异常时主动对其进行收集上报，以制定解决方案。 当生产环境中产生了一个 bug 时，如何做到迅速报警，找到问题原因，修复
阅读全文
摘要：一、问题背景 使用 yum 时报错，yum list 或 yum 安装任何东西都报错 CentOS-8 - Base - mirrors.aliyun.com 299 B/s | 2.3 kB 00:07 Errors during downloading metadata for reposito
阅读全文
摘要：一、docker-compose安装 首先说明一下，网上很多博客搜出来是不对的，踩坑主要就踩在那些安装方法上哈。 1、找到安装文件路径 https://github.com/docker/compose/releases，建议自己下载吧，网上很多 curl 或 wget 的链接其实都是不对的 （1）
阅读全文
摘要：一、为什么要用ESLint 1、总结为两点：保持代码风格一致、减少代码出错几率 为了解决这类静态代码问题，每个团队都需要一个统一的 JS 代码规范，团队成员都遵守这份代码规范来编写代码。当然，靠人来保障代码规范是不可靠的，需要有对应的工具来保障，ESLint 就是这个工具 2、为什么不是Pretti
阅读全文
摘要：正如 Webpack 官网所描述的，webpack最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源。 所以如果你想要搞明白 Webpack，就必须先对它想要解决的问题或者目标有一个充分的认识，带着问题再去理解它的很多特性，学习思路会更清晰，理解也会更深刻。 一、Webpac
阅读全文
摘要：为什么前端要了解进程通信：前端领域已经不是单纯写在浏览器里跑的页面就可以了，还要会 electron、nodejs 等，而这俩技术都需要掌握进程通信。 nodejs 是 js 的一个运行时，和浏览器不同，它扩展了很多封装操作系统能力的 api，其中就包括进程、线程相关 api，而学习进程 api 就
阅读全文
摘要：CSS3 线性渐变（linear-gradient）我们比较熟悉，但是有没有了解过重复线性渐变（repeating-linear-gradient）呢？ 一、重复线性渐变介绍 repeating-linear-gradient()函数创建一个由重复线性渐变组成的 。它类似于linear-gradie
阅读全文
摘要：pnpm 近年挺火的，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 https://pnpm.io/ 一、依赖管理 pnpm 在依赖管理这一块有一些不同于 npm/yarn 管理工具的一些优化技巧。 1、hard link 机制 介绍 pnpm 一定
阅读全文
