丁哒哒

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpac...

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。...

前言 为什么要埋点？现在的互联网公司越来越关注转化、新增、留存，而不是简单的统计PV、UV。而完整的数据采集是一切的前提。 埋点包括在IOS、Android、H5、小程序等...

ref就是比reactive好用，官方说的，不服来踩！我们从源码的角度分析，Vue3为什么推荐使用ref而不是reactive？大家认为呢，进来评论区一起讨论下！...

在ECMAScript6之前，JavaScript语法中是不支持类的，导致面向对象编程方法无法直接使用，但我们可以通过function来实现模拟出类，在ES6出现了Clas...

什么是瀑布流布局： 瀑布流布局（Waterfall Layout）,是一种常见的网页布局设计模式，特别是在基于feed或列表的界面中。它也被称为无限滚动或无限加载。...

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了...

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知...

经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 BFC的区域不会与float...

起因是公司有个核心项目, 几乎贯穿了全部业务. 所以就算另起一个项目, 也有非常多的业务需要在此之上迭代. 这一个近千页面的项目又是这么老的技术栈, 而且还是个多页面项目....

引言 最近在浏览器mdn时发现一个很牛逼的api,该方法主要用于监听页面元素出现在视口时的回调。我们一探究竟吧。 一：初探 1. 方法介绍 创建IntersectionOb...

小程序有rpx属性，减少了适配各种手机设备的成本，提高了开发效率。但它并不是银弹，在宽屏设备上（例如Pad），用户体验较差。如果你追求极致用户体验，我建议你用px而非rpx...

rpx单位的由来 rpx单位最初由微信推出，它与我们常用px一个很大的区别就是具有响应式，可以参考一下我们学web开发时用的rem、vw、vh等单位，再看看微信官方文档对此...

一、简介 在样式引入时，对于变量的引入，需要在每个文件里都要引入一遍，为了避免每次使用时都需要单独引入一遍的问题，采用了 style-resources-loader。 在...

Tailwind 是流行的原子化 css 框架。 有多流行呢？ 它现在有 68k star 了，要知道 express 才 60k： 那什么是原子化 css？ 我们平时写 ...

之前一直对闭包这个概念模模糊糊的，网上也是长篇大论，现在通过自己了解和学习，总结了一下一些闭包知识点，写得不对的地方可以指出，大家互相学习....