2017年01月_xiangzhihong8

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

原创 Universal-Image-Loader，android-Volley，Picasso、Fresco和Glide图片缓存库的联系与区别

前言Universal-Image-Loader，android-Volley，Picasso、Fresco和Glide五大Android开源组件加载网络图片比较。在Android中的加载网络图片是一件十分令人头疼的事情，在网上有着许多关于加载网络图片的开源库，可以让我们十分方便的加载网络图片。在这里介绍一下Universal-Image-Loader，android-Volley，Picasso、

2017-01-24 22:05:10 2119

原创 React Native之StyleSheet样式表

概述在React Native中，StyleSheet是实现了类似Web中CSS样式表的功能。最简单的使用如下，先定一个StyleSheet的样式表，然后在View中引用样式。var styles = StyleSheet.create({ container: { borderRadius: 4, borderWidth: 0.5, borderColor: '#d6d

2017-01-24 17:11:44 6401

原创高仿ios斗鱼界面

前言过去的2016年是一个直播年，各大平台都相继接入了直播频道，电商，社交…更是火了一批做视频的，譬如喵播，映客，都斗鱼等直播平台。全民直播，一下子掀起了直播的技术潮，今天要聊聊如何实现一个ios的直播app。首先来看最终的效果：最近也是因为入门swift不久，在网上找了一个项目就开始模仿，本项目用到的第三方库： Alamofire KingfisherSwift3.0的蝶变swif

2017-01-24 10:49:09 5952

原创浅谈前端JavaScript编程风格

前言多家公司和组织已经公开了它们的风格规范，具体可参阅jscs.info，下面的内容主要参考了Airbnb的JavaScript风格规范。当然还有google的编程建议等编程风格本章探讨如何使用ES6的新语法，与传统的JavaScript语法结合在一起，写出合理的、易于阅读和维护的代码。编程风格块级作用域（1）let 取代 var ES6提出了两个新的声明变量的命令：let和const。其中，

2017-01-23 16:59:15 3780 2

原创 Android仿京东、天猫商品详情页

前言前面在介绍控件TabLayout控件和CoordinatorLayout使用的时候说了下实现京东、天猫详情页面的效果，今天要说的是优化版，是我们线上实现的效果，首先烂看一张效果：项目结构分析首先我们来分析一下要实现上面的效果，我们需要怎么做。顶部是一个可以滑动切换Tab，可以用ViewPager+Fragment实现，也可以使用系统的TabLayout控件实现；而下面的 View是一个可

2017-01-22 16:25:33 26198 5

原创中介者模式

概念中介者模式：用一个中介者对象封装一系列的对象交互，中介者使各对象不需要显示地相互作用，从而使耦合松散，而且可以独立地改变它们之间的交互结构组成和类图类图：中介者模式主要由：Mediator（中介者）、Colleague（同事类）、ConcreteMediator（实现类）组成：抽象中介者：定义好同事类对象到中介者对象的接口，用于各个同事类之间的通信。一般包括一个或几个抽象的事件方法，并

2017-01-20 21:16:40 1541

原创访问者模式

概念访问者模式：表示一个作用于某对象结构中的各元素的操作。它使你可以在不改变各元素类的前提下定义作用于这些元素的新操作。访问者模式的目的是封装一些施加于某种数据结构元素之上的操作。一旦这些操作需要修改的话，接受这个操作的数据结构则可以保持不变。结构组成与类图先看一下类图：访问者模式主要由：Visitor(访问者角色)、Concrete Visitor(具体访问者角色)、Element(元

2017-01-19 22:35:38 1777

原创 ExpandableListView实现商品列表折叠

简介在日常的开发中，有可能会遇到需要一些可以展开的列表，比如QQ的好友列表，电商的购物车折叠显示。Android也给我们提供ExpandableListView类，完美实现这样类似的需求, 极大的方便了我们开发。结合之前的项目我们做一个简单的讲解。首先懒看一下最终的实现效果：使用到的第三方框架： AndroidAutoLayout 屏幕适配框架代码首先是布局需要用一个Expandabl

2017-01-18 22:06:52 3596 2

原创 react-native 之布局总结

前言之前我们讲了很多react-native的基础控件，为了方便大家的理解，我们来对react-native的布局做一个总结，观看本节知识，你将看到。宽度单位和像素密度flex的布局图片布局绝对定位和相对定位padding和margin的区别和应用场合文本元素宽度单位和像素密度我们知道在Android中是用设备像素来作为单位的（后面又出现了百分比这么一个概念），ios中后面也有了Au

2017-01-17 22:25:44 9754 2

原创 react native实现上拉加载下拉刷新

前言我们在做原生app开发的时候，很多场景都会用到下拉刷新、上拉加载的操作，Android中如PullToRefreshListView，ios中如MJRefresh等都是比较好用，且实现上比较简单的第三方库。他们的实现原理大体相同，都是在列表的基础上新增头部和尾部，然后新增手势触摸的逻辑判断。那么对于react native，我们也可以用相同的原理来实现。react-native-pull这里我们

2017-01-16 21:30:07 9701 1

原创状态模式

概述状态模式：定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。允许一个对象在其内部状态改变时改变它的行为。结构与组成先看一下类图：状态模式主要由三部分组成：环境类Context、抽象状态类State、具体状态类ConcreteState。环境类Context：定义客户感兴趣的接口，维护一个ConcreteState子类的实例，这个实

2017-01-15 22:32:03 1779

原创 React Native和原生app通信机制详解

概述React Native用iOS自带的JavaScriptCore作为JS的解析引擎，但并没有用到JavaScriptCore提供的一些可以让JS与OC互调的特性，而是自己实现了一套机制，这套机制可以通用于所有JS引擎上，在没有JavaScriptCore的情况下也可以用webview代替，实际上项目里就已经有了用webview作为解析引擎的实现，应该是用于兼容iOS7以下没有Javascrip

2017-01-14 11:31:39 2951

原创深入理解React Native页面构建渲染原理

前言React Native 是最近非常火的一个话题，因为它的语法简介，跨平台等特性，赢得了各大平台的青睐，虽然前期是有一些坑。基本概念解释React 是一套可以用简洁的语法高效绘制 DOM 的框架，所谓的“高效”，是因为 React 独创了 Virtual DOM 机制。Virtual DOM 是一个存在于内存中的 JavaScript 对象，它与 DOM 是一一对应的关系，也就是说只要有 Vir

2017-01-14 11:21:12 24326 3

原创 android 添加React Native支持更新版

前言之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的，这里针对最新的版本做一个新的讲解。环境搭建官方文档英文官方文档中文官方文档集成步骤用android studio创建一个基本的android hello world程序。在项目根目录中通过npm向导生成pa

2017-01-14 10:41:12 5225 1

原创 React-Native实战系列

《React-Native系列》1、初探React-Native 《React-Native系列》2、RN与native交互与数据传递《React-Native系列》3、RN与native交互之Callback、Promise 《React-Native系列》4、表单界面代码编写《React-Native系列》5、RN实现弹出选择界面与动画效果《React-Native系列》6、Na

2017-01-13 18:09:50 2306

原创 React Native的Navigator详解

前言之前，通过官方文档，我们对Navigator简介。

2017-01-12 22:12:23 1572

原创周鸿祎《我的互联网方法论》

前言周鸿祎第一代互联网老兵，重新定义了“微创新”，通过自己的故事讲述了自己十几年来的互联网观、产品观和价值思想，厘清了互联网产品本质的特征和互联网新时代的趋势，列举了颠覆式创新在现实中的实践和应用。本书首次解密里360的产品秘籍和盈利模式，为互联网创业者提供了最接地气的实战经验。《我的互联网方法论》作为一个从pc时代到移动端时代的老兵，360依旧保持着在互联网的优势地位，从周鸿祎《我的互联网方法论》

2017-01-12 21:17:30 1931

原创 Android仿网易云音乐播放界面

概述网易云音乐是一款非常优秀的音乐播放器，尤其是播放界面，使用唱盘机风格，显得格外古典优雅。这里抛砖引玉，原文地址：http://www.jianshu.com/p/cb54990219d9 首先来看一下网易的播放效果。要实现上面的功能，我们需要对界面进行一个拆分，拆分后大概包含如下结构：主界面布局设计唱盘布局设计动态布局唱盘控件DiscView对外接口及方法音乐状态控制时序图

2017-01-11 23:13:39 22166 5

原创深刻理解HDFS工作原理

概述HDFS（Hadoop Distributed File System ）Hadoop分布式文件系统的简称。HDFS被设计成适合运行在通用硬件(commodity hardware)上的分布式文件系统。DFS是一个高度容错性的系统，适合部署在廉价的机器上。HDFS能提供高吞吐量的数据访问，非常适合大规模数据集上的应用。HDFS放宽了一部分POSIX约束，来实现流式读取文件系统数据的目的。HDFS

2017-01-11 16:45:27 5236

原创小程序，会是下一个创业风口吗

小程序，创业者们的狂躁与迷思记得在16年的9月份，就有消息说微信推出的小程序，一时间大家对于小程序的关注就从来没有减少过。或许是经过15年移动互联网大潮之后，16年互联网一下子寂静了许多的原因，大家对于小程序给予了很高的期望。我也从那时候起开始研究小程序，并且在12月的那次内测中，我也如愿的尝试了一把小程序的开发。说实话，当时看着小程序的开发文档，惊艳了一下，呀，项目结构如此清晰，逻辑也是相当的

2017-01-09 21:15:27 7986 5

原创 React Native组件生命周期

概述所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解空间的生命周期，是开发中必须掌握的一个知识点。就像 Android 开发中组件一样，React Native的组件也有生命周期（Lifecycle）。 React Native组件的生命周期大致上可以划分为实例化阶段、存在阶段和销毁阶段。我们只有在理解组件生命周期的基础上，才能开发出高性能的app。 React Native中

2017-01-08 23:11:16 4358

原创 React Native使用原生组件

概述有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们知道React Native本身对这种偏业务和底层调用是不关心的，这时候我们就想到了原生组件，我们通过调用原生组件，然后经过特定的封装来达到效果

2017-01-08 09:25:35 1633

原创 hibernate 5.2.6新特性

概述Hibernate ORM 5.2.6 发布了，Hibernate是一种Java语言下的对象关系映射解决方案。它是使用GNU宽通用公共许可证发行的自由、开源的软件。它为面向对象的领域模型到传统的关系型数据库的映射，提供了一个使用方便的框架。 Hibernate ORM 5.2.6 发布不到一个月，网上关于Hibernate ORM 5.2.6 的资料甚少，这里我们只能借助官网的介绍来做一个简

2017-01-07 10:39:15 10315 3

原创 Android ViewDragHelper及移动处理总结

概述2013年谷歌i/o大会上介绍了两个新的layout： SlidingPaneLayout和DrawerLayout，现在这俩个类被广泛的运用。我们知道在我们实际的开发中往往会涉及到很多的拖动效果，而ViewDragHelper解决了android中手势处理过于复杂的问题。其实ViewDragHelper并不是第一个用于分析手势处理的类，gesturedetector也是，但是在和拖动相关的

2017-01-05 22:35:57 7657

原创 android 仿音悦台页面交互效果

概述新版的音悦台 APP 播放页面交互非常有意思，可以把播放器往下拖动，然后在底部悬浮一个小框，还可以左右拖动，然后回弹的时候也会有相应的效果，这种交互效果在头条视频和一些专注于视频的app也是很常见的。前几天看网友有仿这个效果，觉得不错，现在分享出来，代码可以再优化，这里的播放器使用的是B站的ijkplayer，先上两张动图。当图片到达底部后，左右拖动实现的思路首先，要是拖动视图

2017-01-05 22:01:36 19670 4

原创 Webpack+Babel+React开发环境搭建

前言我们知道前端的框架纷繁复杂，各有各的优点。而我们选择使用React作为开发框架的时候，往往会选择Webpack+Babel+React来开始我们的项目。之前也讲过其他的前端框架，如 gulp+webpack，准确的说这不是一个框架，只是项目组织的形式而已。Webpack+Babel+React环境搭建安装Webpack关于Webpack的介绍这里不讲解，大家可以看之前的讲解webpack介绍。n

2017-01-04 23:07:30 5679

原创 Android Studio中 .gitignore配置

前言在用 Git 进行代码管理的过程中，我们会发现后添加进去的 .gitignore 文件，或者是中途修改了.gitignore 文件后，.gitignore 文件并没有生效，需要清楚.track缓存和强制.track来解决问题。如果我们在第一次提交的时候，忘记添加 .gitignore 文件或者在首次添加了 .gitignore 文件之后，又对 .gitignore 文件进行了修改，你会发现这两种

2017-01-04 12:43:05 13203 1

原创 Android系统服务之WindowManager整理

概述WindowManager是Android中一个重要的服务（Service ）。WindowManager Service 是全局的，是唯一的。它将用户的操作，翻译成为指令，发送给呈现在界面上的各个Window。Activity会将顶级的控件注册到 Window Manager 中，当用户真是触碰屏幕或键盘的时候，Window Manager就会通知到，而当控件有一些请求产生，也会经由Vie

2017-01-03 18:23:07 7039 3

原创 gulp+webpack工具整合简介

webpack简介Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 webpack特点Webpack 有两种组织模块依赖的方式，同步和异步。异步依赖作为分割点，形成一个新的块。在优化了依赖树后，每一个异步区块都作为一个文件被打包。Webpack 本身只能处理原生的 JavaScript 模块，但是 loader 转换器可以

2017-01-03 14:08:48 10811 4

原创 2017，站在巨人肩膀我们一路前行

前言2016年已经过去，2017年已经悄悄的来了。2016年似乎还有好多的事情只能等到2017年来完成，写一本书，讲讲课，在新的技术的路上一路前行..2017似乎我给自己的规划是蛮好的。不过此刻我想给大家列一些6逼的技术资料，2017我们一起学习。一个人不可能一下子成功，更不可能一步登天，所有成功与荣耀的背后是无尽的心酸。技术网站腾讯Web前端团队：http://www.alloyteam.co

2017-01-02 16:43:41 5401

原创 React Native之常用第三方库

前言React Native出来一年多了，受到各大开发人员的喜爱，但是由于只是专注于View层的开发，因此在很多深层次上还需要结合原生app做一定的兼容，还有就是现在好多控件，如Android中已是系统的控件的sidemenu、checkbox、gridview等，这些在react native中系统是没有给我们提供的，这时候就借助了第三方开源的力量。那么我们今天说说在React Native

2017-01-01 21:49:38 10249

原创 React Native和Android整合详解

前言按照React Native的迭代速度，使用官网的文档，已经不能很顺利的实现React Native和Android的有效整合。React Native最新版本已经是0.39。为了更好的讲解React Native和Android的整合我这里列出我本地的环境：Android Stuidio 2.2稳定版64位win7操作系统红米note3双网通普配版React Native 0.39

2017-01-01 10:35:23 7570

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