React性能优化
摘要：单组件 每次修改state都会重新执行render，bind，箭头函数每次render都会执行一次，会重新生成一个新的函数 case1 推荐写法 这个案例如果直接内联写样式也是不推荐，每次render也会重新生成一个新对象{color:'red’} case2: shouldComponentUpd
阅读全文
posted @
2019-04-30 15:31
苏荷酒吧
阅读(173)
推荐(0) 编辑
Koa，React和socket.io
摘要：安装 socket.io/socket.io-client 基本用法 首先koa和socket.io代码片段 const server = require('http').Server(app.callback()) 然后react和socket.io-client代码片段，因为我们是跨域 至此连接
阅读全文
posted @
2019-04-28 22:43
苏荷酒吧
阅读(760)
推荐(0) 编辑
RN-进阶
摘要：ActivityIndicator 显示一个圆形的loading的提示符 react-native-tab-navigator
阅读全文
posted @
2019-04-20 22:19
苏荷酒吧
阅读(162)
推荐(0) 编辑
RN-入门基础
摘要：Props State 一切界面变化，都是state变化 state修改必须通过setState方法 this.state.like=true 这样复制无效 setState是一个merge合并的操作，只修改指定属性，不影响其他属性 setState是异步操作 样式 通过StyleSheet.cre
阅读全文
posted @
2019-04-19 18:47
苏荷酒吧
阅读(386)
推荐(0) 编辑
RN-环境配置
摘要：良好的开端是成功的一半，这是window平台安装步骤 首先配置JDK1.8 配置JAVA_HOME环境变量 然后安装Android Studio3.2 然后安装react-native-cli 目前我们安装了一半配置 这时候打开Android Studio 打开tools->SDK 目前版本使用的是
阅读全文
posted @
2019-04-19 03:46
苏荷酒吧
阅读(775)
推荐(0) 编辑
React高级指引
摘要：深入JSX 本质上来讲，JSX是为React.createElement方法提供的语法糖 编译为 点表示法用于JSX类型 JSX的属性 使用JavaScript表达式作为属性 字符串常量 属性默认为True 展开属性，建议不要使用可能传递不必要的属性给组件 JSX中的子代 字符串子面量 JavaSc
阅读全文
posted @
2019-04-18 19:58
苏荷酒吧
阅读(171)
推荐(0) 编辑
React基础概念
摘要：Hello Wrold 通过react渲染一个Hello, world! JSX 即不是字符串也不是HTML，而且是一种JS语法扩展 在JSX中可以使用表达式 Babel会将JSX转换成React.createElement()的方法调用 元素渲染 在React中元素事实上是普通的对象 将元素渲染到
阅读全文
posted @
2019-04-18 02:49
苏荷酒吧
阅读(187)
推荐(0) 编辑
前端技术栈
摘要：JS JS基础 JS高级-ES6 JS高级-异步 JS高级-虚拟DOM axios koa-passport实现本地验证 Koa2 Mongoose Mock NodeJS-基础 NodeJS-静态服务器 React基础概念 React高级指引 React 基础语法 React Redux Reac
阅读全文
posted @
2019-03-31 23:31
苏荷酒吧
阅读(441)
推荐(0) 编辑
React面试题
摘要：React 简述下React的生命周期，性能优化在哪个生命周期，ajax操作在哪个生命周期 React中key的作用是什么 什么是虚拟DOM diff算法原理 React中refs的作用是什么
阅读全文
posted @
2019-03-18 12:44
苏荷酒吧
阅读(215)
推荐(0) 编辑
React开发笔记
摘要：项目环境搭建 使用create-react-app CSS使用styled-components yarn add styled-components 引入reset.css样式 import { createGlobalStyle } from 'styled-components' export
阅读全文
posted @
2019-03-06 13:03
苏荷酒吧
阅读(218)
推荐(0) 编辑
