項目介紹 技術(shù)棧 Vue2.0 (核心框架) Vue-CLI 4.0 (Vue腳手架) Vue-Router (SPA頁面路由) Vuex (狀態(tài)管理) Axios (網(wǎng)絡(luò)請...
IP屬地：海南
-
-
Axios 框架的網(wǎng)絡(luò)模塊封裝
什么是 Axios? Axios 是一個基于 promise 的 HTTP 庫, 可以用在瀏覽器和 Node.js 中 Axios的作用是什么呢: Axios主要是用于向后臺...
-
Vuex 的理解及使用Vuex 是什么? Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài), 并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化...
-
Vue-Router 的安裝和使用前端路由 Vue-Router 介紹 什么是路由? 路由（routing）就是通過互聯(lián)的網(wǎng)絡(luò)把信息從源地址傳輸?shù)侥康牡刂返幕顒?— 維基百科 路由器提供了兩種機制, 路由和轉(zhuǎn)...
-
Vue 文件的 “export default”
“export default” 究竟導(dǎo)出了什么? .vue 文件, 這個文件會被 vue-loader(如果你用的是 Webpack 的話) 加工處理 其中 <templ...
-
Vue-CLI 的安裝和使用
Vue-CLI (Vue 腳手架) 介紹 Vue-CLI 是一個專門為單頁面應(yīng)用快速搭建繁雜的腳手架, 它可以輕松的創(chuàng)建新的應(yīng)用程序而且可用于自動生成Vue和webpack的...
-
Vue 中的 MVVM
MVVM 框架前生 (MVC 框架) 在介紹 MVVM 框架 之前, 先讓我們一起了解一下 MVC 框架 MVC 框架 將整個前端頁面分成 View, Controller,...
-
Webpack 的使用
打包命令 在當前項目路徑下, 輸入命令 $ webpack 入口 出口 注意: webpack 命令是全局命令 配置 webpack.config.js 文件 通過 Node...
-
template 分離寫法
title: template 分離寫法date: 2020-04-29 00:47:12tags:Vue.jscategories:Vue.js 第一步分離 第二步分離前提...
-
el 和 template 的區(qū)別
el 和 template 同時出現(xiàn) 當一個實例同時擁有 el 和 template, Vue 在編譯的時候Vue 會把 template 的實例全部替換到 el 掛載的內(nèi)容...
-
Vue 組件-高級篇
插槽 (slot) 為什么使用 slot 插槽的目的是讓我們原來的設(shè)備具備更多的擴展性比如電腦的 USB 插槽, 可以擴展 U 盤振诬、硬盤竟宋、手機、音響、鍵盤、鼠標等 組件的插槽...
-
Vue 組件化開發(fā)
Vue 組件化介紹 組件化是 Vue 的精髓, Vue 就是由一個一個的組件構(gòu)成的 組件化思想是筆者認為世界上最美麗的思想, 此時不學(xué), 更待何時!!!(別再跟我說面向?qū)ο笏?..
-
Vue 基礎(chǔ)語法
mustache 語法 { { } } mustache 語法 將 data 中的數(shù)據(jù)在 DOM 元素上展示 在元素的內(nèi)容區(qū)書寫, 該形式為單向綁定 在 DOM 中修改變量的...
-
-
git 和 github 的使用
github 倉庫(Repository) 倉庫用來存放項目代碼, 每個項目對應(yīng)一個倉庫, 多個開源項目則有多個倉庫 收藏(Star) 收藏項目, 方便下次查看, 同點贊 +...
-
瀏覽器請求過程-http
瀏覽器 用戶在瀏覽器中輸入 URL 網(wǎng)址 瀏覽器解析用戶輸入的 URL 地址 => 域名 + 端口 瀏覽器會先檢查本地緩存中有沒有這個域名 => IP如果有, 則直接使用IP...
-
JavaScript 防抖節(jié)流
debounce (防抖) 因頻繁執(zhí)行 DOM 操作, 資源加載等行為, 導(dǎo)致 UI 停頓甚至瀏覽器崩潰 window 對象頻繁的 onresize, onscroll等事件...
-
JavaScript 深度克隆和淺度克隆
淺度克隆 淺度克隆實際上就是深度克隆第一維變量, 其他維度的變量不進行特殊處理, 當克隆出來的對象中有引用類型的屬性, 那么原對象和克隆對象將使用同一個引用值 深度克隆 深度...