原创 React實戰——問題及解決方法

axios請求頁面渲染報錯 解決:將需要請求的頁面渲染使用三元運算符,有值走頁面渲染,沒值則繪製爲空(後面還有生命週期) import React from 'react'; import axios from 'axi

原创 Node express框架

一、基本框架 安裝express框架:cnpm install express --save 步驟: (1)導入 (2)實例化express (3)監聽一個端口 8100 服務可以正常啓動 (4)配置後臺系統路由

原创 在vue中引入scss

安裝 sass-loader 依賴包cnpm install sass-loader --save-dev 安裝node-sass依賴包cnpm intall node-sass --save-dev 在build文件夾下的we

原创 Node實戰——留言及回覆

一、需求 用戶可添加暱稱、頭像、內容進行評論 站長可在後臺回覆評論 二、建表 message表 reply表 添加外鍵: 三、頁面及樣式 message.ejs: <!DOCTYPE html> <html

原创 Node實戰——搜索框進行模糊查詢

一、需求 點擊導航欄中的搜索圖,出現搜索框,從而進行文章的模糊查詢 二、建表 blog表 添加外鍵: nav表 type表 user表 三、頁面及樣式 like.ejs: <!DOCTYPE html

原创 Node實戰——綁定數據庫進行對應文章內容顯示

一、需求 點擊導航欄中博客模板裏的版權圖或帝國cms模塊中的文章閱讀,能跳轉到該文章所在的頁面中 二、建表 nav表 template表 三、頁面及樣式 cms.ejs: <!DOCTYPE html> <ht

原创 JS Date對象進行格式化日期

一、格式化日期 const date = new Date(2019, 0, 23, 17, 23, 42) 格式化結果: toString: "Wed Jan 23 2019 17:23:42 GMT+0800 (中國標準時間

原创 React 路由基本配置、傳值、編程式路由

在github官網上搜索react-router: 一、路由配置 安裝路由:cnpm install react-router-dom --save 引入import { BrowserRouter as Route

原创 Node中使用MySQL數據庫

一、在Navicat中創建庫 二、配置使用 文件目錄: 配置MySQL(setting.js): module.exports={ host:"localhost", port:"3306", user

原创 vue數據雙向綁定的原理

一、vue的實現原理 Vue.js採用ES5提供的屬性特性功能,結合發佈-訂閱模式,通過Object.defineOrototype()爲各個定義set、get特性方法,在數據發生變化時給訂閱者發佈消息,觸發相應的監聽回調。 具

原创 vue中的diff算法

一、前言 Vue的核心是雙向綁定和虛擬DOM,vdom是樹狀結構,其節點爲vnode,vnode和瀏覽器DOM中的Node一一對應,通過vnode的elm屬性可以訪問到對應的Node。 vdom因爲是純粹的JS對象,所以操作它會很

原创 React實戰——評星及商家列表組件

一、評星組件 import '../../Assets/css/star.css'; import React from 'react'; class StarScore extends React.Component {

原创 React實戰——列表欄及購物車組件

一、組件介紹 商家詳細界面(StoreDetail組件): import React from 'react'; import axios from 'axios'; import GoBack from '../smallPa