- 博客(19)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 《让大象飞》阅读心得
该书作者是史蒂文·霍夫曼，硅谷重量级创业教父、天使投资人、演讲人，《福布斯》杂志排名第一的创业孵化器Founders Space创始人，人称 “霍夫曼船长”。个人建议正在创业或将要创业的人都必须看看这本书，全书给我的感觉是满满的干货和作者的诚意，它更是一本创业“实践手册”。该书可以分为六个部分解读：定方向、建团队、做精品、抓用户、持续创新、高速运转。这也是创业过程中必须经历的...
2019-03-29 04:44:08
1290
原创 《用事实说话》阅读心得
本书的作者是马克·墨菲，书中通过了许多例子来详细地阐述了为什么忠言逆耳、为什么在沟通中会情绪化以及如何聚焦事实更好地解决问题。本书教会了我两点：如何利用FIRE模型认清事实 如何管理好自己的情绪并站在不同的角度看待并解决问题在职场工作中，我们都曾在沟通中责难过别人或者被别人责难，这时候往往会带有情绪上头、心情低落或内心抵触等心理活动，等到沟通结束却忘记了最初沟通的目的是...
2019-03-26 03:49:14
10352
原创 react-native系列(25)API补充篇：活动状态+设备返回键与振动+计时器+剪切板相关功能
AppState应用状态AppState用于检测当前APP应用是否在活动中。可以通过属性currentState获取：AppState.currentState如果间监听活动状态，可以使用：state = { appState: AppState.currentState}componentDidMount() { AppState.addEventLis...
2019-03-15 17:32:45
494
原创 react-native系列(24)API篇：屏幕宽高和屏幕像素密度
Dimensions屏幕宽高Dimensions库可以获取屏幕的宽高：import { Dimensions } from 'react-native';const {height, width} = Dimensions.get('window'); // 可用显示屏幕的宽高，不包括顶部的状态信息栏const {height, width} = Dimensions.get('s...
2019-03-15 14:40:53
1091
原创 react-native系列(23)API篇：使用Linking唤醒其它app及WebView
RN官方提供Linking库用于调起其他app或者本机应用。Linking的主要属性和方法有：属性与方法 描述 canOpenURL(url); 判断设备上是否有已经安装相应应用或可以处理URL的程序，本方法会返回一个Promise对象，只有一个回调参数，格式为Boolean值。 openURL(url); 打开设备上的某个应用或可以处理URL的程序，本方法会返回一个...
2019-03-14 16:38:15
7400
1
原创 react-native系列(22)API篇：网络状态NetInfo与网络请求Fetch详解
网络状态NetInfoNetInfo库的作用是检测当前是否联网及获取联网方式及网络牌照等信息。要使用NetInfo库，需要先在AndroidManifest.xml中配置权限：<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />要检测网络是否在线可以使用：NetInf...
2019-03-13 16:02:22
3320
1
原创 react-native系列(21)API篇：手势PanResponder详解
PanResponder库用于处理用户的手势操作，如单点触摸滑屏、多点触摸放大缩小等手势。PanResponder的创建代码如下：this._panResponder = PanResponder.create({ // 返回ture时，表示该组件愿意成为触摸事件的响应者，如触摸点击。默认返回false。 onStartShouldSetPanResponder: () ...
2019-03-13 14:35:08
3150
原创 react-native系列(20)API篇：照片或视频的获取、保存、选择与上传
照片获取与保存官方提供了CameraRoll模块访问本地相册的功能，它包含两个方法：方法 描述 CameraRoll.getPhotos(params); 表示获取相册数据，参数格式如下： { first：number类型，要获取的照片数 assetType：All |Videos |Photos，默认为Photo...
2019-03-12 16:23:49
4571
1
原创 react-native系列(19)API篇：请求系统权限(相册等)
在旧版本，要获取设备权限（如读写权限等）直接在项目中配置即可，无需过问app用户。在新版本的API中，出于安全考虑，要获取设备的相应权限需要通过权限请求，用户通过之后才可以获取权限，android和ios的获取权限方式不同。android权限官方提供了PermissionsAndroid来获取权限，以获取WRITE权限为例，看如下代码：UNSAFE_componentWillMoun...
2019-03-12 09:29:53
6790
原创 react-native系列(18)API篇：AsyncStorage数据持久化
数据持久化是指使用AsyncStorage模块存储了数据后，即使关闭了app，只要下次打开依然可以读取到已存储的数据，它包含4个操作：存储、获取、移除和合并，存储数据的方式是Map存储，即(key, value)。另外，无论是key还是value都只支持字符串格式，其它格式将会报错（如果要存储对象格式的数据，可以通过JSON.stringify先把对象转化为字符串格式）。单一数据操作封装好...
2019-03-11 16:18:05
1981
1
原创 react-native系列(17)API篇：Platform平台差异化加载
Platform模块用于区分移动设备的操作系统及api版本，另外，还可以根据不同平台的后缀扩展名自动识别并装载组件。系统区分要检测当前设备是什么操作系统，可以使用：const os = Platform.OS; // android|ios 要获取版本，可以使用：const version = Platform.Version;后缀扩展名当不同平台的代码逻辑较为复杂...
2019-03-10 22:26:16
3463
原创 react-native系列(16)组件补充篇：加载符号、范围选择、开关、状态栏
这些都是一些官方组件，由于样式上并不能完全自定义，一般不会直接用于实际项目中，但可以作为设计属性和结构组件时的一个参考例子，如入参的设计。ActivityIndicator显示一个圆形的加载中提示符号。ActivityIndicator在实际应用中一般为绝对布局，居中显示。属性 描述 style 用于设置布局类型 animating ...
2019-03-09 23:48:29
680
原创 react-native系列(15)导航篇：底部导航TabNavigator参数及使用详解
本篇主要介绍的是TabNavigator，假设你已经对它的用法已经有了基本的认识，或重新去官网看一下官网地址：https://reactnavigation.org/zh-Hans/底部导航TabNavigator的效果类似于微信，效果图：TabNavigator生成的底部导航的结构，它包括4部分：选项卡栏 选项卡 图标 标签文本createBottomTabNav...
2019-03-09 02:25:06
3233
原创 react-native系列(14)导航篇：页面导航StackNavigator参数及使用详解
react-navigation导航是RN官网推荐使用的导航插件，目前最新版本为3.x，它包括3种类型的导航：StackNavigator TabNavigator DrawerNavigator本篇主要介绍的是StackNavigator，假设你已经对它的用法已经有了基本的认识，或重新去官网看一下官网地址：https://reactnavigation.org/zh-Hans/...
2019-03-08 23:16:35
3181
原创 react-native系列(13)动画篇：Animated动画库和LayoutAnimation布局动画详解
动画概念了解流畅、有意义的动画对于APP户体验来说是非常重要的，用RN开发实现动画有三种方法：requestAnimationFrame：称为帧动画，原理是通过同步浏览器的刷新频率不断重新渲染界面实现动画效果，现在网页H5动画基本都由这种实现。帧动画最初是Flash用于实现网页动画和游戏，即AS3编程。由于H5实现对动画更优的支持及Adobe对Flash的停止维护，这种编程现在基本已经被取...
2019-03-06 09:23:40
5048
1
原创 react-native系列(12)图标篇：使用阿里字体库iconfont图标和svg详解
在前端开发中，经常会用到iconfont图标库来管理图标，在RN开发中有时候同样需要如此。在百度上搜索过RN相关的图标管理方案，发现都较为复杂。于是写下了本篇博客，为大家介绍另外两种更优化的图标应用的方案，供大家学习参考。iconfont图标该方案同样适用于字体变更。从iconfont库下载好图标脚本，结构如下：打开iconfont.ttf文件，我们看一下字体全称是什么？正常情况下...
2019-03-05 05:20:15
7339
1
原创 react-native系列(11)组件篇：Image图片加载和ImageEditor图片剪切
Image图片加载在RN中，用Image标签来渲染图片，图片的来源有两种：本地静态图片和网络图片(或Base64格式数据，如手机相册)，针对不同的方式有不同的数据源写法，它们之间的区别如下：// 渲染本地静态图片<Image source={require('../../assets/images/watch.jpg')} />// 渲染网络图片<Image so...
2019-03-04 23:23:58
4486
1
原创 react-native系列(10)组件篇：Modal模态框实现弹窗效果
模态框应用于界面弹窗，为用户提供通知、选择、浏览等功能的组件。在RN中，模态框通过Moadl标签引用。使用时注意，可以把Modal看成一个仅提供功能的外壳，它不包含任何样式，只负责显示/隐藏和动画效果实现。Modal的子组件通常为一个View容器，在该View容器实现渲染界面和样式相关。在很多APP应用模态框的时候，出于视觉的优化，Modal子组件最外层的View容器为一层占满全屏的半透明背景层。...
2019-03-02 01:16:31
6956
原创 react-native系列(9)组件篇：最优列表显示方案FlatList和SectionList
FlatList列表FlatList是一个高性能的列表组件。原理是：只负责渲染当前可见的列表项，对于不可见的项将不会渲染因为可见的项总是有限的，当一个项被划出屏幕后，被滑出项的容器将会成为新滑入的项的容器而不会重新再渲染一个，因此性能要比ScrollView和ListView组件高。下面是一个原理简图：FlatList的属性和方法：属性 描述 style ...
2019-03-01 04:20:02
3933
1
Node.js Express框架GET、POST、COOKIE、上传、数据库等测试实例
2018-01-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人