原创 MVVM原理及實現——VUE

MVVM框架 在講MVVM框架的時候,就繞不開MVC框架 MVC框架 將整個前端頁面分成View,Controller,Modal,視圖上發生變化,通過Controller(控件)將響應傳入到Model(數據源),由數據源改變View上面的

原创 es6箭頭函數

箭頭函數 es6中添加了函數新的定義語法——箭頭函數,當有大於一個形參的時候,必須使用()代表部分參數,函數體大於一行時,必須使用{}將函數體括起來,並使用return返回。 箭頭函數不會創建自己的this 箭頭函數會在自己的作用域鏈上的上

原创 JS防抖技術和節流技術

在監聽窗口進行resize、scroll等調用函數頻率很高的操作時,如果每次都做相應的處理,則會加重瀏覽器的負擔,導致渲染延遲,甚至是假死,這樣會給用戶帶來非常糟糕的體驗。爲此我們必須在特定場景下限制調用頻率,但是又不影響效果。 防抖 防抖

原创 vue-cli3配置與跨域處理

安裝vue-cli3 環境準備 1.如果您已安裝vue-cli2,請先刪除當前腳手架,否則無法成功安裝vue-cli3。 npm uninstall vue-cli -g 2. 檢查node.js版本。vue-cli3需要node版本大於

原创 父子組件通信爬坑小記錄

kebab-case:短橫線命名法,多個單詞之間使用短橫線“-”進行連接,單詞全部小寫。如:first-name,user-info,create-order。camelCased:駝峯命名法,第一個單詞小寫,從第二個單詞開始首字母大寫。如

原创 Vue-router基本學習(1)

多頁面應用:網頁HTML文件是請求後臺發過來的。每次切換頁面都會從後臺把頁面文件傳輸回來。單頁面應用:網頁只有在第一次進入頁面的、的時候請求服務器的HTML文件,接下來的頁面跳轉是基於內部的router。兩種應用的優缺點: 多頁面應用只需

原创 Vue動態組件和異步組件

動態組件 如果我們打算在一個地方根據不同的狀態引用不同的組件的話,比如tab頁,那麼Vue給我們提供動態組件。 基本使用 Parent.vue <template> <div> <el-button-group> <

原创 Vue父子組件通信的三兩事(prop、emit)

組件是Vue核心功能之一,合理的組件化,可以減少我們代碼的冗餘,提高項目的可維護性。下面,我將由淺入深的講Vue的組件在講之前,首先我們先了解一下組件的命名。 HTML是對特徵名不敏感的語言,他會將所有的字符全部轉換成小寫。我們命名了一

原创 Vue基本語法和父子組件傳參(prop、emit)

Vue基本語法和組件傳參 基本語法 Vue是一個 MVVM 的框架,數據驅動和 組件化是Vue的核心思想。簡單的講MVVM框架就是:我們只需要在數據層做數據操作,顯示層會檢測到我們每次的數據變化,然後做出相應的改變,監測數據這個工作就是中間