摘要： 前端面试题：如何实现事件总线 Event Bus 介绍 通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。 原理 本质上是采用了发布-订阅的设计模式，比如多个模块 A、B、C 订阅了一个事件 EventX，然后某一个模块 X 在事件总线发布 阅读全文

摘要： 前端项目查看是否有内存泄漏的情况 在项目运行中，有时会遇到这样的问题，项目运行时间长了，速度就越来越慢，最后导致页面崩溃。这个时候就需要查看是否有内存泄漏的情况了。 怎么查看呢？这里我推荐一种办法，使用chrome devTools 的Performance来检测内存。 使用过程是这样的： 打开谷歌 阅读全文

摘要： 时间空间复杂度详解 什么是复杂度 程序执行时需要的计算量和内存空间（和代码是否简介无关系） 复杂度是数量级， 不是具体的数字 一般针对一个具体的算法，而非一个完整的系统 复杂度有如下几种 O(1) 可数的数量级 O(logn) 随着计算量越大 时间越平缓 O(n) 输入两怎加 复杂度也增加 O(nl 阅读全文

摘要： 进阶类型 类型别名 类型别名用来给一个类起个新名字 type Name = string; type NameResoleve = () => string type NameOrResolve = Name | NameResoleve function getName(n: NameOrReso 阅读全文

摘要： typescript 入门介绍 开始阶段 推荐使用 线上[Playground]https://www.typescriptlang.org/play 基础数据类型 布尔值 let isDone:boolean = false let hasDone: boolean = Boolean(1) 数值 阅读全文

摘要： vue3.0 生命周期 写法一 和vue2.x 一致 区别在于（beforeUnmount、unmount）名称不一样 写法二 在setup 中使用， 需要引用 如： import { onBeforeMount } from ‘vue’ Setup(){ onBeforeMount( () =>{ 阅读全文

摘要： ##在业务逻辑中，经常会有父组件调用子组件方法的情况，vue2.0 和 vue3.0 的使用中有些不一样，在这里总结下。 vue2.0 中的使用方法 父组件： <template> <div @click="fatherMethod"> <child ref="child"></child> </d 阅读全文

摘要： 使用vite + vue3 + ant-design-vue + vue-router + vuex 创建一个管理应用的记录 使用vite 创建项目 我创建的node 版本是 v16.17.1 使用NPM 或者 YARN 安装中选择模板和定义项目名称 npm init vite@latest my- 阅读全文

摘要： 项目中很多地方会用到等间距排放的场景，使用flex 布局可以很方便的实现 .fu{ display: flex; ustify-content: space-between; } 通过上面代码，可以实现子元素的等间距排放。但是第一个元素和末尾的元素，到左边和右边 不会等间距排放，可以通过伪元素来实现 阅读全文

摘要： uniapp 微信小程序 配置分享朋友和朋友圈 首先在小程序中配置微信分享，和微信朋友圈， onShareAppMessage， onShareTimeline 这两个API 和 onLoad 同级目录配置 在小程序每个页面都要设置这两个函数，修改内容比较心烦，不符合代码风格。可以通过mixins 阅读全文