原创 【swich】相對於swich更好的選擇
swich function test(color) { // 使用 switch case 來找到對應顏色的水果 switch (color) { case 'red': return ['apple', 's
2021-01-30 10:12:43
原创 [ Vue ] 父子組件通訊
父子組建通訊，父組件引用子組件，子組件定義props，父組件按照props定義的規則傳值，子組件定義事件this.$emit(事件名，參數 / 對象/數組) ，父組件通過相應的事件接收。 思路： 父組件通過 prop 給子組件
2020-06-21 10:49:12
1
原创 【vue】computed的應用
計算屬性的應用 對於輸入框模糊搜索，動態監聽改變數組(使用過濾器) 計算屬性計算時所依賴的屬性一定是響應式依賴，否則計算屬性不會執行 計算屬性是基於依賴進行緩存的，就是說在依賴沒有更新的情況，調用計算屬性並不會重新計算，可
2020-06-21 10:49:12
原创 【async】的使用
1. async 和 await 在幹什麼 注意 ：await只能出現在async聲明的函數中 async function testAsync() { return "hello async"; } const result
2020-06-21 10:49:12
原创 VUE 獲取路由參數
vue 獲取當前頁面的路由參數 this.$route 在當前頁面 this.$route 輸出當前頁面路由信息 { name: "home", meta: {…}, path: "/", hash: "", query
2020-06-21 10:49:11
原创 【 VUE 】vue中的filter
filter的使用 Vue.js 允許你自定義過濾器，可被用於一些常見的文本格式化。 怎樣使用 ： 1.雙花括號插值 {{ msg | filter}} 2. v-bind 表達式 (後者從 2.1.0+ 開始支持)。 // 過
2020-06-21 10:49:11
原创 [ JS ]保留2位小數需注意事項
JS保留兩位小數,首先想到的是toFixed(),還有什麼方法呢？ toFixed(2) 四捨五入 var num = 13.999; var numToturn = num.toFixed(2); console.lo
2020-06-21 10:49:11
原创 [ Object ] 去重 合併具有相同屬性的數組
去重合並相同屬性的數組 思路： 1.定義目標數組 var result = []; 2.定義對象放置目標對象屬性 例如：var obj = { name : true,age:18 } var orders = [ {
2020-06-21 10:49:11
原创 [ Array 工具函數 ]
Array 工具函數只是想要使用起來方便 1.在數組中查找所有出現的元素x，並返回一個包含=>匹配索引的元素 // 查找數組a中的值1出現的位置，並返回數組 var a = [1, 2, 3, 4, 5, 6, 1, 1, 1, 4
2020-06-21 10:49:11
原创 Vue的基礎理解(八)
爲什麼會出現vue修改數據後頁面沒有刷新的問題？ 受ES5的限制，Vue不能檢測對象的屬性的添加和刪除 Vue.js 在初始化實例時將屬性轉爲 getter/setter，所以屬性必須在 data 對象上才能讓 Vue.js 轉
2020-06-21 10:49:11
原创 【URL】參數轉換成對象
參數轉換成對象 let urlStr = 'http://my.oschina.net?name=judy&study=js&study=node' 目標： { name: 'judy', study: [ 'js', 'no
2020-05-21 07:17:54
原创 Vue的基礎理解(七)
Vue常用的修飾符有哪些？ Vue.js 爲 v-on 提供了事件修飾符。之前提過，修飾符是由點開頭的指令後綴來表示的。 .prevent : 攔截默認事件 .passive: 不攔截默認事件 .stop : 阻止冒泡事件 .s
2020-03-02 23:50:01
原创 Vue的基礎理解(六)
Vue中 v-html有什麼作用？會導致什麼問題？ v-html可以用來識別HTML標籤並渲染出去。 導致問題：在網站上動態渲染html,很容易導致xss攻擊，所以只能在可信內容上使用v-html，且永遠不能用於用戶提交的內容
2020-03-01 18:04:19
原创 Vue自定義指令
Vue自定義指令 什麼是自定義指令 比如v-show元素的顯示/隱藏，vue允許我們自己設置自定義的指令 自定義指令傳遞的參數 el: 指令所綁定的元素，可以用來直接操作DOM。 binding: 一個對象，包含指令的
2020-02-24 21:42:09
原创 Vuex的理解及應用
一、Vuex的概述 1.什麼是Vuex？ 1. vuex是爲Vue.js應用程序開發的狀態管理模式。採用集中式儲存管理應用所有組件的狀態，並以相應的規則保證狀態已可預測的方式發生變化。 2. 能夠在Vuex集中管理共享的數據，便於
2020-02-24 18:34:29