V-cli结合element ui实现右键自定义菜单
以前有在后台管理项目中使用顶部标签栏切换不同菜单。标签栏过多可以通过 鼠标右键 展开菜单栏进行 全部关闭 或者 关闭其他 等操作，最近重写这个需求时发现 element ui 的 el-tab 组件做标签栏很方便，于是就替换了原来自定义的标签栏，但是也遇到了不少问题，这里做一下总结，记录一下。
这篇文章主要是讲实现 右键菜单 ，如何设置 顶部的标签栏 与 侧边的导航栏 的绑定我近期会更新另外一篇文章。这里就不介绍了。
菜单栏 使用相对定位，每次 鼠标 右键点击时获取 鼠标相对于页面的位置 和 鼠标在盒子中的位置 。设置 菜单栏 出现到指定的位置。
利用 contextmenu 事件阻止浏览器原生的 菜单栏 出现，后自定义我们要显示的 菜单栏 。正常来说我们一般在各个 el-tab-pane 上绑定 @contextmenu 就可以实现对应的功能，但是 el-tabs 组件并没有 $emit 对应的方法，加上了 .native 修饰符也不起作用。所以最终决定在每次 路由 改变时获取到所有的 el-tab-pane 节点，手动的去绑定 contextmenu 事件。
注： 这里需要注意的有2点
注： 有关 getBoundingClientRect 详情请移步 getBoundingClientRect
以前的实现自定义菜单栏 blog 虽然看不到了，但是有被收录到 JavaScript中文网 社区，是另外的一种实现方法 vue自定义右键菜单
最后，喜欢的话请点个赞呗 ❤️❤️。
如何阅读nodejs官方文档
大致浏览一下，知道nodejs原生API有哪些作用就可以了，等到要用的时候再去看具体用法，英文阅读不便的话可以看中文网，翻译的还是不错的，生涩的话可以中英文对照起来看。
nodejs中文网
nodejs英文网
Javascript中文是什么意思?我要的是中文意思，谢谢
JavaScript简介:
Javacript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用Javacript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。让这些特殊效果提高网页的互动性、提供亲切的服务。
由来
谈到JavaScript的历史，首先就得介绍[网景]（Netscape）这家公司，相信很多人使用过Netscape浏览器来浏览网页，这家公司在设计浏览器的时候，一方面为了辅助本身发展的一种名为LiveWire的程式，另一方面为了提高网页设计的互动性，所以发展了LiveScript这个电脑语言。
那JavaScript和LiveScript有什么关系呢？在Netscape发展LiveScript的同时，另一家名为[升阳]（Sun）的公司也正在发展Java语言，为了辅助Java的网页程式方面的设计，所以这两家公司进行合作，共同发展LiveScript语言，并且将LiveScript语言改名为Javacript，这就是Javacript的由来。
JavaScript刚开始时仅应用在Netscape浏览器，不过随着使用JavaScript制作网页的人愈来愈多，微软的IE浏览器也提供了新功能，现在可以在IE浏览器上看到JavaScript的效果了。
JavaScript和Java的差别
JavaScript和Java的差别究竟在哪儿呢？虽然名称很相似，而且都是在Internet和WWW盛行之下，所发展出为的两种提供网页程式设计的语言，但是却有很大的差异。前面介绍过JavaScript的前身是网景（Netscape）公司发展的Live Script语言，直到和升阳（Sun）公司合作之后，才改名为JavaScript，而Java也是由升阳公司发展出来的，所以名字才会这么相似。尽管如此，JavaScript和Java仍然是不同的语言。我们整理出以下四点帮助你了解两者的差异：
1、JavaScript是一种象文件一样的描述语言，透过浏览器就可以直接执行；而Java像正统的程式语言（如C/C++）一样，必须先进行编绎和连结等动作才可执行。
2、JavaScript必须编写在HTML文件中，直接查看网页的原始码，就可以看到JavaScript程式，所以没有保护，任何人都可以透过HTML文件复制程式；而Java应用在网页的程式称为Java Applet（Applet是[小程式]的意思），是和HTML文件分开的。
3、JavaScript的结构较为自由松散，譬如，程式中使用的变数前并不是需要明确的定义，而Java和正统的程式语言一样，结构较为严谨。
4、JavaScript不具有读写档案及网络控制等功能，Java则有提供这些功能，但是JavaScript在网页内容的控制和互动性方面，可算是最方便快捷的。
JavaScript的功能
显示信息提示
许多网站在你一连上时，画面上会先出现一个欢迎讯息对话盒，不但和你打招呼，还会发布一些重要讯息
显示日期时间
某些网页会显示目前的日期和时间，可能你会觉得有点神奇，怎么浏览器会知道目前的时间呢？这也是JavaScript提供的功能，它可以侦测你的电脑目前的时间，并且显示在网页中。
显示更新日期
许多网页会公告最新更新日期让大家知道，Java Scirpt可以自动侦测网页修改的日期，让你省去在每次修改网页时就得修改日期的动作。
跑马灯文字
让你可以方便显示较长的讯息，又不占去大块的版面空间。
按钮变化效果
当你移动滑鼠游到左边的按钮上时，按钮便会变成色，在浏览器下方状态列上也会显示出相关文字，这也是利用JavaScript制作的动态效果。
webGL中文网怎么样
不咋样， 这个网站是讲three.js， 并且要收费。
我实在想不通，凭什么他教授开源库，还要收费。。。。
如果想写three.js
git上有个three.js注释库， 感觉比这个好多了
前端工程师一般都喜欢去哪些网站逛?
前端工程师一般都比较喜欢的网站，推荐如下：
w3cschool
只要是学习者，学习跟电脑软件，语言相关的知识，肯定要知道的一个网站，该网站由浅入深，非常基础的给出了很多知识的概括。没事的时候，经常去看看总能有意外的收获。
runoob
这个叫菜鸟教程网的，虽然叫“菜鸟”，其实很多知识点都已经达到了中等水平，和w3cschool差不多，做了一些整合，相对来说翻译的中文比较多，可以结合着w3cschool一起看。
javascript中文网
前端开发工程师都知道，对于前端开发来说想，学习最重要语言之一就是javascript，所以要想让自己提升一个等级，javascript是必须精通的，这个网站非常基础的介绍了javascript的语言使用方式。强烈建议新手观看。
Bootstrap
一个最主流的前端主流框架之一，目前认可度最高的一个前端框架，可以用来做移动端设计。非常的适用。最主要该网站上还提供了其他很多的相关连接地址。在学习的同时也可以扩展个人见识。
如果你看到了这，那我接下来就不用介绍了，可以这么说 bootstrap这个网站里的很多东西，都是作为一个前端开发工程师学习的未来之路，例如React，Jquery，vue.js,webpack,angular.js等等等等。。。。
总结：其实前端开发是一个很广的范畴，所谓的前端开发工程师也要看你的领域，有的只做网站页面设计；有的制作web单页设计，有的专门做手机端交互等等，上面我们没提到的node.js就是前端开发的一个新领域，与其说是前端开发不如说是全端开发的新领域。知识真的是你学的越多，越发现，自己越渺小。