2016年09月_天外野草

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

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

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

2016-09-28 17:00:07 2304

原创 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 3098

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

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

2016-09-26 17:42:41 2373

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

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

2016-09-26 16:54:15 2875

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

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

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

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

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

2016-09-23 19:29:06 2209

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

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

2016-09-21 21:16:43 2521

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

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

2016-09-21 11:45:40 3701 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 1720

原创 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 8976

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

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

2016-09-20 17:17:05 8244

原创 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 2633

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

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

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

转载 Configuring App Transport Security Exceptions in iOS 9 and OSX 10.11

What is App Transport Security (ATS)?At WWDC 2015, Apple announced “App Transport Security” for iOS 9 and OSX 10.11 El Capitan. The “What’s New in iOS” guide for iOS 9 explains:App Transport Security (

2016-09-28 17:28:24 871

原创混合应用开发之定位后只获取国家和城市名称

混合应用开发主要应用技术就是H5，H5定位的实现方法也比较广泛，但是定位后如何获取到有用的信息，这个还需要一番研究，本人就遇到过这个问题。在我的应用已经定位到坐标，需要根据坐标获取国家和城市名，不需要其他信息，但是返回信息中又无法指定。于是找到下面的方法：navigator.geolocation.getCurrentPosition(position => { let ad

2016-09-20 10:50:52 1483

原创混合App应用实现本地头像剪切，压缩上传功能（支持任何H5框架）

头像上传是任何一个应用都会用到的功能，但是头像的尺寸往往需要控制一下，这样会有一个比较不错的显示效果，例如我们通常会控制用户的头像为正方形，这个切圆角边的时候不会变形，显示位置也很固定。对于H5混合应用来讲，我们就需要插件做为支持，今天来讲一下我的解决方案，此方案参考参考了如下几个作者的代码，非常感谢这几位作者的代码，解决了很大问题，但是存在小的issue，我修复了一下：jeduan作者的插件：

2016-09-12 12:13:05 4223

原创 Internal navigation rejected: <allow-navigation not set> in Cordova on iOS

最近升级cordova 6.2，并升级了相应的平台，ios-platform android-platform. 最先很多未知的为题，比如H5调用手机电话功能失效了。<a class="detail-tel" href="tel：400232412"></a>只cordova之前的版本中，我们只需要在config.xml配置如下信息： <access origin="*"/> <access

2016-09-06 10:11:52 1872

原创 IONIC页面底部被遮住，无法向上滚动问题解决方案

IONIC作为目前最为火热的框架，在开发过程中我们同样会遇到各种各样奇葩的问题，比如下面这个：问题描述：在页面底部有一个按钮，点击这个按钮会额外显示一些数据，此时页面会超出，需要滚动效果，同样的场景对于ion-list 的infinate效果，但是偶尔会出现，无法滚动的问题，手指向上拖动，松开后又弹回原来位置，始终看不到底部数据，这是因为ionic view没有重新计算新增高度的问题。解决方案我们需

2016-09-06 09:32:11 3998

原创 iOS 10 开发适配系列之权限Crash问题

之前做了一个混合应用的ios项目，但升级 iOS 10 之后目测坑还是挺多的，记录一下吧！之前写了一个扫描插件，最近调用扫扫描相机，崩了。试试看调用相册，又特么崩了。然后看到控制台输出了以下信息:This app has crashed because it attempted to access privacy-sensitive data without a usage description.

2016-09-05 15:21:43 1936

原创 IONIC键盘弹出防止页面Header（title位置）自动上移位置（消失）

近两年由于html5技术的普及，混合类应用在移动市场占据了大量的份额，但是如果想用html5技术达到native的效果，还需要一点努力的。比如在混合应用中，当页面空间不是很足的时候，点击输入框弹出键盘，header会自动向上移动，直到消失，此效果只发生在ios上，那我们应该如何解决呢？我再项目中应用到了ionic，就以ionic为例，说一下我的解决方案。安装插件cordova plugin add

2016-09-05 10:57:10 9675