原创 MVC 軟件架構模式

目錄 1、MVC(Model-View-Controller) 2、MVC 的具體組成部分 3、EventBus 通信 1、MVC(Model-View-Controller) MVC 是一種軟件架構模式,是模型 (model)-視圖 (

原创 Vue 的 template 模板相關語法

目錄 1、Vue 模板的特點 2、內容展示方面:{{}} / v-text / v-html / v-pre 3、綁定屬性方面:v-bind:/ 縮寫爲 : 4、綁定事件方面:v-on:/ 縮寫爲 @ 5、條件判斷指令:v-if、v-el

原创 Vue 構造選型 options 進階屬性

1、構造選項 options options 是創建 vue 實例時的參數,具體可以查看 選項官方文檔,options 內含 五大類 屬性: 數據:data、props、propsData、computed、methods、watch D

原创 Vue 實例及構造選項 options

目錄 1、Vue 實例 2、構造選項 options 3、options 基礎重要屬性  1、Vue 實例 const vm = new Vue( options );這句話表示創建一個 Vue 的實例 vm,類似 jQuery 的封裝思

原创 Vue 中使用 base64 編碼和解碼

1、在項目根目錄下安裝 npm install --save js-base64 2、在項目文件中引入 let Base64 = require('js-base64').Base64 3、在項目文件中使用 Base64.encod

原创 Vue 中 computed 和 watch 的區別

1、computed - 計算屬性 computed 是依賴 Vue 的 options 中的 data 內部屬性,計算出一個新的值的,可以當作屬性直接用,但是其實爲函數。 computed 在使用的過程中不需要加 () 。Vue 會自動

原创 深入理解 Vue 不同構建版本的區別

目錄 1、Vue 的兩個不同版本的介紹 2、運行時+編譯器 vs 只包含運行時 3、template 和 render() 的使用區別 4、兩種不同的構建版本的具體使用 5、用 codesandbox.io 寫 Vue 代碼 1、Vue

原创 Vue 的三種 template 模板寫法

目錄 1、Vue 完整版寫法(一) 2、Vue 完整版寫法(二) 3、Vue 非完整版 + .vue 文件 1、Vue 完整版寫法(一) 由於 Vue 完整版的組成是由 運行時版 + 編譯器,編譯器可以解析 HTML 代碼,所以支持將 H

原创 JavaScript dom 的跨線程操作

目錄 1、瀏覽器的功能劃分 2、跨線程 dom 操作 3、插入新標籤的完整過程 1、瀏覽器的功能劃分 瀏覽器有兩個重要功能,一個是渲染引擎,專門用來渲染 HTML 和 CSS 的,另一個是 JS 引擎,專門用來解析執行 JavaScrip

原创 JavaScript dom 節點的增刪改查

目錄 1、DOM 節點簡介 2、創建一個dom節點(增) 3、克隆一個dom節點(增) 4、刪除一個dom節點(刪) 5、修改dom節點的相關屬性(改) 6、查看dom節點的相關屬性(查) 1、DOM 節點簡介 DOM 1 級定義了 No

原创 JavaScript 分界線

-----------------------------------------------------------------------------------------------------------------------

原创 Element UI 中國省市區級聯數據

目錄 1、npm 安裝 2、級聯數據引入 3、細節 Tips 4、頁面使用 5、效果圖展示 看到簡書上有一篇關於地區級聯的文章,轉載一下,希望能幫助到大家。文章出處:Element UI 省市區級聯數據 前端工作過程中難免會要用到選擇地址

原创 計網專有名詞解釋

目錄 1、IP 簡介 2、Port 簡介 3、域名簡介 4、URL 簡介 5、DNS 簡介 1、IP 簡介 IP:(Internet Protocol) 協議,又稱網際協議,它負責 Internet 上網絡之間的通信,並規定了將數據從一個

原创 meta標籤 — 完美視口

快捷鍵:meta:vp 然後按Tab,可以自動生成視口,但是不夠完整,完整如下: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum

原创 HTML 常用標籤

目錄 1、a 標籤的具體用法 1.1 a 標籤的 href 屬性及取值 1.2 a 標籤的 target 屬性及取值 2、img 標籤的具體用法 2.1 img 標籤的常用屬性 2.2 img 標籤的幾個事件 3、table 標籤的具體用