原创 Node.js(二)——npm包管理器，koa安裝及使用，koa中的applition對象及context對象，koa-views，koa-static，koa-router，常見http狀態碼
目錄 1.課堂目標及知識點 2.koa介紹 3.koa使用 3.1koa安裝 3.2一個簡單的koa服務器 3.3Koa 利用中間件 控制"上游"，調用"下游“； 4.Application對象 5.上下文context對象常用屬性及方法
2020-04-21 19:20:39
1
原创 Node.js(三)——後端管理系統實戰
1.課堂目標及知識點 課堂目標 mvc三層架構 koa-body使用 get及post傳參； node中的文件上傳 數據的文件存儲 本節知識點 mvc的應用 通過koa-body實現接收post參數 實現文件上傳到服務端 實現數據在服務端
2020-04-21 13:49:31
1
原创 ES6高階（defineProperty，Proxy代理，數據劫持，es6模塊化、exports 和 import，AMD /CMD模塊化）
目錄 1.課堂主題及知識點 2.ES5的Object.defineProperty()實現數據劫持 2.1Object.defineProperty()下的配置 2.2使用Object.defineProperty()方式模擬Vue數據劫
2020-04-21 13:49:31
1
原创 Node.js(二)——pug模板引擎，nunjucks模板引擎，在koa中使用pug和nunjucks模板引擎
目錄 1.知識點及課堂目標 2.模板引擎 3.pug模板引擎使用 3.1安裝pug 3.2pug常用語法 3.3練習工具 hade 4.nunjucks模板引擎在koa中的應用 4.1安裝koa-nunjucks-2 4.2使用nunju
2020-04-21 13:49:31
原创 面向對象四——應用之實現jquery庫核心功能
目錄 1.課堂主題 2.知識點 3.jquery特性說明 3.1處理ready和原生節點 3.2封裝jq的eq方法 3.3實現jq裏的click方法 3.4實現on方法 3.5實現css方法 4.總結 1.課堂主題 定義函數返還JQuer
2020-04-13 23:53:12
原创 nodejs部署配置pm2
目錄 1.高大上先上部署node方式： 2.使用場合： 3.pm2主要特性： 4.使用npm/cnpm全局安裝： 5.pm2命令使用（項目更目錄下使用）： 6.啓動進程的方式詳細： 7.配置pm2啓動文件： 8.processes.j
2020-04-13 23:53:02
原创 node環境下，無法運行使用ES6語法（import,default等）的JS的問題解決
問題報錯： 解決方法一：所有語法改爲其他語法。如，CommonJS。注意引入到該js文件中的語法也必須不適用ES6語法。 解決方法二：參考自https://blog.csdn.net/wushichao0325/article/deta
2020-04-13 23:53:02
原创 React(三)——React組件之生命週期
目錄 1.週期分類 2.掛載階段 2.1constructor 2.2render() 2.3static getDerivedStateFromProps() 2.4componentDidMount() 3.更新階段 3.1stati
2020-03-30 23:17:48
原创 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-03-30 23:17:38
11
原创 React(三)——React組件之屬性默認值
目錄 1.默認屬性值 1.1defaultProps 靜態屬性 1.1.1基於 static 的寫法 2.非受控組件默認值 2.1defaultValue 屬性 2.1defaultChecked 屬性 1.默認屬性值 1.1defaul
2020-03-30 23:17:38
原创 React(一)——腳手架工具create-react-app
目錄 1.爲什麼要使用Create React App 2.Create React App介紹 3.安裝與使用 3.1安裝 3.2使用 4.項目目錄結構說明 5.命令腳本 1.爲什麼要使用Create React App 通過前面 sc
2019-10-26 01:00:56
原创 webpack
目錄 1.webpack是什麼？ 2.webpack安裝 3.webpack使用 4.webpack打包模塊 4.1入口文件 4.2打包命令 5.打包配置webpack.config.js 6.核心配置 6.1mode——打包模式 6.
2019-10-26 01:00:56
原创 React(二)——組件
目錄 1.組件類型 1.1函數式組件 1.2類式組件 2.創建FriendList組件——案例 3.組件複用——數據抽取 4.組件複用——數據傳入 4.1property 4.2接收參數——props 4.3通過參數動態渲染組件結構
2019-10-26 01:00:55
原创 webpack與模塊化
目錄 1.模塊化 2.模塊化的核心 3.ESM 3.1獨立模塊作用域 3.2導出模塊內部數據 3.3導入外部模塊數據 3.3.1靜態導入 3.3.2ESM導入導出——示例： 3.3.3動態導入import() 4.模塊化的向下兼容 5
2019-10-26 01:00:55
原创 Better-Scroll
1.Better-Scroll better-scroll 是一款重點解決移動端（現已支持 PC 端）各種滾動場景需求的插件。它的核心是借鑑的 iscroll 的實現，它的 API 設計基本兼容 iscroll，在 iscroll 的基礎
2019-09-19 22:29:06
1