自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 React Native项目实战之搭建美团个人中心界面

在很多app应用型APP中,个人中心往往会单独出一个模块,而对于刚入门React Native的朋友来说,怎么去实现一些静态的页面,并且怎么着手实现,怎么分层,怎么去实现这个架构,我想是很基础的(ps,本人新书,《React Native实战经典》定义国庆前后出版,欢迎大家捧场)。 首先,看一下...

2017-05-28 19:26:47 5127 2

原创 React Native动画Animated详解

在移动开发中,动画是提高用户体验不可缺少的一个元素。在React Native中,动画API提供了一些现成的组件:Animated.View,Animated.Text和Animated.Image默认支持动画。动画API会调用iOS或者Android的本地代码来完成这些组件的位移、大小等动画。在...

2017-05-27 18:02:05 7371 0

原创 iOS动画总结

在iOS开发中,动画是提高用户体验重要的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果,这对于app而言是非常重要的。简介iOS动画主要是指Core Animation框架。官方使用文档地址为:Core Animation Guide。Core Animation是iOS和macOS...

2017-05-25 22:00:45 1156 0

原创 React Native之react-native-scrollable-tab-view详解

在React Native开发中,官方为我们提供的Tab控制器有两种:TabBarIOS和ViewPagerAndroid。TabBarIOS,仅适用于IOS平台 ViewPagerAndroid,仅适用于Android平台(严格来讲并不算,因为我们还需要自己实现Tab)。在项目开发中,我们优先...

2017-05-25 16:40:29 21093 1

原创 iOS 本地轻量级数据存储之NSUserDefaults

NSUserDefaults简介在Android和ios都提供了本地轻量级数据存储,底层实现都是基于key-value的方式。Android里面的叫SharedPreferences,ios的叫NSUserDefaults,使用上也是非常的简单。我们先看一看NSUserDefaults的API。#...

2017-05-24 08:33:46 1222 0

原创 Android Studio配置Kotlin环境

在上周末召开的Google IO大会上,Google将Kotlin作为Android所支持的开发语言,并宣布以后会大力支持Kotlin,可以说Kotlin就是ios的swift。更多资料请查看:Google IO大会1,安装Kotlin插件打开Settings面板,找到Plugins选项,点击Br...

2017-05-22 18:16:45 1496 0

原创 Android 应用安装过程分析

在之前的文章中,我们对PakageManagerService启动流程分析 做了简单的介绍,并对PMS系统的启动流程做了详细的解析。上面只是说到了Android的PMS的运行流程,而对于Android apk的整个安装流程并没有过多的介绍。本篇将重点介绍下Android apk的运行启动流程。 ...

2017-05-20 17:30:41 5595 2

原创 React Native之TextInput组件实现联想输入

TextInput组件是最基本的组件,相关介绍请查看TextInput组件介绍输入框组件属性输入框组件的主要属性如下: autoCapitalize : 枚举类型,可选值有none,sentences,words,characters.当用户输入时,用于提示。 placeholder:占位符,在...

2017-05-20 15:55:44 2438 0

原创 Google IO 2017为我们带来了什么

谷歌I/O大会是Google一年一度的开发者大会,通常在大会上,Google会在大会上发布一些最近的软硬件系统,给开发者指明下一年的技术方向。 今年是Google IO大会的第十个年头,大会回到了加州山景城的海岸线圆形剧场。今年的Google IO大会和往年的有所不同,今年Google在大会上专门...

2017-05-19 09:53:20 1984 0

原创 React Native之轻量级存储AsyncStorage

AsyncStorage是一个简单的、异步的、持久化的以键值对形式进行数据存储的存储系统,对于App来说是全局性的。它的作用等价于iOS的NSUserDefaluts或Android的SharedPreferences,使用AsyncStorage用来替换老旧的LocalStorage。方法它有很...

2017-05-18 08:25:44 5488 1

翻译 Android 绿色应用公约

Android 绿色应用公约(草案)宗旨这是一项旨在推动Android生态中的优秀应用共同维护一个更加良性的『设备体验』而发起的开放公约。设备体验:影响效应超出用户与应用进行显性交互的过程之外,在用户感知中属于设备整体性的体验因素的总称。包括设备的安全性、整体流畅性、耗电程度、发热程度等。由于An...

2017-05-16 21:59:12 2182 0

原创 前端知识图谱

综合类前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScri...

2017-05-16 09:19:57 6225 0

原创 React-Native组件之 TabBarIOS和TabBarIOS.Item

TabBarIOS 组件简介目前的APP内,大部分都是选项与选项之间切换,比如:微信、微博、QQ空间…,在iOS中,我们可以通过TabItem类进行实现,那么,在React Native中,我们可以通过TabBarIOS和TabBarIOS.Item组件来实现选项卡切换效果,大家可以看到后面带有I...

2017-05-14 20:48:31 1021 0

原创 React Native组件之Button

不管在Android还是ios开发中,系统都有Button组件,而在早期的React Native中,系统是不提供Button组件的,一般会使用一个叫做react-native-button的库。Button组件Button组件其实就是 Touchable(TouchableNativeFeedb...

2017-05-13 10:50:52 2618 0

原创 React Native 实现基于react-native-tab-navigator库Tab切换封装

react-native-tab-navigator是一款Tab切换的库,细心的读者可能注意到了对于TabNavigator.Item选项卡部分,代码功能上基本上是重复的,对此,我们能不能对这种有相同功能的代码进行二次封装呢?代码示例主页面封装首先我们可以将功能的部分抽出来。<TabNavi...

2017-05-12 21:11:43 1995 0

原创 UITabBarController实现Tab切换

在很多的应用中,基本都是使用Tab方式进行模块间的切换。在Android中很多控件可以实现这类效果,TabLayout、TabHost… 而在iOS中系统为我们提供了UITabBarController类来实现Tab页面之间的切换。有几个页面我们就创建几个UINavigationControll...

2017-05-11 09:18:10 2905 0

原创 React Native库版本升级与降级

迄今为止React Native获得了超过48K的star,最新版本0.44,已经趋于稳定。(官网地址:https://github.com/facebook/react-native)。随着React Native的大热,笔者也是在最近和出版商签订了《React Native入门到实战》写作,预...

2017-05-10 11:10:00 9887 0

原创 react-native添加redux支持

redux简介redux是一个用于管理js应用状态的容器。redux出现时间并不是很长,在它出现之前也有类似功能的模块出现,诸如flux等等。redux设计的理念很简单,似乎最初这个开发团队就有让redux可以方便融入在server, browser, mobile client端的打算。目前在g...

2017-05-09 22:50:46 2098 1

原创 IOS WebView控件详解

概述WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和WKWebView,UIWebView是iOS2之后开始使用,WKWebView是在iOS8开始使用,WKWebView将逐步取代笨重的UIWebView。相比UIWebView,WKWebView做...

2017-05-06 21:08:21 11521 1

原创 React Native导航器之react-navigation使用

在上一节Navigation组件,我们使用系统提供的导航组件做了一个跳转的例子,不过其实战能力不强,这里推荐一个超牛逼的第三方库:react-navigation。在讲react-navigation之前,我们先看一下常用的导航组件。导航控件常见的导航主要分为三种: 1.StackNavigat...

2017-05-06 10:42:56 24312 18

原创 React-Native组件之 Navigator和NavigatorIOS

对于app而言,一款应用往往涉及到很多的页面,而页面之间的跳转Android和iOS实现也各不相同。在iOS上,系统为我们提供了UINavigationController控件用来专门控制页面的跳转,iOS的实现思路很清晰,为按钮添加action事件,点击之后跳转到指定的页面即可。例如://定义一...

2017-05-05 00:08:04 9741 0

原创 React Native控件之ListView

概述ListView作为核心组件之一,主要用于高效地显示一个可以垂直滚动的变化的数据列表。经过自定义组装,我们还可以用它实现九宫格等页面效果。 在React Native中,使用ListView组件至少需要两个属性:DataSource和renderRow。DataSource是需要渲染界面的数...

2017-05-03 17:24:29 2331 0

原创 React Native开发之ATOM开发实用技巧

前面对React Native开发工具Atom做了一个详细的介绍,详见RN开发IDE详解。 Atom作为一款前端开发利器,有很多的插件供我们选择,这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。ATOM常用插件1、simplified-chinese-menuAtom的简体中文语言包,完...

2017-05-02 16:38:14 3245 0

原创 ibeacon蓝牙技术简介

概述在讲解ibeacon技术之前,我们首先来看一下蓝牙实际到现在经历了哪些发展。截止目前,蓝牙共有八个版本 V1.0/1.1/1.2/2.0/2.1/3.0/4.0/4.1,各版本的功能变化如下:V1.0版(发布日期1999.7.5) 传输速率748~810kb/s; 基本支持立体声,只能单工传...

2017-05-01 20:27:11 5790 1

提示
确定要删除当前文章?
取消 删除