代碼：github 一、webpack4--基本配置 1.初始化配置 目錄結(jié)構(gòu) 安裝webpacknpm install webpack --save-dev 安裝指定版本w...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
一行一行手敲webpack4配置
-
React 中使用CSS
第一種: 在組件中直接使用style 不需要組件從外部引入css文件，直接在組件中書(shū)寫(xiě)。 注意事項(xiàng):在正常的css中，比如background-color，box-sizin...
-
Vue組件開(kāi)發(fā)
在學(xué)習(xí)vue的時(shí)候，發(fā)現(xiàn)有很多使用vue開(kāi)發(fā)的ui組件。本著學(xué)習(xí)的目的，自己也仿照Element寫(xiě)一些組件。 使用VuePress編寫(xiě)組件文檔。 單元測(cè)試：karma+moc...
-
通過(guò)VuePress管理項(xiàng)目文檔(二)通過(guò)vue組件實(shí)現(xiàn)跟：Element相似的效果。需要在VuePress網(wǎng)站中將自己的項(xiàng)目中的Vue組件運(yùn)行結(jié)果展示在頁(yè)面中。至于如何將組件在VuePress網(wǎng)站中展示請(qǐng)參考：...
-
通過(guò)VuePress管理項(xiàng)目文檔(一)VuePress 這篇文章主要是記錄自己在使用VuePress過(guò)程中所遇到的問(wèn)題以及如何一步一步的解決問(wèn)題。 安裝vuepress前，請(qǐng)確保你的 Node.js 版本 >= ...
-
parcel+vue入門(mén)
一、parcel簡(jiǎn)單使用 npm install -D parcel-bundler npm init -y (-y表示yes，跳過(guò)項(xiàng)目初始化提問(wèn)階段，直接生成packag...
-
vue項(xiàng)目上傳Github預(yù)覽
最近在用Vue仿寫(xiě)cnode社區(qū)，想要上傳到github，并通過(guò)Github pages預(yù)覽，在這個(gè)過(guò)程中遇到了一些問(wèn)題，因此寫(xiě)個(gè)筆記，以便查閱。 完成Vue項(xiàng)目以后，在上傳...
-
vue組件之間的通信
1.父組件給子組件傳遞數(shù)據(jù) 通過(guò)v-bind動(dòng)態(tài)綁定父組件中要傳遞的數(shù)據(jù)，子組件通過(guò)props屬性接收父組件傳遞的數(shù)據(jù)。 2.子組件給父組件傳遞數(shù)據(jù) 自定義一個(gè)事件，在子組件...
-
前端性能優(yōu)化
1.內(nèi)容優(yōu)化 (1)減少HTTP請(qǐng)求數(shù):這條策略是最重要最有效的，因?yàn)橐粋€(gè)完整的請(qǐng)求要經(jīng)過(guò)DNS尋址，與服務(wù)器建立連接，發(fā)送數(shù)據(jù)，等待服務(wù)器響應(yīng)，接收數(shù)據(jù)這樣一個(gè)消耗時(shí)間成本...
-
JavaScript繼承總結(jié)
1.創(chuàng)建對(duì)象 1.字面量對(duì)象2.構(gòu)造函數(shù)3.Object.create 2.JavaScript繼承 1.原型鏈繼承 Child.prototype=new Parent('...
-
Ajax入門(mén)Ajax簡(jiǎn)介 Ajax即“Asynchronous JavaScript and XML”（異步的JavaScript與XML技術(shù)） Ajax 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技...
-
Promise學(xué)習(xí)筆記
Promise對(duì)象 Promise 表示一個(gè)異步操作的最終結(jié)果，與之進(jìn)行交互的方式主要是 then 方法，該方法注冊(cè)了兩個(gè)回調(diào)函數(shù)，用于接收 promise 的終值或本 pr...
-
Vue子組件與父組件之間的通信
1.環(huán)境搭建 下載 vue-cli：npm install -g vue-cli 初始化項(xiàng)目：vue init webpack vue-demo 進(jìn)入vue-demo文件夾：...
-
Vue學(xué)習(xí)筆記5
列表渲染 用 v-for 把一個(gè)數(shù)組對(duì)應(yīng)為一組元素 結(jié)果： v-for 還支持一個(gè)可選的第二個(gè)參數(shù)為當(dāng)前項(xiàng)的索引。 結(jié)果： 對(duì)象的 v-for可以用 v-for 通過(guò)一個(gè)對(duì)象...
-
Vue學(xué)習(xí)筆記4
條件渲染 v-if v-else v-show v-if vs v-showv-if 是“真正”的條件渲染，因?yàn)樗鼤?huì)確保在切換過(guò)程中條件塊內(nèi)的事件監(jiān)聽(tīng)器和子組件適當(dāng)?shù)乇讳N(xiāo)毀和...
-
Vue學(xué)習(xí)筆記3
Class 與 Style 綁定 綁定 HTML Class 1.對(duì)象語(yǔ)法 綁定的數(shù)據(jù)對(duì)象可以不用內(nèi)聯(lián)定義在模板里，可以如下定義： 2.數(shù)組語(yǔ)法我們可以把一個(gè)數(shù)組傳給 v-b...