qq_23414675-CSDN博客

原创 CodePush热更新详细接入教程

CodePush热更新组件详细接入教程什么是CodePush CodePush是一个微软开发的云服务器。通过它，开发者可以直接在用户的设备上部署手机应用更新。CodePush相当于一个中心仓库，开发者可以推送当前的更新（包括JS/HTML/CSS/IMAGE等）到CoduPush，然后应用将会查询是否有更新。接入流程安装 CodePush CLI注册 CodePu...

2018-09-03 23:20:07 1935 1

原创 iOS 从零到一搭建组件化项目框架

随着公司业务需求的不断迭代发展，工程的代码量和业务逻辑也越来越多，原始的开发模式和架构已经无法满足我们的业务发展速度了，这时我们就需要将原始项目进行一次重构大手术了。这时我们应该很清晰这次手术的动刀口在哪，就是之前的高度耦合的业务组件和功能组件，手术的目的就是将这些耦合拆分成互相独立的各个组件。工程效果预览组件化工程示例项目地址组件化开源项目Git仓库地址下面我们围绕这几个问题来展开...

2018-10-09 22:14:48 204

mpvue-meituanmpvue-meituan 是一款使用mpvue开发的实战小程序项目，完全仿制美团官方外卖点餐小程序开发而成，项目的框架结构完全按照企业开发架构搭建而成。结合了原生小程序的开发能力和Vue能力，使小程序开发起来更加便捷高效，项目使用了比较流行的Vuex框架来作为全局的状态数据管理，使数据交互更加的便捷，结合了sass的使用让写Css样式更加的得心应手。目前市面上有很多...

2018-10-09 22:00:48 1892

原创 iOS10 语音播报填坑详解(解决串行播报中断问题)

iOS10 语音播报填坑详解(解决串行播报中断问题)在来聊这类需求的解决方案之前，咱们还是先来聊一聊这类需求的真实使用场景：语音播报。语音播报需求运用最为广泛的应该是收银对账了，就类似于支付宝、微信、收钱吧等的收款语音提示一样。在iOS 10 之前，苹果没有提供通知扩展类的时候，如果想要实现杀进程也可以正常播报语音消息很难，从ios 10添加了这一个通知扩展类后，实现杀进程播报语音就相对简单很...

2018-09-18 00:04:29 1665

原创 React Native / React调试技巧

React Native / React调试技巧做过原生APP开发的同学们都清楚，我们在Xcode和studio中就可以直接对编写的代码进行断点调试，很方便，但是web开发断点调试就不能直接在开发工具中完成了，需要借助浏览器来完成，React相关的开发断点调试和web开发基本上一样，也是在浏览器上进行调试，虽然没有原生那么方便，但是也还算简单。React Native调试需要借助官方的Deve...

2018-09-07 00:14:57 1858

原创 React Native中Storage使用详解和封装

React Native中Storage使用详解和封装在移动端开发中，数据库存储肯定是避免不了的需求，在iOS中，我们也经常使用NSUserDefault单利类来存储一些简单的用户信息等数据，在web开发中我们经常使用LocalStorage来存储简单数据，在React Native中，我们可以选择直接使用官方推荐的数据存储组件AsyncStorage组件，但是有时候使用起来还是不够简单，功能...

2018-09-07 00:13:59 750

原创 React Native实现仿天猫商品分类页面

React Native实现仿天猫商品类目列表前段时间在群里有人问我，类似天猫类目分类这种列表怎么实现，其实这个类目不算复杂，只要清楚这两个列表之间的关系，选择好相应的组件，开发起来还是挺简单的，只是在开发中也有几个需要注意的小细节处理效果图预览Demo地址https://github.com/guangqiang-liu/react-native-categoryLi...

2018-09-07 00:12:53 1254

原创 React Native开发中自动打包脚本

React Native开发中自动打包脚本在日常的RN开发中，我们避免不了需要将我们编写的代码编译成安装包，然后生成二维码，供需要测试的人员扫描下载。但是对于非原生的开发人员来说，可能不知如何使用Xcode或者Android studio来导出ipa、apk安装包，为了解决非原生开发的同学们打安装包的痛苦，这里作者就提供一个shell脚本文件来实现一键式自动打包并生成安装二维码 (这里上传安装...

2018-09-07 00:10:28 945

原创 React Native封装Toast与加载Loading组件

React Native开发封装Toast与加载Loading组件在App开发中，我们避免不了使用的两个组件，一个Toast，一个网络加载Loading，在RN开发中，也是一样，React Native官方并没有提供者这两个常用组件，需要开发者自己根据需求来自定义。作者就在其他组件的基础上在进行二次封装，使用起来更加简单，更具扩展性，同学们只需将Toast与Loading文件拖到项目中，ins...

2018-09-06 00:30:30 585

原创 redux-saga框架使用详解及Demo教程

redux-saga框架使用详解及Demo教程前面我们讲解过redux框架和dva框架的基本使用，因为dva框架中effects模块设计到了redux-saga中的知识点，可能有的同学们会用dva框架，但是对redux-saga又不是很熟悉，今天我们就来简单的讲解下saga框架的主要API和如何配合redux框架使用redux-saga 官方地址http://leonshi.com...

2018-09-06 00:29:31 699

原创 iOS原生混合RN开发最佳实践

iOS原生混合RN开发详解做过原生iOS开发或者Android开发的同学们肯定也都了解Hybrid，有一些Hybrid的开发经验，目前我们企业开发中运用最广泛的Hybrid App技术就是原生与H5 hybrid，在早期的时候，可能部分同学也接触过PhoneGap等hybrid技术，今天我们就简单来聊下一种比较新的Hybrid技术方案，原生App与ReactNativie Hybrid，...

2018-09-05 00:28:59 1031

原创 React Native从零到一搭建开发环境

ReactNative环境搭建安装Homebrew安装rvm安装nvm安装node安装react-native-cli安装watchmaniOS安装xcode安装ruby安装cocoaPodsAndroid安装jdk安装 Android Studio1、Xcode直接在App Store下载即可2、RVM安装命令：$ cu...

2018-09-05 00:27:33 212

原创 CodePush自定义更新弹框及下载进度条

CodePush 热更新之自定义更新弹框及下载进度先来几张弹框效果图非强制更新场景强制更新场景更新包下载进度效果核心代码这里的热更新Modal框，是封装成一个功能独立的组件来使用的，需不需要更新以及是否为强制更新等逻辑均在组件内实现UpdateComp 热更新组件核心代码如下：/** * Created by guangqian...

2018-09-03 23:16:02 944 1

原创 dva框架使用详解及Demo教程

dva框架的使用详解及Demo教程在前段时间，我们也学习讲解过Redux框架的基本使用，但是有很多同学在交流群里给我的反馈信息说，redux框架理解上有难度，看了之后还是一脸懵逼不知道如何下手，很多同学就转向选择使用dva框架。其实dva框架就是一个redux框架与redux-saga等框架的一个集大成者，把几个常用的数据处理框架进行了再次封装，在使用方式上给使用者带来了便利，下面我们就来简单...

2018-09-03 23:13:08 1628