天外野草-CSDN博客

原创谈React Native在移动互联网中的技术应用

前言论江湖往事，看今朝是是非非，谈笑间亦是有”天下英雄出我辈，一入江湖岁月催。皇图霸业笑谈见，不胜人生一场醉”的感慨，华山论剑是江湖，职场人生是江湖，互联网的发展亦是江湖。题外话话说移动联网现现如今已有10年历史之多，平台的更新，系统的迭代，框架的不断演变，让身处其中的每个技术开发者着实有些心力交瘁，力不从心，一切来得太快了，笔者到今年2019年为止从事互联网技术行业已经有8年之...

2019-08-19 22:04:09 557

原创（声明）“天外野草”为本人今后的笔名以及网名

前言作为一名理工男，数学专业出身，但是酷爱文学，喜欢阅读，热爱演讲，平日里喜欢分享，传授，闲暇之余写写文章。对此本人决定，将使用“天外野草”作为今后写作的网名以及笔名。寓意为：“天外”即为不拘世俗，敢于突破，无所畏惧。 “野草”不管何等条件，何等环境，都能凭借顽强的生命力，谋求生存之地，生生不息，力求改变。终定为：”天外野草”！个人微信公众号

2017-12-02 23:17:05 1067

原创（头条）Cordova+React+OnsenUI+Redux新闻App开发实战教程

前言伴随着HTML5技术的普及力度与日俱增，混合应用开发已经备受关注，百家争鸣的技术框架，如何做好技术选型，搭建最稳健的架构，快速的持续集成，是一个跨平台App开发的关键所在，所以本套视频教程凭借实战App开发做实验讲解，带您共同学习基于Cordova平台的混合应用开发。效果展示Cordova集成Cordova作为最跨平台开发框架，已经变得越来越普及，已然成为各个平台开发的首选框架，Cordov

2017-11-27 21:20:24 1744

原创 SAP FIORI教程——如何设置Launchpad的多语言文件（SAP Cloud 版）

前言最近，有很多同学看了我的视频教程之后，总体反馈很不错，也有一些同学问我说，对于Global的项目，很多需要设置多语言的问题，那么我们知道在具体的APP中，我们可以设置I18n文件的方式，制作多语言版本，那么问题来了，对于FIORI应用的入口——Launchpad，如何设置多语言呢？那么今天我们讲解一下：其实，SCP多语言的设置相比在ECC（GUI）上设置要容易很多，不需要很多麻烦的配置。具体步骤

2017-10-18 22:02:58 1736 1

原创 SAP FIORI FOR IOS框架应用简介

前言SAP FIORI FOR IOS是针对于IOS平台的一套UX, 主要运行在IOS系统上，凭借原生的操作体验，搭配SAP FIORI UI设计，完美的将FIORI应用在移动平台，其核心就是SAP开发了一套基于Swift语言的IOS框架以及SAP Cloud Platform云平台工具，让开发人员能够快速搭建一个IOS版本的FIORI APP。SAP和Apple的合作关系“SAP是理想的合作伙伴

2017-09-01 17:25:01 1393 1

原创 SAPUI5教程——如何改变SAP Fiori登陆页面的背景图片

前言用过Fiori的同学都知道，SAP Fiori Launchpad有一个登陆页面，登陆页面在安装之后会有一个默认的背景图片，但是对个部分客户来讲，需要换成自己公司对应的背景，那么如何改变这个背景图片呢？方法通过tcode “SE80”进入对象的tcode页面选择 MIME Repository.导航进入SAP → PUBLIC → BC → UI2 → logon → img展开 im

2017-07-23 22:51:23 2319

原创 SAPUI5教程——查看系统安装的SAPUI5版本

前言查看SAPUI5的版本信息，将决定了你应用什么样的api在你的项目当中，那么在ECC系统当中应该如何查看，我们具体来看一下。具体步骤输入SICF，将看到如下界面：在service中输入* UI5_UI5 * 执行F8, 会看到如下图：找到UI5_UI5，右键点击Test运行，将会在浏览器中打开如下界面：此页面注明了当前版本信息。

2017-06-27 15:37:05 2683

原创 SAPUI5教程——SAP Fiori应用类型分析（Transactional, Fact Sheets, Analytical）

前言SAP Fiori整体应用类型分为三种，即为Transactional, Fact Sheets, Analytical, 那么这三种类型有什么区别呢？我们先看一张图：为了方便理解我们简单举个例子： Transactional App 可以用于录入时间，确认发票信息，更改信息等等，然后用Fact Sheets类型的应用去查看对应object的详细信息，可以进行相应的搜索，最后，但不是说并

2017-06-23 23:43:44 3059

原创 SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践

前言近年来，SAPUI5(SAP Fiori 2.0)的普及，云时代下的移动Web应用一路高歌，众多SAP 顾问也将焦点投入到了这个前端框架。那么作为一款和SAP 系列套件深度结合的框架，需要安装很多组件支持Fiori的系列开发，可能我们并不会去做SAP Basic的相关工作，但是作为一名合格的咨询顾问，需要了解它的原理。整体架构一个Fiori的安装过程中包含了前端服务组件和后台服务数据，前端组件和

2017-06-23 23:22:09 12421 1

原创 SAPUI5教程——can not load launchpad Tile问题解决方案

最近在配置客户系统，遇到一个launchpad无法加载tile的问题，查看配置没有问题。后来找到解决方案，分享一下：第一步，要检查你的authorization是否有问题，如果没问题查看第二步。第二步，登陆gateway系统，输入tcode “se38”第三步，输入“/UI2/INVALIDATE_GLOBAL_CACHES“第四步, 执行用”execution mode“.再次刷新laun

2017-06-23 20:17:53 1549

原创 SAPUI5教程——框架简介以及应用实践

前言SAPUI5是SAP公司推出的一款前端UI技术框架，基于HTML5技术，开发语言为Javascript, 诞生于2011年，此款移动框架和SAP 系列产品贴合紧密，开发迅速，符合SAP系统的整体风格，SAPUI5是一款封闭框架（收费），如果拥有SAP Netweaver License才可以免费试用，与SAPUI5相对应的还有一款开源框架被托管在github平台，大家可以去fork，学习一下。

2017-06-23 13:54:57 9559

原创 SAPUI5拓展标准应用的Controller原理分析及应用实践

前言鉴于SAP S/4 HANA的世界性普及，外加中国区云服务的正式落地，作为SAP 移动端用户体验的自有H5框架，也愈加备受关注，目前SAP大部分产品都是基于SAP Fiori进行定制开发，因此SAP Fiori也提供给客户大量的标准应用，只需要基础运维人员进行安装，即可实现实施应用。于此同时，基于业务场景的个性化的开发不可或缺，如果能在原理逻辑上稍加修改，这样可以减少很多时间和成本，所以今天我

2017-04-30 20:18:30 3615 2

原创 React-Native之IOS本地模块的应用实践分享（仅此一篇足以...）

前言React-Native从诞生至今，火热程度已经不言而喻，在不断的框架迭代过程中，RN也提供了丰富的组件，以供开发者使用，但是在实际应用中，我们可能需要更为丰富的交互组件，但是RN中又没有及时提供，这时候我们就需要使用RN的本地模块，本地模块即可以使用JS调用Native，也可以使用Native调用JS, 并传递各种参数，实现完整功能，接下来我们看看具体的使用方法，方便大家参考学习，如果想了解更

2017-02-15 20:20:59 8397

原创 Redux中间件在React和React-Native项目架构中的应用实践

前言在MVVM框架模式独揽天下的今天，React凭借其独特的设计思想，深入的设计理念，开辟了一条崭新的康庄大道，实属是一个重大的突破，为什么这么说呢？因为React论其设计思想，充其量只是MVVM种的V而已，对于大量而且复杂的数据来讲，自身处理上显得有些力不从心，这时候，传统的Redux和Flux的设计思想起到了决定性的作用，对于Redux和Flux这里不多赘述，这个观念在这两年被炒的异常火热，网上

2017-01-13 16:12:32 4450

原创 React-Native应用ListView实现上拉下拉刷新效果实践

前言在移动应用中，上拉刷新加载更多，下拉刷新列表的操作非常常见，那么在React-Native中应该如何实现呢，我们具体来看一下？必备的组件ListView：效果和ScrollView比较类似，但是效率会高些，因为只渲染当前屏幕显示的数据。RefreshControl：这是一个组件嵌入到ListView，ScrollView中，实现刷新的效果。上面两个组件都是RN自带的组件的实现起来比较容易。

2017-01-13 15:03:12 10018 4

原创 Redux-Saga在React工程架构之的应用实践详解

前言React的作用View层次的前端框架，自然少不了很多中间件（Redux Middleware）做数据处理, 而redux-saga就是其中之一，目前这个中间件在网上的资料还是比较少，估计应用的不是很广泛，但是如果使用得当，将会事半功倍的效果，下面仔细介绍一个这个中间件的具体使用流程和应用场景。redux-saga简介Redux-saga是Redux的一个中间件，主要集中处理react架构中的异

2017-01-12 15:12:08 24909

原创 React-Native工程项目打包编译发布过程详解

前言现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同，下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布Android平台有两种发布方式，一种是借助于命令行操作，另外一种是借助于Android Studio进行发布，具

2017-01-03 19:51:07 11535 1

原创 SAP FIORI 2.0次时代用户体验（云时代的升级体验...）

前言现如今大数据、云时代、人工智能、虚拟现实、深度学习，各种技术充斥着我们的眼帘，次时代的用户体验无时无刻在影响着我们工作学习的方式。（打开教程： http://edu.csdn.net/course/detail/5046）基于S/4HANA云服务下的Fiori 2.0版本将成为最新一代用户体验，新的设计理念和新的设计主题更高程度上提高了用户的便捷性。新版的Belize主题也将会替代原有的Blue

2016-12-15 15:37:18 3995

原创针对于WebStorm工具开发React工程详细配置

前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性，无形之中提高了工作效率，目前比较火爆的React也越来越被众多开发人员所采纳，但是WebStorm下的React工程经常会出现很多警告以及转换提示，下面我就对此做一些整理，方便更多同志使用。React Library支持点击下载按钮，下来所需要的react library:激活所选library, 应用即可支持JSX

2016-12-07 14:30:16 48018 3

原创 WebPack在React项目架构中的应用实践

前言说起WebPack的发展历程，不由想起了一那句“千里马常有，而伯乐不成有的”的名言，相信很多人都听说过Grunt, Gulp 这样的架构工具，但是却很少有人涉及应用过Webpack, 但是由于React的技术框架的风靡一时，webpack的地位以及应用度得到了很大的提升，这不得不感谢Facebook的架构。对此，我也谈一下webpack在React项目中的应用实践，究竟为何要用这样一个技术架构。

2016-12-07 10:22:54 2767 1

原创 SAP Fiori移动产品的HANA迁移之路（整体解决方案）

前言SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措，随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心，SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新，其以用户为中心的设计理念更多的聚焦在如何提高企业员工的工作效率、工作方式，凭借最优的成本创造最大的价值。（教程入口：

2016-12-05 12:38:35 6284

原创 SAP FIORI移动产品架构优化衍进之路

前言作为一名SAP Fiori 移动顾问已有些年月，在linkin 上也有很多同志咨询过相关的技术问题，但是关于这方面的文章本人却很少起笔，闲来无事，想想还是记录一些在SAP产品上的项目实施经验，以便更多的同志参考！（视频教程参考链接： http://edu.csdn.net/course/detail/5046）SAP Fiori 简介提到Sap Fiori, 我们要先从SAPUI5讲起。SAPU

2016-11-09 20:38:30 6165

原创 Hybrid移动应用语音录制及断点上传实现思路

前言断点上传功能在移动应用中较为常见，使用过程中，要求录制较为清晰切大小适中的语音文件，能够控制断点上传会有较好的用户体验，下面是我在这方面的一些实践经验，分享一下，不成熟的地方欢迎指正！混合应用中的音频录制首先创建一个Cordova项目：cordova create Audio com.delaware.AudioDemo AudioDemocd Audiocordova platform ad

2016-10-14 16:59:34 2344 2

原创 IOS10.0+, Android 6.0+系统升级后Hybird应用常见问题修复

移动操作系统，每年会有一个大版本的发布，对部分功能多少会有影响，最近由于苹果发布了IOS10，以及android .6系统的普及，导致部分项目无法正常运转，尝试了一番，解决了所有问题，为此记录一下，方便同样问题的同志及时解决掉。IOS10升级后的问题其实自从IOS9+以后， iphone平台变化还是挺大的，可能这里列举不是很全，算是参考吧！HTTPS协议IOS9以后要求所有的app都要尊崇https

2016-10-13 16:14:26 2328

原创混合移动应用中地图导航功能开发与应用

前言地图功能再常见不过，技术也很成熟，对于native的时间方案，有很多，我们可以使用高德地图sdk, 腾讯地图sdk, 百度地图sdk。但是混合移动应用中，改如何实现呢？下面我们以百度地图为例。可以实现的几种方案大概有一下两种方案可选：编写地图插件，进行插件调用，但显示地图为native view.(实现起来比较麻烦)调用JS library, 实现地图功能，但是功能相对匮乏，有特殊需要还需

2016-10-13 14:19:41 6989

原创 Hybrid移动应用在多页面大数据复杂业务背景下的优化实践方案

前言对于混合应用而言，性能问题一直被吐槽，虽然设备的内存的不断增大，很大程度上缓解了这个一问题，但是和原生应用来讲还是有很大区别，本人从Phonegap2.x开始，一直的探索和使用混合应用技术。当时的2.x性能真是不怎么样，首次加载时间也比较长，后来phonegap被apache纳入旗下以后，更名为Cordova，可以说从此以后，性能问题得到了很大的改善，占用内存也越来越小，到如今使用的版本已经变为

2016-10-12 17:26:29 2736 1

原创 CodePush热更新云服务在Cordova项目中的应用实践

前言由于App每次升级打包的繁琐性，项目中不想进行二次打包，这就需要实时更新的服务，探索了许久，发现CodePush满足了我们的需求。CodePush 是微软开发的，可以实时更新 React Native 和 Cordova 应用。CodePush 是提供给 React Native 和 Cordova 开发者直接部署移动应用更新给用户设备的云服务。CodePush 作为一个云仓库，作为开发者可以直

2016-10-12 11:54:42 4978 2

原创 React-Native实际项目开发中的高效率调试实践方案

前言项目开发过程中，调试非常重要，调试工具决定了我们的开发效率，最近在做一个项目采用React-Native框架，对这个框架的调试做了一点研究，为此分享一下个人的见解：方法在运行带RN的工程后，当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键，调出RN的开发者菜单，如图所示，其中有选项“Debug JS Remotely”，可以将JS脚本在浏览器中进行调试。

2016-09-28 17:00:07 2302

原创 React-Native在MacOS 10.12 Sierra后无法启动及监听解决方案

问题描述出于好奇，本人最新升级了苹果最新的Sierra系统，最近在调试React-Native项目过程当中发现一个奇怪的问题，项目可以成功build，通过xcode也可以编译到手机上，但是无法自动启动模拟器，并且报出监听失败的问题，issue截图如下：解决方案需要安装watchman在mac os上，这个一款facebook推出的用来监听文件改变的开源框架。sudo brew install

2016-09-28 14:59:31 3094

原创驱动原生型移动应用的跨平台分析与见解(个人观点)

前言前言从事移动应用开发已经有些年头，做过Android, IOS，混合应用开发，应用过Wex5, Cordova等平台框架，对于这些平台还是有一定了解，但是驱动原生型移动应用开发理念还是第一次听说普元移动开发平台Weex移动开发平台React Native开发平台

2016-09-26 17:42:41 2368

原创 (热更新技术)高效率Hybird移动应用开发过程解决方案

前言作为一名移动应用开发者而言快速高效进行版本测试，是至关重要的，所以一直在探索一个解决方案，可以随时更新我们的逻辑代码，今天我们就来看一下，我是如何在项目中进行应用的。热更新这个名词很早就听说过，只不过一直都没有一个明确的定义，也没有过多的机会去尝试，但是最近遇到过一个需求，尝试了一下, 所谓热更新就是在不需要重新安装的情况，升级和测试我们的app, 这个理念多被应用在混合和驱动原生型的应用当中。

2016-09-26 16:54:15 2872

原创 Babel在ES6项目架构中的搭建与应用方案解析

前言自从ES2015发布以来，所有的项目都转到了这一个标准，但是考虑到兼容性的问题，不得不对现有代码做一个转换，也就是说将ES6规范的代码转换到ES5的标准，保证项目不存在任何问题的情况下运行，有人会问，这不是多此一举吗，但是我想说ES6给开发带来的语法糖非常之多，足以吸引多数的技术决策者去尝试，此规范也大大提高了项目的可维护性和规范性，个人非常推崇，并且在项目中的应用稳定性也很高，如果你还没

2016-09-26 10:02:10 3697 1

原创最新Google Analytics在Android Studio工具中的集成使用

前言自动google发布Android Studio以来，很多项目都转到这了这个开发工具，Android Studio采用gradle进行构建，虽然某种意义上十分的自动化，但是对于用惯了Eclipse+ADT开发的人来讲，最开始还是有很多的不适应，在第一次构建项目的时候，最好能让你的网络连接google，否则会有很多问题，因为自动构建会从google服务上获取相应的服务包，这是需要能够访问googl

2016-09-23 19:29:06 2201

原创 Android 6.0+ 相机图册调用崩溃解决方案

最近客户更新系统发现，以前的项目在调用相机的时候，闪退掉了，很奇怪，后来查阅后发现，Android 6.0以后需要程序授权相机权限，默认会给出提示，让用户授权，个人感觉这一特性很好，大概如下：导入Android V4， V7包！Android Studio 导入很简单，右键项目后找到dependency就ok了。继承AppCompatActivitypublic class MainActivity

2016-09-21 21:16:43 2513

原创 IONIC自定义动态高度SubHeader的解决方案

IONIC subheader是我们常用的一个css 属性，但是这个subheader的高度是固定的，当然也是可以改变的，但是如果改了subheader的告诉，还要更改content的top值，稍微有些麻烦，如果是动态告诉的subheader就麻烦了，还需要动态更改content的top数值，所以就写了一个directive解决这个问题：上代码吧：/** * Created by Richard

2016-09-21 11:45:40 3699 1

原创 How to optimize the WebStrom performance?

As I know, everybody is working by webstrom for now.But the performance is very bad about the latest version.I am testing one solution that it can optimize it. Everybody can try it it there is some im

2016-09-21 10:40:10 1719

原创 Cordova配置文件常用属性配置分析（config.xml）

混合应用开发的模式，越来越被各大公司热推，凭借其快速迭代，跨平台的特性，已经变得炙手可热，那个为了能更贴合于Native效果，有更好的用户体验，cordova的配置更是关键，今天就来分析一下cordova常用的配置属性。首先，我们来看一个配置文件：<?xml version='1.0' encoding='utf-8'?><widget id="com.phd.demoProject" vers

2016-09-21 09:52:27 8974

原创 Hybird App混合移动应用开发技术整体解决方案，速来围观！

摘要由于H5的逐步普及，混合移动应用开发变的炙手可热，其主要的开发语言就是JavaScript，这在很多人看来无论是在性能和安全上来讲，并不被大家所看好，所今天就来谈一下如何对混合应用做优化以及加密，希望对大家有所帮助，本人一直沿用Cordova做混合应用开发平台，这也是目前使用最为广泛，而且比较稳定，社区最为活跃的一个平台，今天我们就基于这个平台做相关讲解！Hybird APP混合应用原理分析混合

2016-09-20 17:17:05 8235

原创 AngularJS路由删除#符号解决方案

最近做一个web应用，有个需求需要删除angular路由中的#号。例如：http://example.com/http://example.com/#/abouthttp://example.com/#/contact需要改成http://example.com/http://example.com/abouthttp://example.com/contact这个是angular默认自带的

2016-09-20 11:21:48 2627

原创 IONIC多条聊天记渲染完毕后滚动到底部解决方案

最近开发一个混合即时通讯项目，有这样一个场景，当用户已经有很多条聊天记录后，再次进入后，需要显示所有的记录，然后自动滚动到底部。滚动到底部实现起来比较简单，$ionicScrollDelegate就可以实现，但是angular的ng-repeat渲染是需要一段时间的，也就是说们需要知道什么时候ng-repeat才会渲染完成，才能真正滚动到页面底部。研究了一下找到了一个解决方案：为了达到复用的目的，我

2016-09-20 10:42:18 3998 1