From 34ef4f56cb6c86681904a936260d2979ed01e93f Mon Sep 17 00:00:00 2001
From: YangJ0605 <1442122744@qq.com>
Date: Thu, 19 Dec 2019 16:34:13 +0800
Subject: [PATCH] note

---
 less/ss.css                                   |  7 +++
 less/ss.less                                  | 12 ++++
 ...\346\265\205\346\213\267\350\264\235.html" | 59 +++++++++++++++++++
 ...\345\236\213\345\210\244\346\226\255.html" | 17 ++++++
 4 files changed, 95 insertions(+)
 create mode 100644 less/ss.css
 create mode 100644 less/ss.less
 create mode 100644 "\344\270\223\351\242\230\347\263\273\345\210\227/\346\267\261\346\265\205\346\213\267\350\264\235.html"
 create mode 100644 "\344\270\223\351\242\230\347\263\273\345\210\227/\347\261\273\345\236\213\345\210\244\346\226\255.html"
diff --git a/less/ss.css b/less/ss.css
new file mode 100644
index 0000000..9d948b5
--- /dev/null
+++ b/less/ss.css
@@ -0,0 +1,7 @@
+.border {
+  border: 1px solid red;
+}
+#menu a {
+  color: #111;
+  border: 1px solid red;
+}
diff --git a/less/ss.less b/less/ss.less
new file mode 100644
index 0000000..c7ea7b2
--- /dev/null
+++ b/less/ss.less
@@ -0,0 +1,12 @@
+@width: 10px;
+@height: @width +10px;
+
+.border {
+  border: 1px solid red;
+}
+
+#menu a {
+  color: #111;
+  .border();
+}
+
diff --git "a/\344\270\223\351\242\230\347\263\273\345\210\227/\346\267\261\346\265\205\346\213\267\350\264\235.html" "b/\344\270\223\351\242\230\347\263\273\345\210\227/\346\267\261\346\265\205\346\213\267\350\264\235.html"
new file mode 100644
index 0000000..849708c
--- /dev/null
+++ "b/\344\270\223\351\242\230\347\263\273\345\210\227/\346\267\261\346\265\205\346\213\267\350\264\235.html"
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>深浅拷贝</title>
+</head>
+<body>
+  <script>
+    //数组的浅拷贝
+    // concat slice
+
+    var arr = [{old: 'old'}, ['old']];
+
+    var new_arr = arr.concat();
+
+    arr[0].old = 'new';
+    arr[1][0] = 'new';
+
+    console.log(arr) // [{old: 'new'}, ['new']]
+    console.log(new_arr) // [{old: 'new'}, ['new']]
+
+    //数组的深拷贝
+    var arr = ['old', 1, true, ['old1', 'old2'], {old: 1}]
+
+    var new_arr = JSON.parse( JSON.stringify(arr) );  //不能用于拷贝函数
+
+
+    //浅拷贝的实现
+
+    var shallowCopy = function(obj) {
+      if(typeof obj !== 'object') return
+
+      var newObj = obj instanceof Array ?[]:{}
+      for(var key in obj){ //会遍历原型上的对象
+        if(obj.hasOwnproperty(key)){ //只有是自身的才可行
+          newObj[key] = obj[key]
+        }
+      }
+      return newObj
+    }
+
+
+    //深拷贝的实现
+
+    var deepCopy = function(obj) {
+      if(typeof obj !== 'object') return
+      var newObj = obj instanceof Array ? [] : {}
+      for(var key in obj){
+        if(obj.hasOwnproperty(key)){
+          newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key]
+        }
+      }
+      return newObj
+    }
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\344\270\223\351\242\230\347\263\273\345\210\227/\347\261\273\345\236\213\345\210\244\346\226\255.html" "b/\344\270\223\351\242\230\347\263\273\345\210\227/\347\261\273\345\236\213\345\210\244\346\226\255.html"
new file mode 100644
index 0000000..8a88288
--- /dev/null
+++ "b/\344\270\223\351\242\230\347\263\273\345\210\227/\347\261\273\345\236\213\345\210\244\346\226\255.html"
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>专题之类型判断</title>
+</head>
+<body>
+  <script>
+    //Object.prototype.toString 
+   function typeClass(obj){
+    return Object.prototype.toString.call(obj).slice(8,-1).toLocaleLowerCase()
+   }
+  </script>
+</body>
+</html>
\ No newline at end of file
