原创 VUE進階篇Part10(使用vue-­cli腳手架一鍵搭建工 程)

按照這個來配置就好了,這裏相當於是幫你把webpack需要的繁瑣的配置給你都弄好了,然後你直接從那裏全部下下來就可以 記得先下好nodejs,安裝的代碼記得全都c v,不要自己敲 安裝完nodejs之後再安裝淘寶npm鏡像,安裝完

原创 VUE基礎篇Part7(核心功能組件)——上

組件 原因:使用組件可以提升代碼的複用性,非常的方便,節省了很多時間成本。 由於組件設計的知識點較多,所以就分爲兩個部分寫,這裏先寫上半部分。 主要包括以下幾點: 1、組件的使用方法 2、組件使用時的一些奇技淫巧 3、父子組件傳遞

原创 VUE基礎篇Part1 Part2(生命週期鉤子,指令,過濾器)

VUE基礎篇,包括以下內容: 1、生命週期、鉤子 2、指令 3、過濾器 1、生命週期、鉤子 生命週期: Vue實例從創建到銷燬的過程,就是生命週期。 從開始創建、初始化數據、編譯模板、掛載Dom→渲染、更新→渲染、卸載等一系列過程

原创 VUE基礎篇Part5(內置指令)

內置指令 作用: VUE中有很多內置的指令,使用這些指令能會讓開發過程中變得更加方便,所以也是需要掌握的 一、內置基本指令 1、v-cloak 作用:是解決初始化慢導致頁面閃動的最佳方式,與 display:none 一起結合使用

原创 VUE基礎篇Part8(自定義指令)

自定義指令 用法:和組件類似,分爲全局註冊和局部註冊,區別就是把component換成了directive 鉤子函數 指令定義函數提供了幾個鉤子函數(可選): bind: 只調用一次,指令第一次綁定到元素時調用,用這個鉤子函數可以

原创 VUE基礎篇Part3(計算屬性)

1、什麼是計算屬性? 因爲VUE中 {{ }} 內只能寫一行表達式,如果操作比較複雜導致表達式過長的話就會顯得可讀性很差,而且不好看,這時候就使用到了計算屬性來代替這些複雜的操作 例子: <div id="app"> //需求:

原创 VUE基礎篇Part4(v-bind動態綁定class,style)

1、瞭解 v-bind 指令 概念:DOM元素經常會動態的綁定一些 class 屬性和 style 樣式,v-bind 可以動態的綁定元素的屬性,並且更改屬性,所以會經常用到 例子: <div id="app"> <a v-bi

原创 閒談-2019.5.19

前幾天剛接觸了vue,發現非常厲害非常方便,以前用jq操作很囉嗦的部分,只需要用vue就能輕鬆搞定。 但進一步瞭解了之後才知道,其實是vue這個框架很厲害,你只是使用這個框架的人而已,框架作者已經幫你把中間麻煩的步驟給做好了。 我

原创 閒談,六月初

晚上總是適合回顧的好時候,周圍很安靜,聽着房間裏電扇的聲音,不由自主的會回想一下過去一個月都做了啥。 上週五下午到公司開了月會,總體來說比之前的績效還是好的,但印象最深的就是老大最後總結的幾句話 “ 你有沒有自己的目標,如果有的話

原创 VUE基礎篇Part6(表單與v-model,界面數據的快遞員)

v-model 作用:可以實現數據的雙向綁定,沒了。 其實v-model是一個語法糖,等同於下面的代碼 <input v-bind:value="message" v-on:input="message = $event.targ

原创 報錯:Invalid shorthand property initializer

在 vue 組件中使用子組件接受父組件的數據時報錯 Invalid shorthand property initializer data:function(){ return { //props 的值可以通過this.xx

原创 初識 axios

概念:axios是一個ajax庫,和 jquery 用法很像,用來實現 ajax 功能 用法:在 BootCDN 上搜 axios,然後直接引入就可以 <script src="https://cdn.bootcss.com/axio

原创 初識 axios --- 引入MVC

與之前的功能一樣,但是引入mvc把代碼模塊化了。 html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content=

原创 Error: Cannot find module ‘xxx’

有一個小技巧,當命令報錯:Cannot find module ‘xxx’ 的時候,直接去下載這個 xxx就可以 解決辦法: npx install xxx

原创 報錯:Failed to load resource: the server responded with a status of 404 ()

js項目上傳到 github 時,設置好 GitHub Pages 後打開:https://70kg111.github.io/HUAWEI-MUSIC/index.html 提示報錯: Failed to load resource