古兰精

摘要： 一、为什么要用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 阅读全文

摘要： 今天无意间看到原来 SpringSecurity 自带了 CSRF 防御处理，所以记录下，不得不说 SpringSecurity 功能还是挺强大的，蛮多业务场景都提供了支持。 CSRF 就是跨域请求伪造，英文全称是 Cross Site Request Forgery。这是一种非常常见的 Web 攻 阅读全文

摘要： 长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。因此我们会经常采用时间分片、虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。而以上的方式无论哪种，都需要写大量的js或者c 阅读全文