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) 编辑
实现A-Z滑动检索菜单
摘要:我们实现一个A-Z滑动检索菜单,这是一个移动端非常常见的功能,页面效果图如下 在实现代码之前我们先了解下JS滚动事件和滑动事件 scrollTop 一个元素的scrollTop是这个元素的顶部 到 可视区域顶部的距离,如果元素没有垂直方向的滚动条,那么scrollTop为0 scrollHeight
阅读全文
posted @
2019-04-13 22:12
苏荷酒吧
阅读(378)
推荐(0) 编辑
mpvue
摘要:使用mpvue开发小程序 首先安装 我们使用@vue/cli 无法使用vue init 可以全局安装一个@vue/cli-init 然后初始化mpvue项目 然后小程序打开项目
阅读全文
posted @
2019-04-12 22:49
苏荷酒吧
阅读(145)
推荐(0) 编辑
Array
摘要:创建数组 通过索引访问数组元素 遍历数组 添加元素到数组尾部 删除数组末尾的元素 删除数组头部元素 添加元素到数组头部 找出某个元素在数组中的索引 通过索引删除某个元素 从一个索引位置删除多个元素 复制一个数组(深拷贝) 数组的索引是从0开始的,最后一个元素的索引等于该数组的长度减1。如果指定的索引
阅读全文
posted @
2019-04-10 19:28
苏荷酒吧
阅读(134)
推荐(0) 编辑
移动端滚动加载
摘要:在做移动端加载更多的时候,需要了解三个属性 scrollTop 当前元素距离顶部的距离,换句话说就是元素滚出视窗到顶部的距离 document.documentElement.scrollTop clientHeight 可视区域高度 document.body.clientHeight scrol
阅读全文
posted @
2019-04-10 15:43
苏荷酒吧
阅读(263)
推荐(0) 编辑
微信小程序学习笔记
摘要:小程序相对路径和绝对路径 以/开头的是绝对路径如何引用组件 小程序尺寸 1px = .5rpx 小程序引用组件 小程序全局样式 组件继承全部font和color样式 page页可以继承全局样式 事件绑定 事件绑定和冒泡 bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上
阅读全文
posted @
2019-04-05 22:59
苏荷酒吧
阅读(266)
推荐(0) 编辑
Mongoose
摘要:安装 连接数据库 插入数据 把数据库连接代码改造成Promise
阅读全文
posted @
2019-04-04 22:53
苏荷酒吧
阅读(214)
推荐(0) 编辑
koa-passport实现本地验证
摘要:安装 先看下passport.js登录策略,判断用户和密码 在入口中挂载passport 这时候passport策略配置完成 登录接口实现 router.post('/signin', async ctx => { return Passport.authenticate('local', (err
阅读全文
posted @
2019-04-03 13:39
苏荷酒吧
阅读(785)
推荐(0) 编辑