小胖子学习笔记

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack ...

前不久写了一篇webpack基本原理和AST用法的文章，本来想接着写webpack plugin的原理的，但是发现webpack plugin高度依赖tapable这个库，...

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没...

本质上，前端路由所提供的，就是一个 修改 URL 及 渲染与 URL 对应组件 的功能集合。那要怎么实现它呢？...

使用场景 偶尔会出现特殊ui布局，把已经封装好的一个组件内部的元素定位到页面底部或者顶部之类的需求。 想保留业务组件的整体性，又想脱离组件的布局。 原理 创建对应的容器元素...

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。...

为啥要使用打包缓存 提升项目启动速度，提升开发体验，webpack的打包方式就是把项目内全部文件都走一遍loader和babel处理，所以项目文件内容越来越多，启动的时间就...

相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态...

1.setup 把之前.vue文件中 script 标签添加 setup 标识，这样就可以直接在使用 composition API，并且无需return 创建的响应式数据...

使用github作为图片仓库，jsDelivr 作为CND加速，在不使用其他工具的情况下，已经足够作为一个图床来使用了。...

前言 使用 Git 作为代码版本管理，早已是现在开发工程师必备的技能。可大多数工程师还是只会最基本的保存、拉取、推送，遇到一些commit管理的问题就束手无策，或者用一些不...

JavaScript中有没有可能让(a== 1 && a ==2 && a==3)返回true?有，至少有9种方式，障眼法、劫持法、隐式转换法，打开你的脑洞一起学习神奇的J...

直接阅读 Vue2 源码会比较吃力，但其中的 util.js 工具函数库还是比较简单易懂。 代码使用 flow 标注类型，忽略掉类型标注的部分，不影响阅读。...

从易到难读源码。 今天读的源码是NPM仓库 Arrify 。 这个仓库只包含了一个方法，用于将任意类型的数据转为数组。...

使用场景 相信大家都看过这样的html代码: 上面代码通过 TEST_PATH 变量来控制引入的 xxx.js的环境，当 TEST_PATH=//aaa.com时： <% ...

自定义Hooks让写Vue3更畅快！ 为什么Vue3要用自定义Hook？Composition Api究竟好在哪？...

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考......