原创 mpvue 星星評價

商品的評價在每個商品中都會有展示，這種必定要寫成組件的形式 1.創建組件 2.引入組件 哪裏使用哪裏引入 import Score from "@/components/Score.vue" //引入組件 componen

2020-07-07 14:39:13 1

原创 小程序 新聞列表

需求 使用小程序實現網絡數據獲取，加載新聞列表，點擊查看詳情，和上劃加載新數據 列表頁面 wxml樣式 <view class="newContainer" bindscrolltolower="upper"> <view c

2020-07-07 14:39:13

原创 React中JSX語法簡介

JSX語法簡介 JSX語法，看起來跟html標籤幾乎一樣，事實也是如此。JSX語法確實也有很多需要注意的事項，但是對於初學者學太多反而不好。所以這節課我們作一個最簡單的JSX語法介紹。 JSX就是Javascript和XML結合的

2020-07-07 14:39:13 1

原创 git 的基本使用1

git 版本控制器 版本控制是指對軟件開發過程中各種程序代碼、說明文檔等文件的變更進行管理，它將追蹤文件變化，記錄文件的變更時間、變更內容、甚至變更執行人進行記錄，同時對每一個階段性變更（不僅僅只是一個文件的變化）添加版本編號，方

2020-07-07 14:39:13

原创 react setState工作原理

setState(updater, [callback]) 1 updater: 通過函數或對象 更新數據 FUNCTION/OBJECT 2 callback: 更新成功後的回調 FUNCTION buttonOnCli

2020-07-07 14:39:13 1

原创 react 生命週期-1

React生命週期圖 16.4之前版本圖，下面的介紹會有版本的區別 通過這張圖你可以看到React聲明週期的四個大階段： Initialization:初始化階段。 Mounting: 掛在階段。 Updation: 更新階段

2020-07-07 14:39:13 1

原创 React實例響應式設計和數據綁定

React實例響應式設計和數據綁定 React中的響應式設計原理和數據的綁定方法，俗話說的好：“寶劍磨的好，理論不能少”。這節課我們不僅要編寫效果，還要講理論，這節課很重要！！！，因爲這涉及React中的設計思想和你以後的編程思路

2020-07-07 14:39:13 2

原创 React 父子組件的傳參

在 React.js 中，數據是從上自下流動（傳遞）的，也就是一個父組件可以把它的 state / props 通過 props 傳遞給它的子組件，但是子組件不能修改 props - React.js 是單向數據流，如果子組件需要

2020-07-07 14:39:13 1

原创 React HelloWorld和組件

這節課先把src目錄裏的文件全部刪除，我們一點點寫一個·HelloWorld·程序，並通過編寫這個程序瞭解一下什麼是React中的組件化編程。 入口文件的編寫 寫一個項目的時候一般要從入口文件進行編寫的，在src目錄下，新建一個文

2020-07-07 14:39:13 1

原创 React PropTypes檢驗傳遞的值

在工作當中，我們進行傳參一定要對象傳遞的數據進行校驗，如果不校驗的話，大量的數據傳遞，會造成混亂，業務邏輯也沒辦法保證。 引入prop-types //prop-types 父傳子 要在子組件引入並校驗 import Prop

2020-07-07 14:39:13 1

原创 2020年排名前10的前端框架

Ant Design 網站鏈接：https://ant.design/index-cn 螞蟻金服出品，非常著名的框架。就算你不瞭解前端，也會在公司的項目中多少聽到程序員說起過。目前很多公司都在用，已經很成熟。而且提供了對設計師友

2020-07-07 14:39:13

原创 React腳手架生成的項目目錄介紹

項目根目錄中的文件 先從進入項目根目錄說起，也就是第一眼看到的文件(版本不同，可能稍有不同) **README.md 😗*這個文件主要作用就是對項目的說明，已經默認寫好了一些東西，你可以簡單看看。如果是工作中，你可以把文件中的內容

2020-07-07 14:39:13 1

原创 使用mpvue 中eslint報錯問題

在使用vue-cli構建項目過程總，會帶有 ESLint 進行代碼規範檢測，所以會經常遇到一些 ESLint 提示的報錯，解決辦法，這是還是建議不使用eslint，安裝時候能不帶就不帶 1、no-mixed-spaces-and-

2020-07-07 14:39:13 1

原创 webpack 熱加載

WebpackDevServer 每次的代碼修改都需要重新編譯打包，刷新瀏覽器，特別麻煩，我們可以通過安裝 webpackDevServer 來改善這方面的體驗 安裝指令 npm install --save-dev webpac

2020-07-07 14:39:12

原创 JSX及差值表達式單頁面應用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

2020-07-07 14:39:12 1