-
1.創(chuàng)建一個文件夾music-player 2.在這個文件目錄下 npm init 生成package.json文件 3.向package.json中加入依賴，可執(zhí)行npm install react --save,就將react依賴加入了查看全部
-
const path = require('path'); module.exports = { entry: './app/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.js$/, exclude: /node-modules/, loader: 'babel-loader', query: { "presets": ["env"] } }, { test: /\.css$/, loader: 'style!css' }, { test: /\.less$/, use: [{ loader: "style-loader" }, { loader: "css-loader" }, { loader: "less-loader", options: { strictMath: true, noIeCompat: true } }] }, ] } };查看全部
-
https://babeljs.io/ npm install --save-dev babel-cli babel-preset-env { "presets": ["env"] }查看全部
-
"dependencies": { "pubsub-js": "^1.6.0", "react": "^16.2.0", "react-dom": "^16.2.0", "react-hot-loader": "^4.0.0", "react-router": "^4.2.0" }, "devDependencies": { "autoprefixer": "^8.0.0", "babel-core": "^6.26.0", "babel-loader": "^7.1.3", "babel-plugin-react-transform": "^3.0.0", "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", "css-loader": "^0.28.10", "extract-text-webpack-plugin": "^3.0.2", "html-webpack-plugin": "^3.0.1", "json-loader": "^0.5.7", "less": "^3.0.1", "less-loader": "^4.0.6", "style-loader": "^0.20.2", "webpack": "^4.0.1", "webpack-cli": "^2.0.9", "webpack-dev-server": "^3.1.0" }查看全部
-
react框架第一次接觸查看全部
-
app overview查看全部
-
pubsub事件訂閱的理解： 1- 作用：可以A組件調(diào)用B組件中的邏輯（函數(shù)）-- 實現(xiàn)非父子組件的通信 2- 發(fā)送事件 + 監(jiān)聽事件 + 邏輯實現(xiàn) 3- 發(fā)送事件： Pubsub.publish() 4- 監(jiān)聽(綁定)事件： Pubsub.subScribe() -- 注意：與之對應的解綁事件： Pubsub.unSubScribe() 5- 邏輯實現(xiàn)：就是實現(xiàn)業(yè)務的函數(shù)查看全部
-
剛剛使用的Pubsub事件訂閱的方式： 管理大型項目就會顯得力不從心，狀態(tài)和事件會雜亂無章 所以，需要redux這樣的工具（當然，個人也比較推薦Mobx）：查看全部
-
Imutable:一種數(shù)據(jù)結構， 優(yōu)點： 1- 每次改變都會產(chǎn)生新的Imutable對象，可以方便進行時間旅行，例如撤銷等 2- 提供了很高效的對象對比的方法查看全部
-
React組件更新時的生命周期： 1- shouldComponentUpdate //在大型項目中用的比較多 //該函數(shù)的實現(xiàn)：對比之前之后兩個props的值，如果一致，則返回false,阻止渲染 //如果不一致，則返回true,繼續(xù)進行渲染 //該函數(shù)作用： //1- 可以過濾掉不必要的渲染 - 提升性能，降低損耗查看全部
-
課程總結： 需要深入學習的技術點： 1- webPack 2- webpack-dev-server查看全部
-
時間格式化的函數(shù)查看全部
-
循環(huán)遍歷一個數(shù)組（下標）： 要注意的問題： 1- 下標溢出數(shù)組長度 2- 下標為零后--得到負數(shù) 解決方法： 對數(shù)組的長度進行取余查看全部
-
對“事件冒泡”的處理： e.stopPropagation() //阻擋該事件向其他的組件擴散，例如子組件的點擊事件觸發(fā)了父組件的點擊事件 這里： 子組件的點擊事件“刪除”會觸發(fā)父組件點擊事件“播放”查看全部
-
組件通信的解決方案之一： 組件訂閱 不是聽天書走過程-總結是提高學習質(zhì)量的有效方法： 及時總結老師的所講的內(nèi)容：是什么 用什么 怎么做查看全部
舉報
0/150
提交
取消