原创 郵箱/手機號等敏感信息掩碼
代碼： this.email =this.email.substr(0, 3) +"****" +this.email.substr(this.email.indexOf("@"), this.email.length);
2020-02-20 13:31:35
原创 Typescript系列(一)：TS入門教程之簡介、安裝、編譯、監聽
一個比java更script的語言，它是js的超集，它是Typescript。 一、typescript是什麼？ Typescript是javascript的一個超集，主要提供了類型系統和對ES6的支持。它由Microsoft
2020-02-20 13:31:35
原创 VUE熱更新
使用npm run serve運行完成以後，默認瀏覽器直接打開顯示頁面。 步驟如下： 1.在項目根目錄下，新建名爲 vue.config.js的文件。 2.寫入： module.exports = {
2020-02-20 13:31:35
原创 VUE中插槽slot用法 及其使用場景
本文基本涵蓋插槽所有用法。如有疑問，可留言討論。 什麼是插槽？ 我們知道，在vue中，引入的子組件標籤中間是不允許寫內容的。爲了解決這個問題，官方引入了插槽(slot)的概念。 插槽，其實就相當於佔位符。它在組件中給你的HTM
2020-02-20 13:31:35
原创 js/vue複製內容到粘貼板
使用****clipboard.js 官網地址：clipboard.js npm方式：npm install clipboard --save 直接引入：使用js引入。 代碼 在組件中引入import Clipboar
2020-02-20 13:31:35
原创 純原生JS寫蒙版提示框，適配PC端和移動端
調用下面函數即可： mask () { if (document.getElementById("maskDiv")) { document.getElementById("maskDiv").style.disp
2020-02-20 13:31:35
原创 vue中$set用法詳細講解
摘要：地址沒有改變，vue就監測不到數據變化。這個時候，雙向綁定就失效了。 想了解有關JS堆棧的知識？請點擊這裏。 1、爲什麼要用set？ 在vue中，並不是任何時候數據都是雙向綁定的。 在官方文檔中，有這樣一段話，如
2020-02-20 13:31:35
原创 三行CSS代碼將Json格式化
方法如圖，代碼如下： white-space: pre-wrap; word-wrap: break-word; overflow: auto; 效果： 另，一定要注意數據格式。字符串無法格式化 點贊
2020-02-20 13:31:34
原创 Typescript系列(二)：TS入門教程之基本數據類型
通過上一篇我們已經知道TypeScript聲明變量的方法： 聲明變量的類型及初始值： let [變量名] : [類型] = 值; 聲明變量的類型但沒有給予初始值，變量值默認爲undefined： let name:str
2020-02-20 13:31:34
原创 多系統集成：vue大型項目之分模塊運行/打包
本文以vue-cli3+爲例，實現多系統集成下的分模塊打包。分模塊打包方式多種多樣，下文可適用於多系統之間互不干擾，主系統可集成各子系統，各子系統又可單獨運行的業務場景。 一、目標 我們要實現什麼？所謂分模塊打包，那麼各個模塊
2020-02-20 13:31:34
原创 JS堆棧與深淺拷貝原理解析
堆&棧 堆是堆內存（heap）的簡稱，棧是棧內存（stack）的簡稱。 javascript的基本類型都是直接按值存儲在棧中的，每種類型的數據佔用的內存空間的大小是確定的，並由系統自動分配和自動釋放。這樣帶來的好處就是，內存可以
2020-02-20 13:31:34
原创 vue在自定義組件中使用v-model
要想解釋清楚v-model在自定義組件中的用法，我們得先來看看普通的組件傳值… 一、普通的組件傳值 如下代碼： 這是一個簡單的父子，子父傳值示例 父組件： <!-- parent --> <template> <div c
2020-02-20 13:31:34
原创 報錯Invalid attempt to spread non-iterable instance
此類報錯多爲擴展運算符報錯。 我在合併路由時候遇到報錯： 檢查發現： 對象中的擴展運算符(…)用於取出參數對象中的所有可遍歷屬性，拷貝到當前對象之中 從上面這句話可知，該報錯是由於不可遍歷導致的。所以我把代碼改爲…p
2020-02-20 13:31:34
原创 vue導航欄/公共組件在部分頁面顯示，部分頁面不顯示的方法及其原理
引言 ：看到網上關於此話題99%的解釋都是錯誤的，遂寫下了這篇文章。詳情請翻至原理處。 場景： 導航條只在除登錄註冊以外的頁面顯示； 公共組件在部分頁面顯示，部分頁面不顯示。 方法： router-view結合$route.
2020-02-20 13:31:34
原创 JS用兩個數組中的值生成對象
var arr = [“我是key1”, “我是key2”, “我是key3”]; var brr = [“我是value1”, “我是value2”, “我是value3”]; var obj = {}; for (var i
2020-02-20 13:31:34