古兰精

摘要： 一、问题背景 使用 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 一定 阅读全文

摘要： 最近看到涉及 node_modules 的问题比较多，所以决定深入学习一下，正好看到一篇文章，写的还挺详细的 Ryan对于node.js的十大遗憾之一就是支持了node_modules，node_modules的设计虽然能满足大部分的场景，但是其仍然存在着种种缺陷，尤其在前端工程化领域，造成了不少的 阅读全文

摘要： 当我们使用 npm 上的第三方依赖包，如果发现 bug 时，怎么办呢？ 想想我们在使用第三方依赖包时如果遇到了bug，通常解决的方式都是绕过这个问题，使用其他方式解决，较为麻烦。或者给作者提个issue，然后等待作者的修复，等待的时间不可控。那么这时候是不是就可以借助patch-package自己动 阅读全文

摘要： 一、CSS shapes 布局 shapes 表示形状，CSS Shapes 布局可以实现不规则形状的文字环绕效果，需要和浮动配合使用。 CSS shapes 布局相关属性并不多，主要是这 3 个属性：shape-outside、shape-margin、shape-image-threshold 阅读全文