✨ Add vue 实现跳转新窗口 打开图片

Author: io-o

README.md

@@ -32,6 +32,7 @@
 4. [vue bus🔥](vue/README4.md)
 5. [vue 使用jsx🔥](vue/README5.md)
 6. [vue项目优化指南🔥](vue/README6.md)
+7. [vue 实现跳转新窗口 打开图片🔥](vue/README7.md)
 
 
 

dataStructure/README1.md

@@ -61,6 +61,31 @@
 
 ```
 
+### 队列： Queue
+> 在计算机科学中，一个队列(queue)是一种特殊类型的抽象数据类型或集合。集合中的实体按顺序保存。在前端开发中，最著名的队列使用当属浏览器/NodeJs中 关于宏任务与微任务，任务队列. 遵循"Fist In，first out"即：FIFO，先进先出。
+
+```
+class Queue {
+  constructor(...items) {
+    this.reverse = false
+    this.queue = [...items]
+  }
+
+  enqueue(...items) {
+    return this.reverse
+      ? this.queue.push(...items)
+      : this.queue.unshift(...items)
+  }
+
+  dequeue() {
+    return this.reverse ? this.queue.shift() : this.queue.pop()
+  }
+}
+
+
+```
+
+
 
 
 

vue/README7.md

@@ -0,0 +1,19 @@
+## Vue 实现跳转新窗口 打开图片(水文)
+
+> 在页面添加一个a标签，隐藏起来，设置好target属性为_blank，href设为空,然后点击时,设置href的值
+
+
+```
+<!-- template -->
+  <button @click="handleClick">打开新窗口</button>
+  <a ref="target" href="" target="_blank"></a>
+<!-- template -->
+
+<!-- js -->
+  handleClick() {
+    const target = this.$refs.target
+    target.setAttribute('href', 'http://pic.58pic.com/58pic/15/68/59/71X58PICNjx_1024.jpg')
+    target.click()
+  }
+
+```