# vue

created() {

	document.addEventListener('click', this.clickOutsideEvent)

},

destroyed() {

	document.removeEventListener('click', this.clickOutsideEvent)

},

methods: {

	clickOutsideEvent(e) {

		// console.log(this.$el.contains(e.target))

		if (!this.$el.contains(e.target)){

			this.handleOperater = false

		}

	}

}

1. Element ui 默认的宽度是 420px 在移动端长度太长，需要审批

# 设置 git alias

使用 git alias 可以极大地提高效率，我常用的有

git config --global alias.co checkout

git config --global alias.br branch

git config --global alias.ci commit

git config --global alias.st status

git config --global alias.unstage 'reset HEAD --'

git config --global alias.last 'log -1 HEAD'

git config --global alias.logl 'log --oneline'

# 前言

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。

最近发现有不少介绍 JS 单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。 因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到 JS 单线程，将 JS 引擎的运行机制系统的梳理一遍。

展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系， 重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识。

内容是：从浏览器进程，再到浏览器内核运行，再到 JS 引擎单线程，再到 JS 事件循环机制，从头到尾系统的梳理一遍，摆脱碎片化，形成一个知识体系

目标是：看完这篇文章后，对浏览器多进程，JS 单线程，JS 事件循环机制这些都能有一定理解， 有一个知识体系骨架，而不是似懂非懂的感觉。

另外，本文适合有一定经验的前端人员，新手请规避，避免受到过多的概念冲击。可以先存起来，有了一定理解后再看，也可以分成多批次观看，避免过度疲劳。

我们可以通过 getCurrentInstance 这个函数来返回当前组件的实例对象，也就是当前 vue 这个实例对象，下面这篇文章主要给大家介绍了关于 Vue3 组合式 API 之 getCurrentInstance 的相关资料，需要的朋友可以参考下

# 一。前言。

众所周知，在现今的开发大环境下，数据可视化（大屏化）项目在前端开发中的比重越来越大。而其中使用率最高的插件无疑就是 Apache Echarts。（ps: 以下简称为 echarts）。本文就结合 vue 框架来讲解如何快速、高效、优雅地在项目中使用 echarts。当然，本文篇幅也会为读者精心准备目前网络上最全面、最高效的 echarts 案例资源站集合。

在前端开发中，大屏适配一直是个让人头疼的问题。领导总是要求大屏既要不留白，又要不变形，还要没有滚动条。这看似简单的要求，实际却压根不可能。今天，我们就来聊聊大屏适配的四种常见模式，以及如何根据实际需求选择合适的方案。

# 前言

开发过 大屏可视化 应用的前端工程师们通常会有这样的共识：

在可视化开发过程中，最具有挑战性的并非 各种图表 的配置与 效果展示 ，而是如何确保 大屏 在 不同尺寸 的屏幕上都能实现良好的适配。