2017年05月_xiangzhihong8

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

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

在很多app应用型APP中，个人中心往往会单独出一个模块，而对于刚入门React Native的朋友来说，怎么去实现一些静态的页面，并且怎么着手实现，怎么分层，怎么去实现这个架构，我想是很基础的（ps，本人新书，《React Native实战经典》定义国庆前后出版，欢迎大家捧场）。首先，看一下实现的效果：项目讲解首先，这是一个纯静态的页面，包括顶部的个人介绍页面，已经下面的一个扩展页面。而下

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

原创 React Native动画Animated详解

在移动开发中，动画是提高用户体验不可缺少的一个元素。在React Native中，动画API提供了一些现成的组件：Animated.View，Animated.Text和Animated.Image默认支持动画。动画API会调用iOS或者Android的本地代码来完成这些组件的位移、大小等动画。在React Native中，Animated创建过程如下：创建Animated.Value，设置初始值

2017-05-27 18:02:05 8315

原创 iOS动画总结

在iOS开发中，动画是提高用户体验重要的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果，这对于app而言是非常重要的。简介iOS动画主要是指Core Animation框架。官方使用文档地址为：Core Animation Guide。Core Animation是iOS和macOS平台上负责图形渲染与动画的基础框架。Core Animation可以作用与动画视图或者其他可视元素，为你

2017-05-25 22:00:45 1528

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

在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的react

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

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

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

2017-05-24 08:33:46 1562

原创 Android Studio配置Kotlin环境

在上周末召开的Google IO大会上，Google将Kotlin作为Android所支持的开发语言，并宣布以后会大力支持Kotlin，可以说Kotlin就是ios的swift。更多资料请查看：Google IO大会1，安装Kotlin插件打开Settings面板，找到Plugins选项，点击Browse repositories(浏览仓库)，输入“Kotlin”查找，然后安装即可。 2，配置Ko

2017-05-22 18:16:45 2099

原创 Android 应用安装过程分析

在之前的文章中，我们对PakageManagerService启动流程分析做了简单的介绍，并对PMS系统的启动流程做了详细的解析。上面只是说到了Android的PMS的运行流程，而对于Android apk的整个安装流程并没有过多的介绍。本篇将重点介绍下Android apk的运行启动流程。总结一下，关于apk的安装流程主要分为以下步骤：将apk文件复制到data/app目录解析apk信息

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

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

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

2017-05-20 15:55:44 3167

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

谷歌I/O大会是Google一年一度的开发者大会，通常在大会上，Google会在大会上发布一些最近的软硬件系统，给开发者指明下一年的技术方向。今年是Google IO大会的第十个年头，大会回到了加州山景城的海岸线圆形剧场。今年的Google IO大会和往年的有所不同，今年Google在大会上专门大篇幅介绍了自己在人工智能领域推出的最新项目和最新进展。可以说这次大会人工智能和VR成为未来Google

2017-05-19 09:53:20 2501

原创 React Native之轻量级存储AsyncStorage

AsyncStorage是一个简单的、异步的、持久化的以键值对形式进行数据存储的存储系统，对于App来说是全局性的。它的作用等价于iOS的NSUserDefaluts或Android的SharedPreferences，使用AsyncStorage用来替换老旧的LocalStorage。方法它有很多方法，每一个方法都有回调函数，第一个参数是错误对象，错了就是展示错误信息，否则为null。都会返回一个

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

翻译 Android 绿色应用公约

Android 绿色应用公约（草案）宗旨这是一项旨在推动Android生态中的优秀应用共同维护一个更加良性的『设备体验』而发起的开放公约。设备体验：影响效应超出用户与应用进行显性交互的过程之外，在用户感知中属于设备整体性的体验因素的总称。包括设备的安全性、整体流畅性、耗电程度、发热程度等。由于Android系统的设备体验是由设备本身的软硬件及安装在设备中的众多应用所共同影响的，后者的影响往往随着安装

2017-05-16 21:59:12 2768

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

TabBarIOS 组件简介目前的APP内，大部分都是选项与选项之间切换，比如：微信、微博、QQ空间…，在iOS中，我们可以通过TabItem类进行实现，那么，在React Native中，我们可以通过TabBarIOS和TabBarIOS.Item组件来实现选项卡切换效果，大家可以看到后面带有IOS，所以这个组件不支持Android，当然后面我们会通过自定义该组件来满足实际开发需求。TabBarI

2017-05-14 20:48:31 1334

原创 React Native组件之Button

不管在Android还是ios开发中，系统都有Button组件，而在早期的React Native中，系统是不提供Button组件的，一般会使用一个叫做react-native-button的库。Button组件Button组件其实就是 Touchable（TouchableNativeFeedback、TouchableOpacity）和Text封装。核心源码如下：render() { c

2017-05-13 10:50:52 3052

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

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

2017-05-12 21:11:43 2628

原创 UITabBarController实现Tab切换

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

2017-05-11 09:18:10 4104

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

迄今为止React Native获得了超过48K的star，最新版本0.44，已经趋于稳定。（官网地址：https://github.com/facebook/react-native）。随着React Native的大热，笔者也是在最近和出版商签订了《React Native入门到实战》写作，预期9月底出版，欢迎大家关注。笔者从0.27开始关注React Native，到现在一年左右时间过去了

2017-05-10 11:10:00 11183

原创 react-native添加redux支持

redux简介redux是一个用于管理js应用状态的容器。redux出现时间并不是很长，在它出现之前也有类似功能的模块出现，诸如flux等等。redux设计的理念很简单，似乎最初这个开发团队就有让redux可以方便融入在server, browser, mobile client端的打算。目前在github上redux-*的第三方中间件、插件越来越多。如果react项目中想使用redux，那么就有r

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

原创 IOS WebView控件详解

概述WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，WKWebView将逐步取代笨重的UIWebView。相比UIWebView，WKWebView做了如下优化：WKWebView更多的支持HTML5的特性WKWebView更快，占用内存可能只有UI

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

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

在上一节Navigation组件，我们使用系统提供的导航组件做了一个跳转的例子，不过其实战能力不强，这里推荐一个超牛逼的第三方库：react-navigation。在讲react-navigation之前，我们先看一下常用的导航组件。导航控件常见的导航主要分为三种： 1.StackNavigator ：类似于普通的Navigator，屏幕上方导航栏 2.TabNavigator：obviousl

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

原创 React-Native组件之 Navigator和NavigatorIOS

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

2017-05-05 00:08:04 10285

原创 React Native控件之ListView

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

2017-05-03 17:24:29 2658

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

前面对React Native开发工具Atom做了一个详细的介绍，详见RN开发IDE详解。 Atom作为一款前端开发利器，有很多的插件供我们选择，这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。ATOM常用插件1、simplified-chinese-menuAtom的简体中文语言包，完整汉化，兼容所有已发布的版本Atom。2、tree-view-finder左边菜单栏显示方式，类似Mac

2017-05-02 16:38:14 3766

原创 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；基本支持立体声，只能单工传输；通信加密方式致使不同厂家模块难以正常通信；主辐设备难以区分； 5. 通讯易干扰； Bluet

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

APMInsigh Android性能监控代码

APMInsight Android性能监控示例代码，本文介绍如何在应用性能监控全链路版控制台接入应用。

2022-09-27

Android离线包前端代码

Android离线包前端代码，在前端打包的过程中同时生成离线包，我的思路是 webpack 插件在 emit 钩子时（生成资源并输出到目录之前），通过 compilation 对象（代表了一次单一的版本构建和生成资源）遍历读取 webpack 打包生成的资源，然后将每个资源（可通过文件类型限定遍历范围）的信息记录在一个资源映射的 json 里

2022-06-03

AndroidDemo.zip

2021-12-18

Flutter 跨平台应用开发简单的示例

Flutter 跨平台应用开发简单的示例，常见组件效果，路由混合开发示例

2021-01-13

ModalViewDemo.zip

React Native自定义Modal弹框，文章参考https://xiangzhihong.blog.csdn.net/article/details/110388181

2020-11-30

ArouterDemo.zip

Arouter模块化开发示例，详情可以参考https://xiangzhihong.blog.csdn.net/article/details/94736340

2019-07-05

NotchScreenTool-master.zip

现在，市面上的屏幕尺寸和全面屏方案五花八门，而最常见的就是刘海屏，不过对于右侧较小的刘海，业界一般称为水滴屏或美人尖。

2019-06-09

算法面试题总结.docx

算法笔记

2019-06-06

淘票票前端代码.zip

网上下载的前端淘票票的源码，新书入门，源码链接https://github.com/canfoo/react-taopiaopiao

2019-05-14

android 视频图片预览

Android的图片加视频的预览，视频和图片分开管理，有需要的可以看看

2019-04-28

旅游网站Vue前端

使用Vue编写的前端界面，数据使用的是本地的模拟数据，前端小白可以看看

2019-04-24

民宿小程序和后台

民宿微信小程序，有后台，运行小程序需要先在本地部署后台代码

2019-04-11

ViewPager+Fragment视频切换

Android VideoView 在ViewPager+Fragment中切换视频播放引起的ANR问题

2019-03-29

微信自定义播放组件

仿照微信视频播放的组件，支持视频和图片切换等功能。

2019-03-20

android photoViewy源码

Android图片预览源码，photoViewy支持图片的放大与缩小，是一个Android开发必备库，最新版2.0.0

2019-03-12

Android仿微信图片选择

最近公司有一个选择图库的需求，需要支持图片和视频，网上找了很多，基本是16，17年的代码，大部分也是转载的内容，因为之前做过自定义拍照和相册，以及使用gpuImage实现滤镜、贴纸等效果，所以决定自己动手撸一个。

2019-03-12

iOS骨架屏源码

骨架屏实现，涵盖Android、iOS、前端的骨架屏实现，文章地址：https://blog.csdn.net/xiangzhihong8/article/details/85780629

2019-01-04

RN提示模版

2018-12-14

微信小程序源码

前段时间用了下快狗打车，感觉贼方便，本部分是微信小程序源码。

2018-11-19

Jest单元测试

单元测试例子，博客地址：https://blog.csdn.net/xiangzhihong8/article/details/83819929

2018-11-09

Antd管理系统

React+Antd后台管理系统，项目源码地址：https://github.com/zhaoyu69/antd-spa

2018-11-01

FlatBuffer

flatbuffer是google的一个跨平台串行化库，开发这个最初是用在游戏项目中，代码是实例

2018-10-25

Javassist代码注入

javassist实现代码注入，详细内容可以参考；https://blog.csdn.net/xiangzhihong8/article/details/83060674

2018-10-15

仿喜马拉雅FM

最近抽空面了几家公司，大部分都是从基础开始慢慢深入项目和原理。面试内容还是以OC为主，但是多数也都会问一下Swift技术情况，也有例外全程问Swift的公司(做区块链项目),感觉现在虽然大多数公司任然以OC做为主开发语言，但是Swift发展很强势，估计明年Swift5以后使用会更加广泛。

2018-09-26

Picker组件及其他组件

资料是使用RN开发的滚轮组件，支持常见的单滚轮、双滚轮和三滚轮，此外还提供了一些其他的自定义组件，需要新建一个项目并将代码拷贝过去

2018-09-04

Android原生集成RN

最近，很多的公司，特别是小公司、小项目，为了解决人力成本的问题，都开发将移动原生开发转到了跨平台开发，或者原生+h5的混合开发，今天要说的是如何在原生项目中集成React Native。

2018-06-06

Flutter跨平台

使用Google跨平台开发框架Flutter开发的APP，Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架

2018-06-01

vue手机客户端

在移动应用中很多功能都是必不可少的，使用vue构建移动应用自然也就需要实现这些功能。

2018-05-16

阿里的Atlas组件化框架

Atlas是一个Android客户端容器框架，主要提供了组件化、动态性、解耦化的支持，支持在编码期、Apk运行期以及后续运维修复期的各种问题。Atlas目前支持的主要功能有： - 在工程期，实现工程独立开发，调试功能，工程模块的独立； - 在运行期间，实现完整的组件生命周期映射，类隔离等机制； - 在运维期间，提供快速增量的更新修复功能，快速升级。

2018-05-10

Tinker热修复

使用Tinker热修复，文章介绍可以点击下面的链接：https://mp.csdn.net/mdeditor

2018-05-04

Android模块化

阿里ARouter路由实现模块化开发，Android平台中对页面、服务提供路由功能的中间件。模块化的要解决的问题：模块间页面跳转（路由）；模块间事件通信；模块间服务调用；模块的独立运行；模块间页面跳转路由拦截。

2018-04-23

hexo博客打赏源码

关于如何使用Hexo+Hexo主题搭建博客系统，可以参考我之前的博客的介绍：(https://blog.csdn.net/xiangzhihong8/article/details/53727310，查看效果可以查看以下地址：https://blog.csdn.net/xiangzhihong8/article/details/79712140

2018-03-27

阿里聚安全

阿里聚安全，如何防护app被破解，如何保护app和如何破解别人的app

2018-01-03

阿里云精选API

阿里云 API Playbook，精选了100+个API，不仅有阿里云官方提供的API，也包含了大量阿里云合作伙伴提供的优质API，涵盖了从生活服务、金融征信、气象水利、到企业服务等十几个应用场景。通过这本精选手册，您可以快速了解每个API提供的功能及适用的场景，帮助您快速查找到满足特定功能的API。您也可以通过对多个API进行编排组合，来轻松完成一项应用创新。

2017-12-27