小胖子学习笔记

问题 如果你的 webpack5 项目在构建成功后，修改代码后热更新执行完后，所有图片 报下列错误： 解决办法 把你的webpack版本降级到： 猜测原因 最新版本 webpack: ^5.83.1

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

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

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

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

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

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

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

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