原创 Gatsby入門指南—添加博客內容頁（4）
1.查數據 注意，這裏跟前面不一樣了，我用gatsby-node.js這個文件去提供數據，沒有什麼爲什麼，規定，照做就好。 const path = require("path"); exports.createPages = ({ a
2020-07-07 07:33:40
原创 從零開始實現網易雲音樂播放器(3)
H5增加了很多的標籤，面試的時候，如果面試官問你H5都有哪些新標籤，你回答header、footer、nav。 這麼回答幾乎是無效的，因爲這些標籤在H5裏面的角色，相當於雞骨頭、魚刺、蘑菇腿——全是雞肋，至少你得答出來audio、vide
2020-07-07 07:33:40
原创 Gatsby入門指南—添加上一頁下一頁功能（5） 1.調整gatsby-node 2.調整blogPost.js
1.調整gatsby-node 這個就簡單了,打開gatsby-node.js，增加代碼如下： const path = require("path"); exports.createPages = ({ actions,
2020-06-15 02:59:31
1
原创 Gatsby入門指南—添加博客內容頁(4) 1.查數據 2.創建內容頁模板
1.查數據 注意，這裏跟前面不一樣了，我用gatsby-node.js這個文件去提供數據，沒有什麼爲什麼，規定，照做就好。 const path = require("path"); exports.createPages
2020-06-15 02:59:31
1
原创 React實戰—學習必經之路-JSX語法（2）
React必修技能JSX 本篇我們來了解React的JSX語法，在此之前，我們先安裝React。 這裏需要注意兩點： 1.第一點記得安裝node,地址：https://nodejs.org/en/ 使用lts版本。 2.安裝腳手架，地址：h
2019-11-02 15:35:44
原创 React實戰-爲什麼需要組件化（1）
爲什麼需要組件化？ 1.web的發展因爲HTML CSS Javascript分工造成了協作，所以需要標準和接口，所以需要組件化。 2.追求效率，重複使用。 怎麼實現複用？ 我們總不能把同事的代碼拷貝過來，拷貝css，拷貝js，最後改裏面文
2019-10-09 18:45:32
原创 React實戰—爲什麼會出現React（0）
最開的網頁只有文字，也就html部分，隨着互聯網發展，網頁內容的豐富多彩，網頁不僅僅限於瀏覽，而是需要互動。爲解決這個問題，先後出現了js和css。 解決這個問題的思路，各有利弊： 1.優點 css很靈活，程序員可以有能力隨心所欲的控制網頁
2019-10-04 10:55:23
原创 Vue實戰—項目的優化（完結篇）
我們從零開始用vue搭建了外賣項目，對vue也有了更進一步的瞭解，我們從點菜，評價，商家三個模塊逐步實現，我們來回顧一下以往模塊： 模塊回顧 點菜模塊： 評價模塊: 商家模塊： 模塊優化 我們現在需要更進一步完善我們的項目，現在有一個這樣
2019-10-04 10:25:41
1
原创 Vue實戰—如何實現商家頁面（15）
這篇我們來實現商家頁面 搭建文件結構 現在我們需要來搭建項目的html模板： <template> <div class="seller" ref='sellerView'> <div class="seller-
2019-09-15 11:05:05
原创 Vue實戰—如何實現商品評價欄目（14）
這篇我們來實現商品評價欄目。 完成評分組件的結構： 我們先來設置一個ratings容器，還是熟悉的老情況，ratings-wrapper的高度可能會超過ratings，這時候我們肯定會讓ratings內出現滾動條的，ref也是老朋友了，配
2019-09-08 15:25:03
1
原创 Vue實戰—實現商品詳情頁的評價列表（13）
上篇我們實現商品的詳情頁，本篇我們來實現商品詳情頁的評價列表。 必要的數據 這裏咱們舉一個數據的例子，明明白白地瞭解這些數據是如何綁定到模板中的。 數據來自於Foods父組件，當我們選中商品，跳轉到商品詳情頁，那麼就需要依賴父組件中的商品
2019-09-04 15:15:02
1
原创 Vue實戰—實現商品詳情頁（12）
這篇我們來實現商品詳情頁面： 在首頁點擊某一商品會展示商品的詳細信息。如下圖所示： 創建good組件 創建一個組件 good transition 來定義頁面展示的形式； 使用v-show與變量showFlag來控制顯示與隱藏，ref配合
2019-08-31 11:15:06
3
原创 Vue實戰—購物車詳情頁面的實現（11）
上次我們爲商品分類菜單添加了顯示購物數量，這篇我們繼續推進項目，來實現購物車的詳情頁面，在開始之前我們先看它在頁面中的樣子： 如上所示，此頁面包含了購物列表，而它由商品名稱，單價，增減商品功能構成，增減商品功能我們在商品列表中實現過，那麼我
2019-08-17 20:35:08
2
原创 Vue實戰-菜單欄，商品展示數據交互（8）
上篇我們將菜單欄，商品展示結構完成，本次我們爲這兩個部分接入數據。 菜單欄接入數據 導入組件，定義需要的數據格式 <script> // 導入BScroll 滾動組件 import BScroll from "better-scroll"
2019-07-13 18:55:09
1
原创 Vue實戰-商品展示切圖（7）
上次我們通過設計評價組件這個過程，瞭解到了組件設計中的良好的習慣，比如，文件夾如何支撐組件，圖片，組件路徑的存放於設置。 本篇我們將繼續推進外賣項目—商品頁的展示。 如圖所示，我們可以把商品也面分爲兩大部分： 左側“菜單欄”； 右側商品
2019-06-22 09:45:00