react-hook 前言react-hook 是 16.8 版本之后为组件函数提供 state 功能的工具。关于诸多介绍,详细看文档了,下面只讲述我在项目的实际使用。 react-hook 诞生目的根据官方的说法,多年用 class 编写组件,发现其中逻辑的复用并不高,尽管有 renderProps 和高阶组件解决方案,但终究不够优雅,组件间嵌套的层数,一不小心就会让人深陷泥潭。为此官方一直寻找一个方式,更大的复用组 2019-12-15 #React
react-life-cycle 关于在 componentWillMount 中执行异步操作的争论componentWillMount 永远执行在 render 函数之前,为什么不在此做一些异步操作呢和 setState,一是官方并不推荐,推荐在 componentDidMount 做一些异步 io 操作,原因是 js 是单线程,执行不可能完成在 render 之前,而且真实 dom 还没渲染完毕,而且在服务端渲染也可能多次调用 2019-12-15 #React
React Ref 基本使用某些情况下,我们需要获取组件的实例,或者 react 元素的 Dom 节点,,这个时候就得用到 ref,关于 ref 的基本使用方法有两种: this.ref=createRef() <ReactDom ref={(ref)=>{this.ref=ref }}/> 基本使用 : https://zh-hans.reactjs.o 2019-12-14 #React
CSS适配 说起移动端的适配方案,提最多的当属手淘的 rem 适配布局,现今已经过度到 vw 了。今来溯本求源来说一下适配原理, 对于移动端的适配,我们是怎么做的呢?首先,设计师按 iPhone6 的设计尺度出图,一般设计图是 750*1334 或者 375*667 尺寸。接着就到我们前端进行适配了。撇去那些繁多的,设备独立像素,物理像素,设备像素比的定义,我们只需要记得,一般标准下: 1px 像素对应 1 2019-12-02 #css
coding-memory 前言酒足饭饱 , 忆上心头 , 编程的人生已快接近两年,今有时间 ,总结得失。 智云人生 2018~20192018年1月2日入职人生第一家公司,号 : 智云, 科技公司,规模30~40人左右,其业务的方向针对二手车市场提供技术支持服务。初次工作,心态截然不同,斗志昂扬,摩拳擦掌,期待快速进入正式工作,证明自己。与我一同进入公司的还有toby,gordon,这两人都成为了不错的小伙伴,至今都有在联 2019-11-23 #code life
react-native-swiper https://github.com/leecade/react-native-swiper 今天学习了一下 react-native-swiper 库的源码,代码行数中除去声明属性,和设置默认值,代码函数不多,600行上下。轮播原理的实现:ScrollView为基础容器,设置定时器指定时间内执行 ScrollView.scrollTo()即可接下来,我就直接贴代码,然后注释就在里面了,以下分析的 2019-11-18 #React Native
iOS development preface iOS development preface 2019.10.1,心血来潮,我入手了人生的第一部Macbook Pro,由此开始走上学习iOS 开发的道路. iOS 开发用到的语言事Objective-C (简称OC),该语言已经有30~40年的历史的,算是比较老的,它是 C的扩展语言,增加了面向对象的特性,采用smallTalk80 语言的消息传递机制。然,英雄总有迟暮的一天,由于一些原 2019-11-09 #iOS
create-react-native-module create-react-native-module记一下接入商汤银行卡 SDK Android 接入流程 创建库借助create-react-native-module,简单步骤如下: 1234567npm install -g react-native-cli yarnnpm install -g create-react-native-modulecreate-react-native-mo 2019-11-09 #React Native
jump-wall 科学上网方式1 置备一台国外的服务器 阿里云的香港服务器 https://cn.aliyun.com/product/swas 进入系统创建一个 ssr.sh 脚本文件 内容如下:https://github.com/ToyoDAdoubi/doubi/blob/master/ssr.sh 123456789mkdir testcd test vim ssr.shi:进入编辑模式......输 2019-08-07 #jump wall
dart-study #dart Studyhttps://dart.dev/guides/language/language-tour#a-basic-dart-program dart 语言教程一个基础的dart 程序下面的代码用了dart基础功能 1234567891011// 定义一个函数printInteger(int aNumber) { print('The number is 2019-07-22