知己_code

如果打造一个高性能的高体验的无限滚动组件？虚拟滚动是一个很好的方案，使用固定个数元素来模拟滚动，减少大量的元素渲染对性能的消耗...

背景 最近发现项目(基于Vue2)构建比较慢， 一次上线发布需要 15 分钟， 效率低下。 如今这个时代，时间就是金钱，效率就是生命。 于是这两天抽空对项目做了一次构建优化...

CSS 提供了三种出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现一个三角形。三种方法如下： border； linear-gradient； clip-p...

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber...

React Fiber 的出现，在前端社群普及了时间分片的计算优化技术。我曾试着去学习 Fiber 的源码实现，然而最终得到的结论是这个技术只有在面试的时候应付面试官刁难有...

DNS 是实现域名到 IP 转换的网络协议，当访问网页的时候，浏览器首先会通过 DNS 协议把域名转换为 IP，然后再向这个 IP 发送 HTTP 请求。 DNS 是我们整...

本期推荐开源项目目录： 1. Nginx 可视化神器 2. Elastic UI 框架 3. 新一代建站工具 4. 前端测试工具 5. 30 天 JavaScript 编程...

vue + element-ui 使用 babel-plugin-component 来实现按需加载组件及样式。 借助 babel-plugin-component，我们可...

背景 在之前的一篇文章中， 我们遇到了一个项目在构建时内存溢出的问题。 当时的解决方案是: 直接调大 node 的内存限制，避免达到内存上限。 今天听同事分享了一个新方法，...

2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。 概述 本文是在 Google IO 2022上发表的演讲的...

继上一篇从跳槽到被裁，这次来聊聊234这三个月面试的一些情况，以及我为什么选择离开杭州，包含较多个人情感，和公司无关，和城市无关...

不要犯我曾经犯过的错误！ 我2015年刚刚开始学习前端开发的时候，我在文档和在线教程上了解到了许多技术，我浪费大量时间去学习这些技术。...

获取到给定路径的所有父路径 例如给定一个路径D:/dir1/dir2/dir3/dir4/dir5/index.js，然后返回下列内容： 在ESLint中实现方法是：cas...

前言 大家好,我是webfansplz.这两天肝了个Vite插件,本文主要跟大家分享一下它的功能和实现思路....

输出顺序是啥？看上去是两个微任务嘛，promisenextTick？不对！Vue.nextTick源码回顾源码路径src/core/util/next-tick.js，以下...

我做了一个简单的 benchmark 测试，创建 5000 个 CSS 变量，来看看它究竟会不会减慢页面的渲染速度。...