1. 读取文件 获得是文件的butter数据（二进制数据），用toString将二进制数据转成正常字符串。 要注意的是异步操作不会等待当前异步操作完成后才会执行，而加了Syn...
IP属地：上海
-
ref，shallowRef，reactive，shallowReactive的区别
一、reactive和shallowReactive reactive用来创建响应式对象，它接收一个对象/数组参数。代码示例如下，通过点击事件可以修改响应式对象触发视图更新。...
-
vue3中vue.extend的替代方案
在vue3中已经不再支持vue.extend，那用vue.extend实现的全局弹窗之类的功能那vue3的替代方案又是什么呢？这里推荐使用createVNode和render...
-
全面了解requestAnimationFrame一、前言 由于最近在做一些新尝试，瞄上了HTML5的新特性requestAnimationFrame，发现真是好用，比计时器好了不知......但话不能说太满，各有各的好处吧...
-
peerdependency的作用
探讨npm依赖管理之peerDependencies 引言 想必前端同学对npm的devDependencies和dependencies都比较熟悉，但是对peerDepen...
-
webpack之optimization.runtimeChunk作用runtimeChunk，直观翻译是运行时的chunk文件，其作用是啥呢，通过调研了解了一波，在此记录下。 何为运行时代码？ 形如import('abc').then(res...
-
前端下载非同源文件自定义文件名方案
背景 有时候我们需要点击下载一些资源如excel 、pdf、 ppt、图片等，并且要支持自定义下载名字。当下载链接与当前页是同源时，可以通过a标签download属性设置，比...
-
宏任务和微任务和DOM渲染
1. GUI线程 GUI线程是浏览器线程之一，它的作用主要是以下几点： 解析html文档生成DOM。 CSS代码转换为CSSOM。 结合DOM和CSSOM生成渲染树。 生成布...
-
webpack-bundle-analyzer分析SPA应用介绍webpack-bundle-analyzer 这个插件来分析SPA应用。 使用 npm install --save-dev webpack-bundle-analyz...
-
babel-plugin-import的配置项
babel-plugin-import 在 Babel 配置中引入该插件，可以针对 antd, antd-mobile, lodash, material-ui等库进行按需加...
-
encodeURI和encodeURIComponent的区别项目开发中遇到前端编码的问题，总是搞不清楚encodeURI和encodeURIComponent两者的区别，今天就来整理一下： 两者最主要的区别是encodeURI不会编译...
-
5. 实践基于qiankun的微前端demo - 应用间的通讯🤖 修改主应用，提供通讯 修改main.js，增加通讯所需代码 修改App.js，增加修改state的方式 🤖 修改子应用 修改main.js 修改About.vue，增加通...
-
vue hash和history打包
hash模式打包比较简单，只需要将config下的assetsPublicPath改为'./'就可以了 history需要服务端的支持，否则在刷新的时候会404 首先找到co...
-
options预请求
最近开发过程中，为了避免跨域，于是在服务端添加了Access-Control-Allow-Origin，前端出现一个小异常，每次请求次数都是2次，第一次请求的methods为...
-
vuex源码分析（四）——installModule
本文参考珠峰架构公开课之vuex实现原理 之前的文章谈到了module的数据的注册，接下来就是基于注册数据，执行installModule函数安装。 installModul...
