原创 Javascript——數組元素添加、刪除、排序和索引
添加刪除數組元素的方法 push()在數組的末尾添加一個或多個數組元素 var arr = [1,2,3]; arr.push(4,‘pink’); console.log(arr); (1)push可以給數組追加新的元素 (2)
2020-06-10 14:38:37
原创 Javascript——數組去重、轉換爲字符串
數組去重 目標：把舊數組裏不重複的元素選取出來放到新數組中，重複的元素只保留一個，放到新數組中去重。 核心算法：遍歷舊數組，拿着舊數組元素去查詢新數組，如果該元素在新數組裏沒有出現過，就添加，否則不添加。 如何知道該元素有沒有存在
2020-06-10 14:38:37
原创 Javascript——電商倒計時案例
格式化日期時分秒 1.通過Date總的毫秒數，不是當前時間的毫秒數，而是距離1970年1月1號過了多少毫秒數 通過valueOf() getTime() var date = new Date(); console.log(dat
2020-06-10 14:38:37
原创 Javascript——字符串對象
1. 基本包裝類型 把簡單數據類型包裝成了複雜數據類型，這樣基本數據類型就有了屬性和方法。 var str = 'andy'; console.log(str.length); 對象纔有屬性和方法；複雜數據類型纔有屬性和方法 基
2020-06-10 14:38:36
原创 VUE——通過屬性綁定爲元素設置class類樣式 /style樣式
通過屬性綁定爲元素設置class類樣式 <head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue-2.4.0.js"
2020-02-22 03:41:27
原创 VUE——品牌列表案例。這什麼案例太難遼。
完成品牌列表添加功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta na
2020-02-22 03:41:27
原创 VUE——MVC、MVVM的關係圖解 & vue基本代碼
MVVM是前端視圖層的分層開發思想，主要把每個頁面分成了M、V和VM。其中，VM是MVVM思想的核心；因爲VM是M和V之間的調度者。 M：保存的是每個頁面中單獨的數據。 VM：是一個調度者，分隔了M和V。每個V層想要獲取和保存數據
2020-02-22 03:41:27
原创 VUE——v-cloak、v-text和v-html基本使用
v-cloak <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>
2020-02-22 03:41:17
原创 VUE——v-bind基本使用和使用v-on指令定義Vue中的事件
v-bind <body> <div id="app"> <!--v-bind: 是vue中提供的用於綁定屬性的指令--> <!--<input type="button" value="按
2020-02-22 03:41:17
原创 VUE——v-for中key的使用注意事項，v-if和v-show的使用和特點
當Vue.js用v-for正在更新已渲染過的元素列表時，默認用“就地複用”策略。 如果數據項的順序被改變，Vue將不是移動DOM元素來匹配數據項的順序，而是簡單複用此處每個元素，並確保它在特定索引下顯示已被渲染過的每個元素。 爲了
2020-02-22 03:41:17
原创 Javascript——KeyboardEvent keyMap
key code KeyCode Escape Escape 27 F1 F1 112(新建標籤幫助) F2 F2 113 F3 F3 114 F4 F4 115 F5 F5 116(快捷鍵刷新)
2020-02-22 03:41:16
原创 VUE——使用鉤子函數
指令定義函數提供幾個鉤子函數 bind：只調用一次，指令第一次綁定到元素時調用，用這個鉤子函數可以定義一個在綁定時執行一次的初始化動作。 inserted：被綁定元素插入父節點時調用（父節點存在即可調用，不必存在於documen
2020-02-22 03:41:16
原创 VUE——事件修飾符
.stop阻止冒泡 <body> <div id="app"> <div class="inner" @click="div1handler"> <input type="butto
2020-02-22 03:41:16
原创 JavaScript——構造函數和實例對象之間的關係
實例對象中有個屬性,proto，也是對象，叫原型，不是標準屬性,瀏覽器使用的 構造函數中有一個屬性，prototype，也是對象，叫原型，是標準屬性，程序員使用 實例對象的原型__proto__和構造函數的原型prototype
2020-02-22 03:41:16
原创 Javascript——Node屬性及方法
Node是一個接口，許多 DOM API對象的類型會從這個接口繼承。它允許我們使用相似的方式對待這些不同類型的對象；比如繼承同一組方法，或者用同樣的方式測試。 在方法和屬性不相關的特定情況下，這些接口可能返回 null。當將子節點
2020-02-22 03:41:16