- 博客(21)
- 资源 (153)
- 收藏
- 关注
原创 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 15424
原创 Redux流程分析与实现
概述随着应用程序单页面需求的越来越复杂,应用状态的管理也变得越来越混乱,而Redux的就是为解决这一问题而出现的。在一个大型的应用程序中,应用的状态不仅包括从服务器获取的数据,还包括本地创建的数据,以及反应本地UI状态的数据,而Redux正是为解决这一复杂问题而存在的。redux作为一种单向数据流的实现,配合react非常好用,尤其是在项目比较大,逻辑比较复杂的时候,单项数据流的思想能使数...
2018-07-31 08:07:32 4148 1
原创 React-Native 样式指南
React-Native 的样式基本上是实现了 CSS 的一个子集,并且属性名不完全一致,所以当你开始在编写 React-Native 之前,可以先简要了解一下。目录Properties 属性 Text 文本Dimension 尺寸Positioning 定位Margin 外部白Padding 内补白Border 边框Background 背景Transform 转换F...
2018-07-26 22:44:57 1133
原创 Android vitals 提升app性能和质量
Android vitals 简介谷歌在2017年的I/O大会上提出的另一个概念是Vitals,重点是在Android O版本中,将针对设备电池续航、安全、应用启动时间和稳定性的优化上。除了系统的优化外,Google Play控制台提供的新功能Android vitals仪表盘也可以更清楚的帮助开发者理解app的行为表现,进而提升app的性能。有兴趣的读者可以通过Android vitals来...
2018-07-25 22:24:56 1906
原创 React Native自定义弹出警告框
React Native开发中,为了和ios效果保持一致,有些控件需要自己定义,如在警告弹框中,React Native本来已经提供了Alert控件,但是其效果在Android上是非常的丑陋的,所以为了满足产品同学的需要,只能自定义了。下面是其实现的效果: 实现也非常的简单,使用Modal来进行自定义控件即可,下面是相关的代码。import React, {Component} fr...
2018-07-20 11:34:09 1973 1
原创 React组件详解
3.6.1 React组件简介众所周知,组件作为React的核心内容,是View的重要组成部分,每一个View页面都由一个或多个组件构成,可以说组件是React应用程序的基石。在React的组件构成中,按照状态来分可以分为有状态组件和无状态组件。 所谓无状态组件,就是没有状态控制的组件,只做纯静态展示的作用,无状态组件是最基本的组件形式,它由属性props和渲染函数render构成。由于不涉...
2018-07-19 23:08:31 3202
原创 面向切面编程AspectJ在Android埋点的实践
在项目开发中,对 App 客户端重构后,发现用于统计用户行为的友盟统计代码和用户行为日志记录代码分散在各业务模块中,比如在某个模块,要想实现对用户的行为一和行为二进行统计,因此按照OOP面向对象编程思想,就需要把友盟统计的代码以强依赖的形式写入相应的模块中,这样会造成项目业务逻辑混乱,并且不利于对外提供SDK。因此,通过研究发现,在Android项目中,可以使用AOP面向切面编程思想,把项目中所有...
2018-07-18 11:48:59 1431
原创 前端状态管理框架之Redux
随着应用程序单页面需求的越来越复杂,应用状态的管理也变得越来越混乱。应用的状态不仅包括从服务器获取的数据,还包括本地创建的数据,以及反应本地UI状态的数据,而Redux正是为解决这一复杂问题而存在的。用Redux官网的话来概括什么是Redux:Redux是针对JavaScript应用的可预测状态容器。这句话虽然简短,但其实是有几个涵义的:可预测的(predictable): 因为Re...
2018-07-17 21:53:59 863
原创 React面试之生命周期与状态管理
React 生命周期在 V16 版本中引入了 Fiber 机制。这个机制一定程度上的影响了部分生命周期的调用,并且也引入了新的 2 个 API 来解决问题。在之前的版本中,如果你拥有一个很复杂的复合组件,然后改动了最上层组件的 state,那么调用栈可能会很长。调用栈过长,再加上中间进行了复杂的操作,就可能导致长时间阻塞主线程,带来不好的用户体验。Fiber 就是为了解决该问题而生。F...
2018-07-17 09:42:50 2177
原创 React Native与原生交互之跳转及传参
React Native(简称RN)开发的app大部分都可以在JS端完成,但是也有一些复杂的功能是需要原生端来完成的,或者是在原生项目中集成RN,此时RN与原生端就不可避免的需要进行交互,比如页面跳转和数据传递。...
2018-07-13 11:03:12 3423 3
原创 Flutter初体验
接上一篇文章:Flutter环境搭建,本文主要讲解如何利用Android Studio和VsCode开发一个简单的Flutter应用,如果要了解在原生APP中接入Flutter,可以参考下面两篇文章:iOS原生项目集成 Flutter和Android原生项目集成Flutter创建项目根据Flutter官方文档的介绍,新建Flutter应用主要有三种手段:Android Studio、V...
2018-07-12 17:08:26 891
转载 React Native 图表组件Echarts
一种在 React Native 中封装的响应式 Echarts 组件,使用与示例请参见:react-native-echarts-demo近年来,随着移动端对数据可视化的要求越来越高,类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发展相对繁荣一些,通过 WebView 在移动端使用 Echarts 这样功能强大的前端数据可...
2018-07-12 09:54:58 2148
原创 在Android原生项目中集成Flutter
基本介绍flutter是google的跨平台开发框架, 他和react native及weex框架的最大差别是flutter不使用原生控件而使用gdi按帧渲染, 个人理解非常类似windows时代的DirectUI。本文将介绍如何在一个已有的安卓项目中添加flutter, 使得部分新功能采用flutter移植的基本思想是新建一个flutter功能 和安卓工程对比看看差异在哪里, 并从flu...
2018-07-11 22:40:40 8166 2
原创 iOS原生项目集成 Flutter
前不久,谷歌官方正式发布了Flutter的首个发布预览版(Release Preview 1),这标志着谷歌进入了Flutter正式版(1.0)发布前的最后阶段,同时作为Google的重量级跨平台开发方案,此次更新也吸引了多数的移动开发者的关注。使用 Flutter从头开始写一个 App是一件非常轻松惬意的事情,但在原生APP中接入 Flutter会是什么效果呢,似乎并不是一件容易的事情,下面就讲...
2018-07-11 22:32:55 6134 4
原创 Flutter环境搭建
Flutter简介Flutter 是Google开发的一个移动跨平台(Android 和 iOS)的开发框架,使用的是 Dart 语言。和 React Native 不同的是,Flutter 框架并不是一个严格意义上的原生应用开发框架。Flutter 的目标是用来创建高性能、高稳定性、高帧率、低延迟的 Android 和 iOS 应用。并且开发出来的应用在不同的平台用起来跟原生应用具有一样的体...
2018-07-09 23:10:28 2017
原创 IntelliJ IDEA 2018软件激活大全
众所周知,IntelliJ IDEA 系列软件作为时下最热门的开发工具,是每个开发者必备的开发神器,不过近年来IntelliJ IDEA 开始陆续收费也是困扰了不少的程序员童鞋。不过,在我天朝,多半是没有人会为这种事情买单的,那么下面收集了几种破解手段。方法一 License server在打开的License Activation窗口中选择“License server”,在输入框...
2018-07-09 11:44:35 2055
原创 React Native原生与JS层交互
最近在对《React Native移动开发实战》一书进行部分修订和升级。在React Native开发中,免不了会涉及到原生代码与JS层的消息传递等问题,那么React Native究竟是如何实现与原生的互相操作的呢?原生给React Native传参原生给React Native传值原生给JS传值,主要依靠属性,也就是通过initialProperties,这个RCTRootVi...
2018-07-07 16:39:43 2071
原创 React Native组件之VirtualizedList
React Native(简称RN)列表是基于ScrollView实现的,也就是可以滚动的,然而RN并没有直接使用IOS或Android的原生列表组件,这是因为RN真正调用native代码的过程是异步的,二Native的渲染要求必须同步渲染的。在早期版本中,对于列表情况RN采用的是ListView组件,和Android一样,早期的ListView组件性能是非常的差的,在后来的版本中,RN提供了...
2018-07-06 17:13:41 1977
原创 Node事件循环之EventEmitter
Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列,Node.js 里面的许多对象都会触发分发事件:一个 net.Server 对象会在每次有新连接时触发一个事件, 一个 fs.readStream 对象会在文件被打开的时候触发一个事件。 所有这些产生事件的对象都是 events.EventEmitter 的实例。EventEmitter简介events 模块只提供...
2018-07-06 11:39:58 547 1
原创 React Native新组件之SwipeableFlatList
做过移动开发的同学都应该清楚,侧滑删除是移动开发中的一个常见功能。在官方没提供侧滑组件之前,要实现侧滑效果需要使用第三方库,如react-native-swipe-list-view。不过随着React Native 0.50版本的发布,系统新添加SwipeableFlatList组件,SwipeableFlatList是在FlatList基础上实现的侧滑显示菜单的功能,大大的方便了开发。Sw...
2018-07-02 17:20:58 1309
原创 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 2474
Android离线包前端代码
2022-06-03
ModalViewDemo.zip
2020-11-30
ArouterDemo.zip
2019-07-05
Android仿微信图片选择
2019-03-12
iOS骨架屏源码
2019-01-04
Javassist代码注入
2018-10-15
仿喜马拉雅FM
2018-09-26
Android原生集成RN
2018-06-06
Flutter跨平台
2018-06-01
阿里的Atlas组件化框架
2018-05-10
Android模块化
2018-04-23
hexo博客打赏源码
2018-03-27
阿里云精选API
2017-12-27
美团RN项目
2017-07-31
安卓聊天页面
2017-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人