2018年07月_xiangzhihong8

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

原创 Kotlin Native实战开发

注：本部分内容来源于《Kotlin入门与实战》，预计9月上市。16.1 Kotlin Native16.1.1 Kotlin Native简介Kotlin Native是一种将Kotlin源码编译成不需要任何VM支持的目标平台二进制数据的技术，编译后的二进制数据可以直接运行在目标平台上，它主要包含一个基于LLVM的后端编译器的和一个Kotlin本地运行时库。设计Kotlin Nat...

2018-07-31 21:25:30 15343

原创 Redux流程分析与实现

概述随着应用程序单页面需求的越来越复杂，应用状态的管理也变得越来越混乱，而Redux的就是为解决这一问题而出现的。在一个大型的应用程序中，应用的状态不仅包括从服务器获取的数据，还包括本地创建的数据，以及反应本地UI状态的数据，而Redux正是为解决这一复杂问题而存在的。redux作为一种单向数据流的实现，配合react非常好用，尤其是在项目比较大，逻辑比较复杂的时候，单项数据流的思想能使数...

2018-07-31 08:07:32 4110 1

原创 React-Native 样式指南

React-Native 的样式基本上是实现了 CSS 的一个子集，并且属性名不完全一致，所以当你开始在编写 React-Native 之前，可以先简要了解一下。目录Properties 属性 Text 文本Dimension 尺寸Positioning 定位Margin 外部白Padding 内补白Border 边框Background 背景Transform 转换F...

2018-07-26 22:44:57 1114

Android vitals 简介谷歌在2017年的I/O大会上提出的另一个概念是Vitals，重点是在Android O版本中，将针对设备电池续航、安全、应用启动时间和稳定性的优化上。除了系统的优化外，Google Play控制台提供的新功能Android vitals仪表盘也可以更清楚的帮助开发者理解app的行为表现，进而提升app的性能。有兴趣的读者可以通过Android vitals来...

2018-07-25 22:24:56 1870

原创 React Native自定义弹出警告框

React Native开发中，为了和ios效果保持一致，有些控件需要自己定义，如在警告弹框中，React Native本来已经提供了Alert控件，但是其效果在Android上是非常的丑陋的，所以为了满足产品同学的需要，只能自定义了。下面是其实现的效果：实现也非常的简单，使用Modal来进行自定义控件即可，下面是相关的代码。import React, {Component} fr...

2018-07-20 11:34:09 1936 1

原创 React组件详解

3.6.1 React组件简介众所周知，组件作为React的核心内容，是View的重要组成部分，每一个View页面都由一个或多个组件构成，可以说组件是React应用程序的基石。在React的组件构成中，按照状态来分可以分为有状态组件和无状态组件。所谓无状态组件，就是没有状态控制的组件，只做纯静态展示的作用，无状态组件是最基本的组件形式，它由属性props和渲染函数render构成。由于不涉...

2018-07-19 23:08:31 3181

原创面向切面编程AspectJ在Android埋点的实践

在项目开发中,对 App 客户端重构后，发现用于统计用户行为的友盟统计代码和用户行为日志记录代码分散在各业务模块中，比如在某个模块，要想实现对用户的行为一和行为二进行统计，因此按照OOP面向对象编程思想，就需要把友盟统计的代码以强依赖的形式写入相应的模块中，这样会造成项目业务逻辑混乱，并且不利于对外提供SDK。因此，通过研究发现，在Android项目中，可以使用AOP面向切面编程思想，把项目中所有...

2018-07-18 11:48:59 1406

原创前端状态管理框架之Redux

随着应用程序单页面需求的越来越复杂，应用状态的管理也变得越来越混乱。应用的状态不仅包括从服务器获取的数据，还包括本地创建的数据，以及反应本地UI状态的数据，而Redux正是为解决这一复杂问题而存在的。用Redux官网的话来概括什么是Redux：Redux是针对JavaScript应用的可预测状态容器。这句话虽然简短，但其实是有几个涵义的:可预测的(predictable): 因为Re...

2018-07-17 21:53:59 854

原创 React面试之生命周期与状态管理

React 生命周期在 V16 版本中引入了 Fiber 机制。这个机制一定程度上的影响了部分生命周期的调用，并且也引入了新的 2 个 API 来解决问题。在之前的版本中，如果你拥有一个很复杂的复合组件，然后改动了最上层组件的 state，那么调用栈可能会很长。调用栈过长，再加上中间进行了复杂的操作，就可能导致长时间阻塞主线程，带来不好的用户体验。Fiber 就是为了解决该问题而生。F...

2018-07-17 09:42:50 2164

原创 React Native与原生交互之跳转及传参

React Native(简称RN)开发的app大部分都可以在JS端完成，但是也有一些复杂的功能是需要原生端来完成的，或者是在原生项目中集成RN，此时RN与原生端就不可避免的需要进行交互，比如页面跳转和数据传递。...

2018-07-13 11:03:12 3397 3

原创 Flutter初体验

接上一篇文章：Flutter环境搭建，本文主要讲解如何利用Android Studio和VsCode开发一个简单的Flutter应用，如果要了解在原生APP中接入Flutter，可以参考下面两篇文章：iOS原生项目集成 Flutter和Android原生项目集成Flutter创建项目根据Flutter官方文档的介绍，新建Flutter应用主要有三种手段：Android Studio、V...

2018-07-12 17:08:26 882

转载 React Native 图表组件Echarts

一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发展相对繁荣一些，通过 WebView 在移动端使用 Echarts 这样功能强大的前端数据可...

2018-07-12 09:54:58 2135

原创在Android原生项目中集成Flutter

基本介绍flutter是google的跨平台开发框架, 他和react native及weex框架的最大差别是flutter不使用原生控件而使用gdi按帧渲染, 个人理解非常类似windows时代的DirectUI。本文将介绍如何在一个已有的安卓项目中添加flutter, 使得部分新功能采用flutter移植的基本思想是新建一个flutter功能和安卓工程对比看看差异在哪里, 并从flu...

2018-07-11 22:40:40 8126 2

原创 iOS原生项目集成 Flutter

前不久，谷歌官方正式发布了Flutter的首个发布预览版（Release Preview 1），这标志着谷歌进入了Flutter正式版（1.0）发布前的最后阶段，同时作为Google的重量级跨平台开发方案，此次更新也吸引了多数的移动开发者的关注。使用 Flutter从头开始写一个 App是一件非常轻松惬意的事情，但在原生APP中接入 Flutter会是什么效果呢，似乎并不是一件容易的事情，下面就讲...

2018-07-11 22:32:55 6095 4

原创 Flutter环境搭建

Flutter简介Flutter 是Google开发的一个移动跨平台（Android 和 iOS）的开发框架，使用的是 Dart 语言。和 React Native 不同的是，Flutter 框架并不是一个严格意义上的原生应用开发框架。Flutter 的目标是用来创建高性能、高稳定性、高帧率、低延迟的 Android 和 iOS 应用。并且开发出来的应用在不同的平台用起来跟原生应用具有一样的体...

2018-07-09 23:10:28 1983

原创 IntelliJ IDEA 2018软件激活大全

众所周知，IntelliJ IDEA 系列软件作为时下最热门的开发工具，是每个开发者必备的开发神器，不过近年来IntelliJ IDEA 开始陆续收费也是困扰了不少的程序员童鞋。不过，在我天朝，多半是没有人会为这种事情买单的，那么下面收集了几种破解手段。方法一 License server在打开的License Activation窗口中选择“License server”，在输入框...

2018-07-09 11:44:35 2024

原创 React Native原生与JS层交互

最近在对《React Native移动开发实战》一书进行部分修订和升级。在React Native开发中，免不了会涉及到原生代码与JS层的消息传递等问题，那么React Native究竟是如何实现与原生的互相操作的呢？原生给React Native传参原生给React Native传值原生给JS传值，主要依靠属性，也就是通过initialProperties，这个RCTRootVi...

2018-07-07 16:39:43 2056

原创 React Native组件之VirtualizedList

React Native（简称RN）列表是基于ScrollView实现的，也就是可以滚动的，然而RN并没有直接使用IOS或Android的原生列表组件，这是因为RN真正调用native代码的过程是异步的，二Native的渲染要求必须同步渲染的。在早期版本中，对于列表情况RN采用的是ListView组件，和Android一样，早期的ListView组件性能是非常的差的，在后来的版本中，RN提供了...

2018-07-06 17:13:41 1952

原创 Node事件循环之EventEmitter

Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列，Node.js 里面的许多对象都会触发分发事件：一个 net.Server 对象会在每次有新连接时触发一个事件，一个 fs.readStream 对象会在文件被打开的时候触发一个事件。所有这些产生事件的对象都是 events.EventEmitter 的实例。EventEmitter简介events 模块只提供...

2018-07-06 11:39:58 536 1

原创 React Native新组件之SwipeableFlatList

做过移动开发的同学都应该清楚，侧滑删除是移动开发中的一个常见功能。在官方没提供侧滑组件之前，要实现侧滑效果需要使用第三方库，如react-native-swipe-list-view。不过随着React Native 0.50版本的发布，系统新添加SwipeableFlatList组件，SwipeableFlatList是在FlatList基础上实现的侧滑显示菜单的功能，大大的方便了开发。Sw...

2018-07-02 17:20:58 1286

原创 G3D 渲染引擎简介

G3D 是一款基于 WebGL 的 JavaScript 3D 渲染引擎，借助 GCanvas，G3D 可以运行在 Weex，ReactNative 等 hybrid 环境下。G3D 由淘宝终端团队推出，并于 2018 年 3 月与 GCanvas 同时宣布正式开源。那么就会有同学问了，G3D 和 three.js 有什么不同呀？G3D 和 GCanvas 究竟是什么关系啊？这篇文章，就聊一聊...

2018-07-02 15:36:08 2380

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