參考文章http://www.itdecent.cn/p/81d364c32432http://www.itdecent.cn/p/479a6ff4a7d6 一開始我在g...
發(fā)簡信
IP屬地：廣東
-
cocoapods上傳庫
-
使用vue-element-admin救火完成后總結(jié)新公司用的vue-element-admin開發(fā)前端。因?yàn)轫?xiàng)目急還沒招到人，所以參與了這次的前端開發(fā)。下面總結(jié)一些我在開發(fā)過程中遇到的“蠢問題”問題。 前提說明： 我用的是腳...
-
教你使用Canvas處理圖片
Canvas，中文譯為“畫布”，HTML5中新增了 元素，可以結(jié)合JavaScript動(dòng)態(tài)地在畫布中繪制圖形。 今天，我們不講Canvas的圖形繪制，而是講如何對(duì)圖片進(jìn)行處理...
-
前端性能優(yōu)化 -- 從 10 多秒到 1.05 秒關(guān)于 性能優(yōu)化 是個(gè)大的面，這篇文章主要涉及到 前端 的幾個(gè)點(diǎn)，如 前端性能優(yōu)化 的流程、常見技術(shù)手段、工具等。 提及 前端性能優(yōu)化 ，大家應(yīng)該都會(huì)想到 雅虎軍規(guī)，本文會(huì)結(jié)合...
-
徹底弄懂強(qiáng)緩存與協(xié)商緩存在工作中，前端代碼打包之后的生成的靜態(tài)資源就要發(fā)布到靜態(tài)服務(wù)器上，這時(shí)候就要做對(duì)這些靜態(tài)資源做一些運(yùn)維配置，其中，gzip和設(shè)置緩存是必不可少的。這兩項(xiàng)是最直接影響到網(wǎng)站性能...
-
vue之結(jié)合methods和watch理解計(jì)算屬性computed理解computed并不難，但是我認(rèn)為結(jié)合methods和watch去理解的話，會(huì)更透徹更有條理，所以整理了下面的知識(shí)： 我的其他文章，也可以了解一下：【使用vue-cli（...
-
vue之事件修飾符的使用vue中可以使用 v-on 指令綁定事件監(jiān)聽器，監(jiān)聽 DOM 事件，而在事件處理的程序中，為了能有更純粹的數(shù)據(jù)邏輯，vue還提供了很多事件修飾符，來代替處理一些 DOM 事件...
-
@蝦游于海 謝謝你的建議，你前面提到的兩個(gè)問題我會(huì)回去思考一下。至于第三個(gè)問題，因?yàn)檫@篇文章主要想說的是封裝思路，所以沒有延伸到ajax這部分。但是出圖是沒有問題的，工作中有在實(shí)際項(xiàng)目里使用在demo基礎(chǔ)上封裝的組件。
vue之將echart封裝為組件
最近的新項(xiàng)目里，有大量數(shù)據(jù)圖表類的需求，為了增強(qiáng)代碼的復(fù)用性，減少冗余，我開始思考如何將echart封裝為組件調(diào)用。本文將會(huì)以雷達(dá)圖為案例，一步步講解在vue項(xiàng)目中如何使用e...
-
@隔夜茶_8f4e 嘻嘻 謝謝哈
vue之父子組件間通信實(shí)例講解（props、$ref 、 $emit ）
組件是 vue.js 最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無法相互引用。那么組件間如何通信，也就成為了vue中重點(diǎn)知識(shí)了。這篇文章將...
-
理解vue實(shí)例的生命周期和鉤子函數(shù)雖然經(jīng)常使用mounted、created等幾個(gè)鉤子函數(shù)，但是并沒有很系統(tǒng)的將它和生命周期關(guān)聯(lián)一起去理解，這導(dǎo)致我在最近項(xiàng)目里踩了坑。所以現(xiàn)在花點(diǎn)時(shí)間，整理一下這方面的知識(shí)。...
-
謝謝呢 共勉
vue之父子組件間通信實(shí)例講解（props、$ref 、 $emit ）
組件是 vue.js 最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無法相互引用。那么組件間如何通信，也就成為了vue中重點(diǎn)知識(shí)了。這篇文章將...
-
vue之將echart封裝為組件
最近的新項(xiàng)目里，有大量數(shù)據(jù)圖表類的需求，為了增強(qiáng)代碼的復(fù)用性，減少冗余，我開始思考如何將echart封裝為組件調(diào)用。本文將會(huì)以雷達(dá)圖為案例，一步步講解在vue項(xiàng)目中如何使用e...