bangrenzhuce的博客

原创 Ionic2自定义遮罩层和相关注意事项

1、自定义遮罩层步骤1.1先创建一个展示框，在遮罩层之上<div class="aboutPage-isShowDiv" *ngIf="isShow"> <h1>放内容</h1> </div>1.2根据alert或者其他组件的样式，抽取ion-backdrop标签出来使用<div *ngIf="isShow" class="backdrop-div" (click)="bac

原创 Ionic2使用百度地图和html5 geolocation的一些注意事项

1、完美解决window.navigator.geolocation.getCurrentPosition，在IOS10系统中无法定位问题目前由于许多用户都将电话升级到了IOS系统，苹果的iOS 10已经正式对外推送，相信很多用户已经更新到了最新的系统。然而，如果web站没有及时支持https协议的话，当很多用户在iOS 10下访问很多网站时，会发现都无法进行正常精确定位，导致部分网站的周边推荐服务

原创 Ionic2创建一个自定义pipe实现千分位号

1、在src目录下创建一个pipe目录用于存放自定义pipe，然后创建一个pipe |--src |--pipe *****.ts2、在ts文件里面写pipe的逻辑import { Pipe, PipeTransform } from '@angular/core';/* * Raise the value exponentially * Takes an expone

原创 一行显示几个chartjs的图

一行显示几个chartJs的图表因为chartJs在canvas展示图表的时候会直接在canvas上修改相关css样式大小之类的，所以无法修改canvas的样式，可以在canvas的外层套div，然后用弹性盒子模型处理：HTML<div class="box-flex"> <div class="flex"> <canvas #chartPie

原创 关于Ionic2\Angular2使用http的一些坑

1、服务器接收key=value&key=value类型的值，但服务器无法获取到Post请求的body的值描述：使用url?key=value&key=value的形式可以正常请求到参数，但是把参数放入到body后，服务器估计获取到信息但无法正确解析解决：1、body要为字符串，格式：‘key=value&key=value’2、然后发送http请求的时候需要设置下'Content-Type

原创 Javascript关于promise的学习和运行时机

Javascript关于promise的学习和运行时机

原创 Ionic2之tabs相关内容和其他一些坑

ionic tab的属性和一些使用方法， 和ionic其他的一些注意事项

转载 Ionic2实现： 下拉刷新和上拉加载

下拉刷新： 1 ion-content> 2 ion-refresher (ionRefresh)="doRefresh($event)"> 3 ion-refresher-content 4 pullingIcon="arrow-dropdown" 5 pullingText="Pull to refresh" 6 refre

原创 Ionic2关于Slides的一些坑

首先，要知道Slides是实际使用的是swiper组件，所以遇到问题也可以查阅swiper相关资料。HTMLion-slides #ionSlides loop="true" autoplay="3000" pager (ionSlideAutoplayStop)="autoPlay()">TS:@ViewChild('ionSlides') slide

转载 Java内部类引用外部类中的局部变量为何必须是final？

今天编写一个多线程程序，发现在方法内定义内部类时，如果内部类调用了方法中的变量，那么该变量必须申明为final类型，百思不得其解，后来想到应该是生命周期的原因，因为方法内定义的变量是局部变量，离开该方法，变量就失去了作用，也就会自动被消除，而内部类却不会离开它所在方法就失去作用，它有更广的生命周期，下面通过一个实例加以说明：    如例中所示，在外部类Outer中声明了

转载 Activity的Launch mode详解 singleTask正解

本文参考了此文http://hi.baidu.com/amauri3389/blog/item/a54475c2a4b2f040b219a86a.html另附 android task与back stack开发文档翻译参见：http://mypyg.iteye.com/blog/919643     http://blog.csdn.net/infsafe/article/deta

转载 Sublime Text 3常用插件安装

一、Sublime3下载1.百度搜索Sublime3,选择进入下载页面 2.小编选择下载Win64位安装程序二、Sublime3安装傻瓜式安装，此处省略千言万语，然后打开就可以使用了，大家要注意的一点是，Sublime3是收费软件，最傻的是，如果用户不购买的话，在使用过程中会时不时出现要求购买的提示框，哈哈，但是我们可以轻松关掉呀，就当是Coding过程中的娱乐了，所以

转载 Angular2中ViewChild与ContentChild的区别

ViewChild官方文档翻译先来看看官方解释声明一个对子元素的引用。ViewChild需要一个参数来选择元素。如果参数是一个类型，一个指令或一个类型的组件将被绑定。如果参数是一个字符串，字符串被解释为一个选择器。也就是一个元素包含模板变量（如 #child）。在任何情况下，如果找到多个元素，那么只返回第一个。这个子元素将在ngAfterViewInit()回调前被赋值。

原创 jQuery.extend 函数使用详解

JQuery的extend扩展方法：      Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。      一、Jquery的扩展方法原型是:　　　extend(dest,src1,src2,src3...);      它的含义是将src1,src2,src3...合并到dest中,返回值为合并后

转载 JS实现的根据经纬度计算地球上两点之间的距离

最近用到了根据经纬度计算地球表面两点间距离的公式，然后就用JS实现了一下。计算地球表面两点间的距离大概有两种办法。第一种是默认地球是一个光滑的球面，然后计算任意两点间的距离，这个距离叫做大圆距离(The Great Circle Distance)。公式如下：使用JS来实现为：    var EARTH_RADIUS = 6378137.

原创 ionic2点击事件感觉到延迟的解决办法

In general, we recommend only adding (click) events to elements that are normally clickable. This includes  and  elements. This improves accessibility as a screen reader will be able to tell that

转载 JS、Jquery实现---把后台传过来的时间毫秒数转换成想要的日期格式

后台传过来的数据  creationTime  在后台是Date类型的毫秒转换成  05-24  月 日格式的[python] view plain copy //获得月日得到日期oTime          function getMoth(str){              var oDate = new D

原创 angular2的http请求返回结果的subcribe注意事项

this.monitorSer.getVehicleLonAndLat(vehicleIds)  .subscribe(    data => {      //将data下的data字符串转化为vehdata数组      this.vehData=JSON.parse(data.data);      //功能实现      this.loadOverLay(); 

转载 Ionic2可以有两种方式来存储数据，Local Storage和SQLite

Ionic2可以有两种方式来存储数据，Local Storage和SQLite   LocalStorage   因为比较容易访问，所以不适合存比较敏感性的数据比如可以存储: 用户是否登录的信息. 一些session信息等具体用法：进入项目目录：cd MyFirstApp在主页设置一个按钮，点击按钮，获取LocalStorage的数据并打

原创 在 chrome浏览器上出现此错误ERR_BLOCKED_BY_CLIENT

在 chrome浏览器上出现此错误，一般都是安装有拦截广告的插件，把此功能给拦截了I had faced the similar error, it is basically caused when use the ad blockers.Turn them off, and you run it easily.

原创 ionic和angular中使用rxjs的Observeble，其方法需要是private，不然build会出错

private extractData(res: Response) {  let body = res.json();  console.info(res.json());  return body|| { };}private handleError (error: any) {  // In a real world app, we might use a remot

原创 ionic2页面的生命周期

原创 Sublime Text 3 适用于ionic开发的插件下载

sublime text3是开发代码编辑的神器 ，编辑器界面优美，操作速度快速。而且Sublime text3是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。更多开发代码编辑神器尽在绿色123下载！　　Sublime text3 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。

转载 理解angularjs中的$emit,$broadcast和$on

在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件，并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方，事件一直朝着根作用域传递，传递期间并通知哪些注册在作用域上的监听器，如果这期间一个监听器接受到了这个事件，会注销这个事件，那么事件将会

原创 RESTFUL和http理解

REST 定义了一组体系架构原则，可以根据这些，包括使用不同语言编写的客户端如何通过 HTTP 处理和传输资源状态。所以在事实上，REST 对 Web的影响非常大，由于其使用相当方便，已经普遍地取代了基于 SOAP 和 WSDL 的接口设计。在多年以后的今天，REST的主要框架已经开始雨后春笋般的出现。 个人理解：（一） 首先REST只是一种风格，不是一种标准（二） REST是以资源

原创 如何在Windows下使用ionic打包与开发IOS程序

开发ios程序需要mac本，没的话就只能在虚拟机上安装一个MacOS。以下为步骤：1、安装VMware和Mac OS参考网上教程2、ionic开发ios程序3、安装Xcode为什么要安装Xcode呢？ionic开发Android程序都不需要安装eclipse等IDE，只要一个能写SSS，JS ，HTML的IDE就行（Hbuilder，WebS

转载 cordova插件使用（一套流程适用于每个插件使用）

iOS 状态栏的控制我是这么实现的：访问http://plugins.cordova.io/, 您可以在其中搜索cordova插件，例如我搜下statusbar:会发现有两个插件。其中下面的名字貌似更官方一点，我们就选择这个作为我们需要的插件。插件的安装很简单。我们需要的只是插件的ID, 也就是org.apache.cordova.statusbar. 然后打开终端

转载 关于 $http.get在项目打包后，手机端运行无法取得数据

最近的ionic项目，在打包后发布到手机端测试，却奇怪的发现，只要涉及使用api网络请求的地方，全部无法获取数据了，$http请求返回的代码状态status是0。原来，是cordova新版本导致的问题，cordova 5.0增加一个叫cordova-plugin-whitelist的插件，是用来做白名单过滤的，按以下步骤，即可修复情况：1.执行命令 cordova pl

原创 服务器上部署tomcat出错Failed to process JAR found at URL [/gps-HttpService] for ServletContainerInitializers

项目为maven项目，使用SSM框架，JDK为1.8+tomcat8，在本机开发，部署都没问题的 但是部署到服务器上时，使用服务器上的tomcat8，会出现以下错误org.apache.catalina.startup.ContextConfig.processServletContainerInitializers Failed to process JAR found at URL [

转载 两个一样的tomcat不能同时启动解决方法

两个一样的tomcat不能同时启动前提：最近在学服务器集群，现在弄的是纵向集群，即一台电脑上有多个服务器，扩大CPU使用率。问题：我的服务器是Tomcat7.0.20，修改完所有端口之后(shutdown端口、http端口、https端口、ajp端口)，启动一个就不能启动另一个。环境：两个Tomcat7.0.20，使用一个JVM，JDK7，Win7 64位系统。系统环境变量里的CA

原创 Mybatis的Dao向mapper传多个参数（三种解决方案）

第一种方案 DAO层的函数方法 Public User selectUser(String name,String area);    对应的Mapper.xml   select * from user_user_t where user_name = #{0} and user_area=#{1}其中，#{0}代表接收的是dao层中的第一个参数，#

原创 Spring 3 中引入properties配置文件

一、引入properties文件。方法1： 引入数据库配置信息 --> context:property-placeholder location="classpath*:properties/db.properties" />方法2：情况1配置一个： bean id="propertyConfigurer" class="org.s

转载 ibatis中resultMap和resultClass(Mybatis的resultType)的区别

resultMap和resultClass指的是在 select查询中的返回数据类型resultMap取值一、resultMap必须和我们之前定义id="accountMerchantDistribution"的Id相同 id="accountMerchantDistribution" class="com.sfbest.bean.AccountMerchantDi

转载 在Spring3中，配置DataSource的方法有6种。

在Spring3中，配置DataSource的方法有五种。 第一种：beans.xml Xml代码  bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource"      destroy-method="close">      property name="driverCla

转载 Mybatis 中在传参时，$ 和# 的区别

MyBatis中使用parameterType向SQL语句传参，parameterType后的类型可以是基本类型int,String,HashMap和Java自定义类型。在SQL中引用这些参数的时候，可以使用两种方式#{parameterName}或者${parameterName}，   首先，我们说一下这两种引用参数时的区别，使用#{parameterName}引用参数的时候，

原创 Java截取特定两个标记之间的字符串

如有一串字符串：higklmnopqjava代码如下：public class StringTest {public static void main(String[] args){String str = "higklmnopqSystem.out.println(str.substring(str.indexOf(">")+1, st

原创 js 计算两个日期之间的天数

js代码 能够计算两个日期之间的天数：function test() {                alert(duration(new Date(2009, 11, 31), new Date(2010, 0, 10)));                alert(duration(new Date(2009, 0, 31), new Date(2009

转载 JS: 如何计算一个月有多少天

JS中计算一个月有多少天的方法：function getCountDays() { 2 var curDate = new Date(); 3 /* 获取当前月份 */ 4 var curMonth = curDate.getMonth(); 5 /* 生成实际的月份: 由于curMonth会比实际月份小1,

原创 JS中在当前日期上追加一天或者获取上一个月和下一个月

JS中在当前日期上追加一天：Date本来就有setDate()的方法 ，用getDate()出来的数值+1就是加1天 如果大于本月最大天数会自动往下加一个月的如：var now = new Date();now = now.setDate(now.getDate()+1);  alert(now.toLocaleString);获取上一个月和

原创 Java将字符串转化为时间格式，与实现日期的计算

将字符串转化为时间格式，具体如下：有这样一个字符串：“20070911121547”， 转换成时间格式：2007-09-11 12:15:47 java代码：public class bb {      public static void main(String[] args) {          // TODO Auto-generated m