原创 Vue實戰—評價組件的設計與實現(6)

在上篇文章我們將項目頭部模塊進行了編寫與數據渲染。 本篇文章我們進一步深入項目設計評價組件。 分析頁面 如圖所示,點菜,評價,商家,爲導航,我們點擊評價的時候,直接跳轉評價頁面。 評價頁面由商家評分一欄,評論列表構成,評論列表支持:全部,

原创 Vue實戰-頭部模塊編寫(5)

通過上篇我們瞭解到了vue可以通過axios發送前端請求。 我們知道的在發送請求可以在creted()鉤子內,也可以在mounted()鉤子內。 本篇我們通過頭部模塊的編寫,將請求到的數據渲染到模塊內。 當然我們先要準備靜態頁面: 01.分

原创 Vue實戰—項目數據交互-axios(4)

1.axios地址 https://github.com/axios/axios 2.安裝 npm install axios 3.使用 1.用在哪? main.js 全局 2.什麼時候用? 生命週期:https://c

原创 Vue實戰—路由輕鬆設置vue-router(3)

上篇我們說了vue項目的目錄設計,本篇我們來學習一下vue路由。 路由的作用: 在web端路由(route)就是URL到函數的映射,vue的router就像一個容器,分配,處理每一個route到URL中。 文檔地址: vue路由官方文檔ht

原创 Gatsby入門指南—添加上一頁下一頁功能(完結篇)

1.調整gatsby-node 這個就簡單了,打開gatsby-node.js,增加代碼如下: const path = require("path"); exports.createPages = ({ actions, graphq

原创 Gatsby入門指南—Gatsby支持Markdown(1)

1.安裝插件 我用Gatsby就是因爲它支持Markdown.所以不墨跡,直接整Md支持。 yarn add gatsby-source-filesystem yarn add gatsby-transformer-remark 2.添

原创 ES6 —項目綜合實戰(完結篇)

上一篇通過TodoList的練習,目的是爲了讓大家理解ES6中各種新特性的實際用途。 最好的學習方法就是實踐,所以這節課結合實際項目,來更好的理解和掌握ES6的用途和使用場景,達到靈活運用的目的。 1、模塊化 以項目中普遍會有的config

原创 Gatsby極速入門—添加上一頁下一頁功能(完結篇)

1.調整gatsby-node 這個就簡單了,打開gatsby-node.js,增加代碼如下: const path = require("path"); exports.createPages = ({ actions, graphql

原创 Gatsby極速入門—添加博客內容頁(4)

1.查數據 注意,這裏跟前面不一樣了,我用gatsby-node.js這個文件去提供數據,沒有什麼爲什麼,規定,照做就好。 const path = require("path"); exports.createPages = ({ act

原创 Gatsby入門指南—使用GraphQL解析Markdown(2)

1.什麼是GraphQL GraphQL 既是一種用於 API 的查詢語言也是一個滿足你數據查詢的運行時。 GraphQL 對你的 API 中的數據提供了一套易於理解的完整描述,使得客戶端能夠準確地獲得它需要的數據,而且沒有任何冗餘,也讓

原创 程序員跳槽的底層邏輯與誤區

上週,在後臺接到一條信息。 一個入行3年的程序員,想跳槽,徵求我的意見。 原話是這麼說的:老師,我覺得,現在這份工作,對我來說已經沒意義了; 我打算跳槽,但是無從下手,麻煩您給指點一下。 說到跳槽,是事業發展中繞不開的話題; 可是很多程序

原创 Gatsby入門指南—安裝和博客搭建(0)

1.安裝 <pre class="md-fences md-end-block" lang="node" contenteditable="false" cid="c8" mdtype="fences" style="box-sizing:

原创 Gatsby入門指南—添加博客文章列表(3)

1.查數據 <pre class="md-fences md-end-block" lang="" contenteditable="false" cid="c8" mdtype="fences" style="box-sizing: bo

原创 Gatsby入門指南—添加博客內容頁(4)

1.查數據 注意,這裏跟前面不一樣了,我用gatsby-node.js這個文件去提供數據,沒有什麼爲什麼,規定,照做就好。 const path = require("path"); exports.createPages

原创 Gatsby入門指南—支持Markdown(1)

1.安裝插件 我用Gatsby就是因爲它支持Markdown.所以不墨跡,直接整Md支持。 <pre class="md-fences md-end-block" lang="js" contenteditable="false" cid=