摘要: Vue3 Vue3 新特性 Vue3 支持 vue2 的大多数特性 更好的支持 Typescript 性能提升: 打包大小减少 41% 初次渲染快 55%,更新渲染快 133% 内存减少 54% 使用 Proxy 代替 defineProperty 实现数据响应式 重写虚拟 DOM 的实现和 Tre 阅读全文
posted @ 2020-12-25 16:03 [ABing] 阅读(526) 评论(0) 推荐(0) 编辑
摘要: Vite 的工作原理 基于原生 ES 模块,使用 Rollup 打包 浏览器支持:支持原生 ES 模块 module import 的浏览器均可使用 无侵入的使用 Vite 历史项目中完全抛弃 webpack 转投 Vite 不太现实 Vite 的生态还不够成熟 改造成本太大 故只在开发环境使用 V 阅读全文
posted @ 2021-11-10 12:52 [ABing] 阅读(837) 评论(0) 推荐(0) 编辑
摘要: qiankun 微前端解决方案学习 可能是你见过最完善的微前端解决方案 为什么不是 iframe Why Not Iframe 微前端 Micro Frontends Micro Frontends from martinfowler.com 可能是你见过最完善的微前端解决方案 微前端的核心价值 微 阅读全文
posted @ 2021-09-10 14:25 [ABing] 阅读(231) 评论(0) 推荐(0) 编辑
摘要: iframe 使用注意事项 src 属性不支持混用 http 和 https 协议 使用 @load 来判断 frame 是否加载完毕,相当于 iframe<htmlElement>.onload 方法 获取嵌套页面关联数据必须使用 iframe<htmlElement>.contentWindow 阅读全文
posted @ 2021-09-10 14:24 [ABing] 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 《Vue3 核心源码解析》总结 Vue3 优化 Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念, Vue.js 2.x 发展了很久,现在周边的生态设施都已经非常完善了,但是还是存在不少痛点:比如源码自身的维护性、数据量大后带来的渲染和更新的性能问题、一些想舍弃但 阅读全文
posted @ 2021-08-04 18:04 [ABing] 阅读(1350) 评论(0) 推荐(0) 编辑
摘要: Vue 路由按需加载(路由懒加载) component: resolve ⇒ require([’…/pages/home.vue’], resolve) vue 异步组件技术 异步加载,vue-router 配置路由 , 使用 vue 的异步组件技术 , 可以实现按需加载,但是,这种情况下一个组件 阅读全文
posted @ 2021-05-11 18:07 [ABing] 阅读(1173) 评论(0) 推荐(0) 编辑
摘要: 了解标签函数之前我们先简单复习一下模板字符串。 模板字符串 模板字符串语法 在 JavaScript 中编写字符串时,通常使用 ( ' )或者 ( " ),而模板字符串使用 (`)。 例如: const str1 = 'hello world' const str2 = 'hello world' 阅读全文
posted @ 2021-05-11 18:03 [ABing] 阅读(915) 评论(0) 推荐(0) 编辑
摘要: 长方体:变量 局部变量 成员变量 两个矩形块:枚举 自定义的枚举 预定义的枚举 紫色立方体:方法 方法 橙色树状结构:类 类 灰色块:自定义的代码片段 自定义代码段 顺便还有像棒棒糖的接口图标: 接口/typedef 像左对齐的关键字图标: 关键字 倒着脸的结构体图标 结构体 显得规规矩矩的宏定义图 阅读全文
posted @ 2021-05-11 17:57 [ABing] 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 1、mongodb:官网地址 https://www.mongodb.com/download-center/community?jmp=nav (2)安装过程 2、运行安装文件 (1) * (2)更改安装路径到系统盘根目录下 (3)这里的目录不用修改,因为之前安装失败,所以这是之前的截图,(2)中 阅读全文
posted @ 2021-05-11 17:14 [ABing] 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 直接上代码: beforeAvatarUpload(file) { const isImg = file.type 'image/jpeg' || file.type 'image/png' const isLt2M = file.size / 1024 / 1024 < 5 if (!isImg) 阅读全文
posted @ 2021-05-11 17:12 [ABing] 阅读(228) 评论(0) 推荐(0) 编辑
摘要: console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的 基础 首先,简单科普这个函数的作用。前端开发者可以在 js 代码的任何部分调用 console.log,然后你就可以在浏览器的开发者控制台里,看到这 阅读全文
posted @ 2021-05-11 17:10 [ABing] 阅读(160) 评论(0) 推荐(0) 编辑