fix:

blly5 · Jul 1, 2020 · 19c4d6d · 19c4d6d
1 parent 3d2cb23
commit 19c4d6d
Show file tree

Hide file tree

Showing 6 changed files with 80 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -33,7 +33,7 @@
   - [performance](https://l1yuu.github.io/frontend-course-list/javascript/performance)
   - [postMessage](https://l1yuu.github.io/frontend-course-list/javascript/post-message)
   - [regexp](https://l1yuu.github.io/frontend-course-list/javascript/regexp)
-  (https://l1yuu.github.io/frontend-course-list/javascript/symbol)
+  - [clipboard](https://l1yuu.github.io/frontend-course-list/javascript/clipboard)
 - layout
   - [border0.5px](https://l1yuu.github.io/frontend-course-list/layout/border0.5)
   - [offsetScrollGuide](https://l1yuu.github.io/frontend-course-list/layout/offset-scroll-guide)

diff --git a/javascript/clipboard/index.html b/javascript/clipboard/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Clipboard</title>
+</head>
+<body>
+  <textarea placeholder="paste" rows="3"></textarea>
+  <div id="log" contenteditable="true"></div>
+</body>
+
+<script src="./index.js"></script>
+<style>
+  #log, textarea {
+    width: 300px;
+  }
+</style>
+</html>
diff --git a/javascript/clipboard/index.js b/javascript/clipboard/index.js
@@ -0,0 +1,35 @@
+/*
+ * @Author: Blue 
+ * @Date: 2020-07-01 10:21:33 
+ * @Last Modified by: Blue
+ * @Last Modified time: 2020-07-01 15:25:53
+ */
+
+ function log(val) {
+   let chlidren = document.createElement('div');
+   chlidren.innerHTML = val;
+   document.querySelector('#log').appendChild(chlidren);
+ }
+
+
+ document.addEventListener('copy', evnet => {
+   console.log(evnet);
+ })
+ document.querySelector('textarea').addEventListener('paste', evnet => {
+
+   let items = event.clipboardData?.items;
+   if(items && items.length) {
+    let content = items[items.length - 1];
+    if(content.type.match('image')) {
+      log(content.type);
+      log(`
+        <img width="100%" src="${ URL.createObjectURL(content.getAsFile()) }" />
+      `)
+    } else {
+      log(content.type);
+      content.getAsString(function(detail) {
+        log(detail)
+      })
+    }
+   }
+})
diff --git a/javascript/vue-computed/index.js b/javascript/vue-computed/index.js
@@ -2,7 +2,7 @@
  * @Author: Blue 
  * @Date: 2020-06-29 15:35:29 
  * @Last Modified by: Blue
- * @Last Modified time: 2020-06-29 15:38:51
+ * @Last Modified time: 2020-07-01 14:36:28
  */
 
 let Dep = null;
@@ -46,7 +46,9 @@ let Data = {
 
 defineMonitor(Data, 'a', 'abcd')
 
+Data.a = 'test test';
+
 defineComputed(Data, 'b', function() {
-  // ....
+  console.log(this.a + 1);
 })
 
diff --git a/native-api/clipboard/index.html b/native-api/clipboard/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Clipboard</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/native-api/clipboard/index.js b/native-api/clipboard/index.js
@@ -0,0 +1,10 @@
+/*
+ * @Author: Blue 
+ * @Date: 2020-07-01 15:27:05 
+ * @Last Modified by:   Blue 
+ * @Last Modified time: 2020-07-01 15:27:05 
+ */
+
+
+
+