原创 vueJs(2.x)+router+vuex簡易博客系統 整合axios

上一篇文章介紹了路由的基礎知識,我們已經學會了使用路由跳轉鏈接,當碰到更加複雜的需求的時候,可以查閱下官網api,接下來,我們需要向後臺發送請求了,由於vue不自帶ajax請求模塊,所以我們安裝官方推薦的axios的模塊 1、

原创 vueJs(2.x)+router+vuex簡易博客系統

通過寫簡易博客系統來學習vue全家桶的使用 項目基礎搭建 技術選型 前端 vue.js(2.x)這裏就不介紹它的基礎了,可以看下官網的api寫的非常清晰易懂 [email protected] 路由,注意: vue-router@

原创 vueJs(2.x)+router+vuex簡易博客系統 整合vuex

上篇文章我們可以向後臺發送請求了,那麼如果請求來的數據都在組件內,隨着項目不斷增大,我們維護起來將會非常困難,還有另外一個問題就是請求來的數據,如果多個組件公用的話,傳遞起來也是非常困難的一件事情。於是就有了狀態統一管理,那麼就

原创 vueJs(2.x)+router+vuex簡易博客系統

上一遍我們已經編寫好了,所需界面,那麼現在我們該做的事情就是接入數據了,在接入數據之前,我們所需要做的事件,就是先熟悉下vue這個漸進式框架的基本語法,由於官網的語法已經是寫的非常出色了,這裏我只寫一點平時常用的,如果需要更加深

原创 vueJs(2.x)+router+vuex簡易博客系統

之前兩篇文章已經把vue CLI 介紹的差不多了,並且也做了一些自定義的修改,那麼接下來,我們就可以開始coding啦,我們先總結下,我們還欠缺哪些知識點呢? 1、vue.js的一些基礎知識 2、router路由的配

原创 vueJs(2.x)+router+vuex簡易博客系統

上一遍文章主要是講解基本的安裝和配置,下面我們需要按照實際情況實現我們需要的配置 1. 分析下項目目錄 2. 項目結構重新架構 先看看我們要做個什麼項目 博客首頁 博客詳情頁 項目屬於小項目,但是多練

原创 vueJs(2.x)+router+vuex簡易博客系統

上一篇文章簡單介紹了下vue的基本語法,其實入門還是非常簡單,回到項目中,我們把界面已經全部都寫好了,在github中可以下載:https://github.com/shiyou00/blog_vue 可以對着項目看看,這章主要

原创 H5 canvas基礎入門到捕魚達人小遊戲實現(3)-canvas運動入門,漸變,文字渲染,陰影

上一篇主要講解了矩形柱狀圖,弧形和餅圖的繪製,但是離我們的目標還是有點遠,不要緊,我們基礎api都還沒有學習完,今天繼續。 本節主要內容 - canvas畫板製作 - 塊的直線運動 - 粒子運動 - 線性漸變 - 徑向漸變

原创 H5 canvas基礎入門到捕魚達人小遊戲實現(4)canvas事件處理和圖形動作

這已經是第四篇canvas文章了,今天主要講canvas中圖形動作和canvas中的事件 圖形動作 常用動作api:平移,縮放,旋轉 平移 var oC = document.getElementById('c1'); var gd

原创 vueJs(2.x)+router+vuex簡易博客系統<四>

上一遍我們已經編寫好了,所需界面,那麼現在我們該做的事情就是接入數據了,在接入數據之前,我們所需要做的事件,就是先熟悉下vue這個漸進式框架的基本語法,由於官網的語法已經是寫的非常出色了,這裏我只寫一點平時常用的,如果需要更加深入的vu

原创 H5 canvas基礎入門到捕魚達人小遊戲實現(2)-矩形,柱狀圖,餅圖繪製

學習canvas是一個不長不短的過程,但是需要大量的實踐,才能深入學習到canvas的精髓,所以看標題應該就知道canvas是一個系列文章,上一篇文章主要講解了,canvas的如何畫直線等一些基礎的內容,那麼這邊文章,我們主要來學習下以

原创 H5 canvas基礎入門到捕魚達人小遊戲實現(5)drawImage的應用

不知不覺,這已經是第五篇canvas系列文章了, 課時我們依然沒有講捕魚遊戲,今天這節我們主要講canvas是如何處理圖片的,這節講完了,我們就可以正式開始編寫捕魚遊戲了。 圖片處理 drawImage 1、context.drawI

原创 vueJs(2.x)+router+vuex簡易博客系統<三>

之前兩篇文章已經把vue CLI 介紹的差不多了,並且也做了一些自定義的修改,那麼接下來,我們就可以開始coding啦,我們先總結下,我們還欠缺哪些知識點呢? 1、vue.js的一些基礎知識 2、router路由的配置

原创 H5 canvas基礎入門到捕魚達人小遊戲實現(1)

爲什麼學習canvas? 看見別人網頁一些非常炫酷的效果,羨慕不已,於是對canvas產生了濃厚的興趣,所以想仔細學習學習canvas.下面就一起來學習吧,本文爲系列文章,最後會編寫一個簡單版的捕魚達人小遊戲作爲結課標準。 小圖片走起

原创 vueJs(2.x)+router+vuex簡易博客系統<七> 整合vuex

上篇文章我們可以向後臺發送請求了,那麼如果請求來的數據都在組件內,隨着項目不斷增大,我們維護起來將會非常困難,還有另外一個問題就是請求來的數據,如果多個組件公用的話,傳遞起來也是非常困難的一件事情。於是就有了狀態統一管理,那麼就是今天的