js change to md

skillnull · skillnull · commit a915443729df · 2019-10-21T16:52:59.000+08:00
diff --git a/Native-JavaScript/ajax.md b/Native-JavaScript/ajax.md
@@ -1,3 +1,5 @@
+###### ajax request
+````js
 /**
  * @function ajax request
  * @fields ajaxName:请求名称，method：请求方法，headers:setRequestHeader自定义部分,url：接口地址，async：是否异步请求，withCredentials：是否支持跨域发送cookie，dataType:数据类型 ,data：post请求参数
@@ -115,3 +117,4 @@ function ajaxPostData (ajaxName, requestUrl, params, async, callBack, contentTyp
         }
     })
 }
+````
diff --git a/Native-JavaScript/cancel-bubble.md b/Native-JavaScript/cancel-bubble.md
@@ -1,3 +1,5 @@
+###### 传入event则阻止冒泡
+````js
 /**
  * 可以传入event则阻止冒泡，不传不阻止
  * @param event
@@ -9,4 +11,5 @@ function someClick (event) {
         window.event.cancelBubble = true // IE
     }
     // TODO 需要阻止冒泡的事件
-}
+}
+````
diff --git a/Native-JavaScript/data-handle.md b/Native-JavaScript/data-handle.md
@@ -1,3 +1,5 @@
+###### 保留小数并千分位格式化
+````js
 /**
  * 保留小数并千分位格式化
  * @param number
@@ -21,7 +23,10 @@ function thousandsFormateTofixed (number, digit, showZero) {
     }
     return result
 }
+````
 
+###### 递归遍历数组对象，将结果去重
+````js
 /**
  * 递归遍历数组对象，将结果去重
  * @returns {*}
@@ -190,7 +195,10 @@ var getAllType = function () {
     }, [])
     return result
 }
+````
 
+###### 数字单位格式化
+````js
 /**
  * 数字单位格式化
  * @param number
@@ -208,7 +216,10 @@ function formatterNumberUnit (number) {
     }
     return result
 }
+````
 
+###### 获取对象长度
+````js
 /**
  * 获取对象长度
  * @param obj
@@ -223,3 +234,4 @@ function getObjectLength (obj) {
     }
     return count
 }
+````
diff --git a/Native-JavaScript/data-type-handle.md b/Native-JavaScript/data-type-handle.md
@@ -1,3 +1,5 @@
+###### 合并两个函数
+````js
 /**
  * 合并两个函数
  * @param functionA 先执行
@@ -13,7 +15,10 @@ function mergeFunction (functionA, functionB) {
     })()
     return functionB = merge
 }
+````
 
+###### 深度比较两个对象是否相等
+````js
 /**
  * 深度比较两个对象是否相等
  * @type {{compare: compareObj.compare, isObject: (function(*=): boolean), isArray: (function(*=): boolean)}}
@@ -57,4 +62,5 @@ var compareObj = {
     isArray: function (arr) {
         return Object.prototype.toString.call(arr) === '[object Array]'
     }
-}
+}
+````
diff --git a/Native-JavaScript/dom-handle.md b/Native-JavaScript/dom-handle.md
@@ -1,5 +1,6 @@
-// DOM 相关处理
+###### 监听浏览器标签页的显示与隐藏
 
+````js
 /**
  * 监听浏览器标签页的显示与隐藏
  */
@@ -60,4 +61,30 @@ navChange.linsternVisibility(
     () => {
         // TODO 浏览器标签页处于显示状态时,执行的方法
     }
-)
+)
+
+````
+
+###### 监听dom变化
+````js
+/**
+ * 监听dom变化
+ * @param callback
+ */
+function monitorDomChange (callback) {
+    var mutationObserver = new MutationObserver(function (mutations) {
+        mutations.forEach(function (mutation) {
+            callback(mutation)
+        })
+    })
+    // 开始侦听页面的根 HTML 元素中的更改。
+    mutationObserver.observe(document.documentElement, {
+        attributes: true,
+        characterData: true,
+        childList: true,
+        subtree: true,
+        attributeOldValue: true,
+        characterDataOldValue: true
+    })
+}
+````
diff --git a/Native-JavaScript/encryption-decryption/base64.md b/Native-JavaScript/encryption-decryption/base64.md
@@ -1,3 +1,5 @@
+###### abse64
+````js
 /**
  * @function decode encode base64 string
  * @constructor Base64Function
@@ -97,3 +99,4 @@ function Base64Function () {
 
 const Base64 = new Base64Function()
 export default {encode: Base64.encode, decode: Base64.decode}
+````
diff --git a/Native-JavaScript/json-handle.md b/Native-JavaScript/json-handle.md
@@ -1,8 +1,10 @@
-// Json字符串格式化
+###### Json字符串格式化
+````js
 function jsonFormat (string) {
     if (string === "") {
         return ""
     }
     var result = JSON.parse(string)
     return JSON.stringify(result, null, 4)
-}
+}
+````
diff --git a/Native-JavaScript/monitor-dom-change.js b/Native-JavaScript/monitor-dom-change.js
diff --git a/Native-JavaScript/scroll-handle.md b/Native-JavaScript/scroll-handle.md
@@ -1,4 +1,5 @@
-// 滚动条位置处理
+###### 滚动条位置处理
+````js
 var scrollPosition = {
     // 位置
     result: 0,
@@ -20,4 +21,5 @@ var scrollPosition = {
     setPostion: function () {
         window.scrollTo(document.body.scrollWidth, scrollPosition.result)
     }
-}
+}
+````
diff --git a/Native-JavaScript/url-param.md b/Native-JavaScript/url-param.md
@@ -1,3 +1,5 @@
+###### 获取hash或者search参数值
+````js
 /**
  * 获取hash或者search参数值
  * @param paramName
@@ -10,3 +12,4 @@ function getParam (paramName) {
     var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)", "i")
     return result.match(reg) !== null ? decodeURI(result.match(reg)[2]) : null
 }
+````
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 * <details>
   	<summary>加密解密</summary>
 	
-    - [base64](/Native-JavaScript/encryption-decryption/base64.js)	
+    - [base64](/Native-JavaScript/encryption-decryption/base64.md#abse64)	
   </details>
 	
 * <details>
@@ -28,47 +28,48 @@
 * <details>
   	<summary>Json数据处理</summary>
 	
-    - [Json字符串格式化](/Native-JavaScript/json-handle.js)
+    - [Json字符串格式化](/Native-JavaScript/json-handle.md#Json字符串格式化)
   </details>
   
 * <details>
   	<summary>数据格式化处理</summary>
 	
-    - [保留小数并千分位格式化](/Native-JavaScript/data-handle.js)
-    - [递归遍历数组对象，将结果去重](/Native-JavaScript/data-handle.js)
-    - [数字单位格式化](/Native-JavaScript/data-handle.js)
-    - [获取对象长度](/Native-JavaScript/data-handle.js)
+    - [保留小数并千分位格式化](/Native-JavaScript/data-handle.md#保留小数并千分位格式化)
+    - [递归遍历数组对象，将结果去重](/Native-JavaScript/data-handle.md#递归遍历数组对象，将结果去重)
+    - [数字单位格式化](/Native-JavaScript/data-handle.md#数字单位格式化)
+    - [获取对象长度](/Native-JavaScript/data-handle.md#获取对象长度)
   </details>
   
 * <details>
   	<summary>数据类型处理</summary>
 	
-    - [合并两个函数](/Native-JavaScript/data-type-handle.js)
-    - [深度比较两个对象是否相等](/Native-JavaScript/data-type-handle.js)
+    - [合并两个函数](/Native-JavaScript/data-type-handle.md#合并两个函数)
+    - [深度比较两个对象是否相等](/Native-JavaScript/data-type-handle.md#深度比较两个对象是否相等)
   </details>
   
 * <details>
   	<summary>DOM相关处理</summary>
 	
-    - [监听浏览器标签页的显示与隐藏](/Native-JavaScript/dom-handle.js)
+    - [监听浏览器标签页的显示与隐藏](/Native-JavaScript/dom-handle.md#监听浏览器标签页的显示与隐藏)
+    - [监听dom变化](/Native-JavaScript/dom-handle.md#监听dom变化)
   </details>
   
-* [滚动条处理](/Native-JavaScript/scroll-handle.js)
-* [获取url的参数值，兼容search和hash](/Native-JavaScript/url-param.js)
-* [原生ajax封装](/Native-JavaScript/ajax.js)
-
+* [滚动条处理](/Native-JavaScript/scroll-handle.md#滚动条位置处理)
+* [获取url的参数值，兼容search和hash](/Native-JavaScript/url-param.md#获取hash或者search参数值)
+* [原生ajax封装](/Native-JavaScript/ajax.md#ajax request)
+* [传入event则阻止冒泡](/Native-JavaScript/cancel-bubble.md#传入event则阻止冒泡)
 
 > Vue 2
 * <details>
      <summary>Vue指令</summary>
      
-	 - [点击元素外部关闭元素](/Vue/vue-directives/click-outside-to-close.js)
-	 - [图片懒加载](/Vue/vue-directives/lazy-load-image.js)
+	 - [点击元素外部关闭元素](/Vue/vue-directives/click-outside-to-close.md#点击当前区块元素外部关闭当前区块元素)
+	 - [图片懒加载](/Vue/vue-directives/lazy-load-image.md#使用交叉观察器(intersectionObserver)进行图片懒加载)
  </details>
 
 * <details>
      <summary>Vue过滤器</summary>
      
-	 - [时间格式化](/Vue/vue-filter/time-format.js)
+	 - [时间格式化](/Vue/vue-filter/time-format.md#时间格式化)
  </details>
 
diff --git a/Vue/vue-directives/click-outside-to-close.md b/Vue/vue-directives/click-outside-to-close.md
@@ -1,3 +1,5 @@
+###### 点击当前区块元素外部关闭当前区块元素
+````js
 /**
  * @function 点击当前区块元素外部关闭当前区块元素
  * @example
@@ -59,4 +61,4 @@ export const clickOutsideToClose = {
         delete el.__vueClickOutsideClose__
     }
 }
-
+````
diff --git a/Vue/vue-directives/lazy-load-image.md b/Vue/vue-directives/lazy-load-image.md
@@ -1,3 +1,5 @@
+###### 使用交叉观察器(intersectionObserver)进行图片懒加载
+````js
 /**
  * @function 使用交叉观察器(intersectionObserver)进行图片懒加载
  * @see https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver
@@ -44,4 +46,5 @@ export const layzLoadImg = {
     unbind (el, binding) {
 
     }
-}
+}
+````
diff --git a/Vue/vue-filter/time-format.md b/Vue/vue-filter/time-format.md
@@ -1,3 +1,6 @@
+###### 时间格式化
+
+````js
 const REGEX = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/
 /**
  * @function format time
@@ -46,3 +49,4 @@ export const formatTime = (val, format) => {
         return '--'
     }
 }
+````

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+###### ajax request`
	`2`	+````js
`1`	`3`	`/**`
`2`	`4`	`* @function ajax request`
`3`	`5`	`* @fields ajaxName:请求名称，method：请求方法，headers:setRequestHeader自定义部分,url：接口地址，async：是否异步请求，withCredentials：是否支持跨域发送cookie，dataType:数据类型 ,data：post请求参数`
`@@ -115,3 +117,4 @@ function ajaxPostData (ajaxName, requestUrl, params, async, callBack, contentTyp`
`115`	`117`	`}`
`116`	`118`	`})`
`117`	`119`	`}`
	`120`	+````
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+###### 保留小数并千分位格式化`
	`2`	+````js
`1`	`3`	`/**`
`2`	`4`	`* 保留小数并千分位格式化`
`3`	`5`	`* @param number`
`@@ -21,7 +23,10 @@ function thousandsFormateTofixed (number, digit, showZero) {`
`21`	`23`	`}`
`22`	`24`	`return result`
`23`	`25`	`}`
	`26`	+````
`24`	`27`
	`28`	`+###### 递归遍历数组对象，将结果去重`
	`29`	+````js
`25`	`30`	`/**`
`26`	`31`	`* 递归遍历数组对象，将结果去重`
`27`	`32`	`* @returns {*}`
`@@ -190,7 +195,10 @@ var getAllType = function () {`
`190`	`195`	`}, [])`
`191`	`196`	`return result`
`192`	`197`	`}`
	`198`	+````
`193`	`199`
	`200`	`+###### 数字单位格式化`
	`201`	+````js
`194`	`202`	`/**`
`195`	`203`	`* 数字单位格式化`
`196`	`204`	`* @param number`
`@@ -208,7 +216,10 @@ function formatterNumberUnit (number) {`
`208`	`216`	`}`
`209`	`217`	`return result`
`210`	`218`	`}`
	`219`	+````
`211`	`220`
	`221`	`+###### 获取对象长度`
	`222`	+````js
`212`	`223`	`/**`
`213`	`224`	`* 获取对象长度`
`214`	`225`	`* @param obj`
`@@ -223,3 +234,4 @@ function getObjectLength (obj) {`
`223`	`234`	`}`
`224`	`235`	`return count`
`225`	`236`	`}`
	`237`	+````
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+###### 点击当前区块元素外部关闭当前区块元素`
	`2`	+````js
`1`	`3`	`/**`
`2`	`4`	`* @function 点击当前区块元素外部关闭当前区块元素`
`3`	`5`	`* @example`
`@@ -59,4 +61,4 @@ export const clickOutsideToClose = {`
`59`	`61`	`delete el.__vueClickOutsideClose__`
`60`	`62`	`}`
`61`	`63`	`}`
`62`		`-`
	`64`	+````
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,6 @@`
	`1`	`+###### 时间格式化`
	`2`	`+`
	`3`	+````js
`1`	`4`	`const REGEX = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/`
`2`	`5`	`/**`
`3`	`6`	`* @function format time`
`@@ -46,3 +49,4 @@ export const formatTime = (val, format) => {`
`46`	`49`	`return '--'`
`47`	`50`	`}`
`48`	`51`	`}`
	`52`	+````