-
1.创建一个文件夹music-player 2.在这个文件目录下 npm init 生成package.json文件 3.向package.json中加入依赖，可执行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组件调用B组件中的逻辑（函数）-- 实现非父子组件的通信 2- 发送事件 + 监听事件 + 逻辑实现 3- 发送事件： Pubsub.publish() 4- 监听(绑定)事件： Pubsub.subScribe() -- 注意：与之对应的解绑事件： Pubsub.unSubScribe() 5- 逻辑实现：就是实现业务的函数查看全部
-
刚刚使用的Pubsub事件订阅的方式： 管理大型项目就会显得力不从心，状态和事件会杂乱无章 所以，需要redux这样的工具（当然，个人也比较推荐Mobx）：查看全部
-
Imutable:一种数据结构， 优点： 1- 每次改变都会产生新的Imutable对象，可以方便进行时间旅行，例如撤销等 2- 提供了很高效的对象对比的方法查看全部
-
React组件更新时的生命周期： 1- shouldComponentUpdate //在大型项目中用的比较多 //该函数的实现：对比之前之后两个props的值，如果一致，则返回false,阻止渲染 //如果不一致，则返回true,继续进行渲染 //该函数作用： //1- 可以过滤掉不必要的渲染 - 提升性能，降低损耗查看全部
-
课程总结： 需要深入学习的技术点： 1- webPack 2- webpack-dev-server查看全部
-
时间格式化的函数查看全部
-
循环遍历一个数组（下标）： 要注意的问题： 1- 下标溢出数组长度 2- 下标为零后--得到负数 解决方法： 对数组的长度进行取余查看全部
-
对“事件冒泡”的处理： e.stopPropagation() //阻挡该事件向其他的组件扩散，例如子组件的点击事件触发了父组件的点击事件 这里： 子组件的点击事件“删除”会触发父组件点击事件“播放”查看全部
-
组件通信的解决方案之一： 组件订阅 不是听天书走过程-总结是提高学习质量的有效方法： 及时总结老师的所讲的内容：是什么 用什么 怎么做查看全部
举报
0/150
提交
取消