原创 Node.js(一)——(Node.js安裝及使用，通過Node.js搭建服務器，模塊化及自定義模塊，npm/yarn/nvm，內置模塊fs的使用，buffer及stream，新聞列表案例)
目錄 1.Node.js介紹 2.安裝Node.js 3.使用Node.js實現第一個服務器 3.1初步感受Node.js 3.2Google Chrome 默認非安全端口列表，儘量避免以下端口。 3.3nodemon自動監控服務端更改
2020-06-20 04:27:58
1
原创 React(四)——React 路由（react-router-dom）
目錄 1.路由 1.1SPA 1.2SPA 的頁面切換機制 1.3後端路由與前端路由 1.3.1後端路由 1.3.2前端路由 1.4React.js 中的路由 2.React Router 2.1基於 Web 的 React Router
2020-06-20 04:27:58
原创 React(五)——Redux
目錄 1.知識點 2.狀態（數據）管理 3.Redux——核心概念 3.1state 對象 3.1.1state 是隻讀的 3.1.2通過純函數修改 state 3.2Reducer 函數 3.3action 對象 3.4Store 對象
2020-06-19 21:23:58
原创 React(一)——基本介紹和JSX
React基本介紹及js文件的引入，ReactDOM.render()渲染頁面，防止XSS攻擊，編程範式，JSX的使用/語法規則/註釋/輸出數據類型/在屬性上使用表達式，JSX列表渲染及條件渲染。 1.react基本介紹 一個用於構建
2020-06-19 21:23:58
9
原创 前後端交互二（jsonp原理及封裝，搭建node服務器創建jsonp接口，jsonp實際運用）
目錄 1.課程目標及知識要點 2.ajax問題 2.1問題重現 2.2瀏覽器同源策略 2.3跨域 2.4不受同源策略影響的資源的引入 3.jsonp 3.1jsonp原理 3.2通過script來實現跨域； 3.3服務端實現 3.4請求百
2020-06-19 21:23:58
原创 前後端交互一（ajax基本使用，XMLHttpRequest對象實現數據交互，onreadystatechange服務器響應信息，FormData對象上傳文件，upload事件對象）
目錄 1.重點掌握及知識要點 2.登錄簡單回顧 3.利用ajax來解決驗證用戶名問題 3.1ajax的基本使用 3.2案例實現通過ajax異步無刷新驗證用戶名 4.針對ajax的詳細解釋 4.1get注意點 4.1.1get傳參的兩種方式
2020-06-19 20:21:25
原创 搞定移動端一(移動端 touch 事件，TouchEvent 對象)
移動端事件 1.目標 掌握移動端 touch 事件使用 掌握 touch 事件和 mouse 事件的區別 掌握 touchEvent 實現移動端幻燈片 2.移動端touch事件 touchstart touchmove touchend
2020-06-19 20:21:24
原创 React(三)——React組件之表單與受控非受控組件
目錄 1.表單 1.1受控組件 1.1.1input 1.1.2textarea 1.1.3select——單選 1.1.4select——多選 1.1.5單選 1.2非受控組件——Refs & DOM（操作DOM元素） 1.2.1re
2020-06-19 20:21:24
3
原创 React(二)——React組件之狀態與通信
目錄 1.組件類型 1.1函數式組件 1.2類式組件 2.創建FriendList組件——案例 3.組件複用——數據抽取 4.組件複用——數據傳入 4.1property 4.2接收參數——props 4.3通過參數動態渲染組件結構
2020-06-19 20:21:24
1
原创 React(三)——React組件之props驗證
目錄 1.props 驗證 1.1prop-types 1.2安裝 1.3使用 1.props 驗證 隨着應用的不斷增長，也是爲了使程序設計更加嚴謹，我們通常需要對數據的類型（值）進行一些必要的驗證，React.js 提供了一個驗證庫：p
2020-06-19 20:21:24
原创 React(三)——React組件之children
目錄 1.children 1.1dialog 組件 1.1.1CSS 1.1.2 dialog.js 1.children 一個組件通過 props 除了能給獲取自身屬性上的值，還可以獲取被組件包含的內容，也就是外部子組件，前面我們寫的
2020-06-19 20:21:24
原创 React 項目npm ERR! A complete log of this run can be found in: npm ERR! ..._logs\2020-04-...debug.log
報錯： e:\StudyFile\kaikeba\works\React專題\react-router>npm start > [email protected] start e:\StudyFile\kaikeba\works\Rea
2020-06-19 20:21:24
原创 前後端交互二（CORS解決跨域，後端代理原理，利用koa-server-http-proxy中間件實現代理，前後分離開發，新聞管理添加案例 ）
目錄 1.主題及目標 2.CORS跨域設置 2.1res.header('Access-Control-Allow-Origin', '*')表示任意域名都可訪問 2.2ctx.set("Access-Control-Allow-Cr
2020-05-01 23:44:28
原创 前後端交互一（ajax的封裝，formData實現多文件上傳，qq空間批量上傳圖片案例）
1.重點掌握及知識點 重點掌握： XMLHttpRequest對象的使用 ajax的封裝使用 利用node搭建服務器提供數據 FormData對象的使用 利用formData實現多文件上傳 qq空間批量上傳圖片案例 知識點： XMLhtt
2020-05-01 23:44:28
原创 前後端交互三（Fetct基本用法——Request 對象，Headers 對象，Response對象，text()，json()；Fetch 與 XMLHttpRequest 的差異）
目錄 1.fetch()的基本用法 2.fetch(url,options)的參數解析 2.1第一個參數是請求的url 2.2第二個參數 options對象常用配置 3.Fetch的Headers對象 4.Fetch的Response對象
2020-05-01 23:44:28