React
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
^ω^奋斗小青年
一个小菜鸡
展开
-
[React] 尚硅谷 -- 学习笔记(七)
第七章 react-ui最流行的开源React UI组件库material-ui(国外)官网GitHubant-design(国内蚂蚁金服)PC官网GitHub移动官网GitHub 实现按需打包(组件js/css)下载依赖包cnpm install react-app-rewired customize-cra babel-plugin-import --save-dev修改默认配置找到package.json"scripts": { "sta原创 2020-11-16 16:15:31 · 378 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(六)
第六章 react-router4理解react-routerreact的一个插件库专门用来实现一个SPA应用基于react的项目基本都会用到此库 SPA单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面中的链接不会刷新页面, 本身也不会向服务器发请求当点击路由链接时, 只会做页面的局部更新数据都需要通过ajax请求获取, 并在前端异步展现 路由什么是路由原创 2020-11-16 16:13:56 · 213 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(五)
第五章 总结组件间通信通过props传递共同的数据放在父组件上, 特有的数据放在自己组件内部(state)通过props可以传递一般数据和函数数据, 只能一层一层传递一般数据–>父组件传递数据给子组件–>子组件读取数据函数数据–>子组件传递数据给父组件–>子组件调用函数使用消息订阅(subscribe)-发布(publish)机制工具库: PubSubJS下载: npm install pubsub-js --save使用import PubSub fr原创 2020-11-16 16:12:32 · 175 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(四)
第四章 react ajax理解React本身只关注于界面, 并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装) 常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用axios: 轻量级, 建议使用封装XmlHttpRequest对象的ajaxpromise风格可以用在浏览器端和node服务器端fetch: 原生函数,原创 2020-11-16 16:11:20 · 156 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(三)
第三章 react应用(基于react脚手架)使用create-react-app创建react应用react脚手架xxx 脚手架:用来帮助程序员快速创建一个基于 xxx 库的模板项目包含了所有需要的配置指定好了所有的依赖可以直接安装/编译/运行一个简单效果react 提供了一个用于创建 react 项目的脚手架库:create-react-app项目的整体技术架构为:react + webpack + es6 + eslint使用脚手架开发的项目的特点:模原创 2020-11-16 16:07:35 · 290 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(二)
第二章 React面向组件编程基本理解和使用自定义组件定义组件工厂函数组件(简单组件)function MyComponent () { return <h2>工厂函数组件(简单组件)</h2>}没有状态的组件ES6类组件(复杂组件)class MyComponent2 extends React.Component { render () { console.log(this) // MyComponent2的实例原创 2020-11-16 16:03:03 · 215 阅读 · 0 评论 -
[React] 尚硅谷 -- 学习笔记(一)
第一章 React入门React基本认识用于构建用户界面的 JavaScript 库(View)官网英文官网: https://reactjs.org/中文官网: https://doc.react-china.org/特点Declarative(声明式编码)Component-Based(组件化编码)Learn Once,Write Anywhere(支持客户端与服务器渲染,React-Native)高效单向数据流高效的原因虚拟(virtual)DOM,不总是操作 DO原创 2020-11-16 15:58:06 · 446 阅读 · 0 评论 -
eslint解决方案整理
eslint 解决方案整理最近在处理react项目中报的warning,进行了以下整理 参考文档Rules 项目中遇到warning的解决$ xxx is defined but never used no-unused-vars禁止出现未使用过的变量删除$ Expected '===' and instead saw '==' eqeqeq要求使用 === 和 !====变===$ img elements must have an alt p转载 2020-11-15 16:38:07 · 1034 阅读 · 0 评论