ionic 加载app,页面空白解决方案

发表于 2016-05-21 | 分类于 Ionic |

给公司开发的app 经常会遇到打开加载空白页问题，虽然已经装了cordova.splashscreen.SplashScreen,但问题依然存在。
Google之后得到如下解决方案：

<preference name="AutoHideSplashScreen" value="false"/>
<preference name="ShowSplashScreenSpinner" value="false"/>
<preference name="SplashMaintainAspectRatio" value="true"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="SplashScreenDelay" value="10000"/>
<preference name="FadeSplashScreen" value="false"/>
<feature name="SplashScreen">
  <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/>
</feature>

在app.js里加入：

if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            cordova.plugins.Keyboard.disableScroll(true);
            setTimeout(function () {
                navigator.splashscreen.hide();
            }, 100);
}

Ruby 编程风格指南

发表于 2016-05-13 | 分类于 Ruby |

rails minitest 写mocha

发表于 2016-05-04 | 分类于 Ruby |

describe "订单号测试" do
      it "规则测试" do
        time = Time.now
        Time.expects(:now).at_least_once.returns(time+24*60*60)
        order = OrderInfo.new
        order.serial_number.must_equal "#{(time+24*60*60).strftime('%Y%m%d')}000001"
      end
  end

expects(:now)是期望返回now的值是一天后的值非当天的值。

AngularJS 指令的 Scope (作用域)

发表于 2016-04-19 | 分类于前端 |

当一个指令被创建的时候，都会有这样一个选择，是继承自己的父作用域（一般是外部的Controller提供的作用域或者根作用域（$rootScope）），还是创建一个新的自己的作用域，当然AngularJS为我们指令的scope参数提供了三种选择，分别是：false,true,{}；默认情况下是false。
JS:

angular.module("MyApp", [])
    .controller("MyController", function ($scope) {
    $scope.name = "dreamapple";
    $scope.age = 20;
    $scope.changeAge = function(){
        $scope.age = 0;
    }
    })
    .directive("myDirective", function () {
    var obj = {
        restrict: "AE",
        scope: {
            name: '@myName',
            age: '=',
            changeAge: '&changeMyAge'
        },
        replace: true,
        template: "<div class='my-directive'>" +
            "<h3>下面部分是我们创建的指令生成的</h3>" +
            "我的名字是：<span ng-bind='name'></span><br/>" +
            "我的年龄是：<span ng-bind='age'></span><br/>" +
            "在这里修改名字：<input type='text' ng-model='name'><br/>" +
            "<button ng-click='changeAge()'>修改年龄</button>" +
            " </div>"
    }
    return obj;
    });

HTML:

<div ng-app="MyApp">
    <div class="container" ng-controller="MyController">
        <div class="my-info">我的名字是：<span ng-bind="name"></span>
            <br/>我的年龄是：<span ng-bind="age"></span>
            <br />
        </div>
        <div class="my-directive" my-directive my-name="{{name}}" age="age"  change-my-age="changeAge()"></div>
    </div>
</div>

@
这是一个单项绑定的前缀标识符
使用方法：在元素中使用属性，好比这样<div my-directive my-name=""></div>

注意，属性的名字要用-将两个单词连接，因为是数据的单项绑定所以要通过使用｛｛｝｝来绑定数据。

=

这是一个双向数据绑定前缀标识符
使用方法：在元素中使用属性，好比这样<div my-directive age="age"></div>,注意，数据的双向绑定要通过=前缀标识符实现，所以不可以使用｛｛｝｝。

&

这是一个绑定函数方法的前缀标识符
使用方法：在元素中使用属性，好比这样<div my-directive change-my-age="changeAge()"></div>，注意，属性的名字要用-将多个个单词连接。

注意：在新创建指令的作用域对象中，使用属性的名字进行绑定时，要使用驼峰命名标准，比如下面的代码。

scope: {
            // `myName` 就是原来元素中的`my-name`属性
            name: '@myName', 
            age: '=',
            // `changeMyAge`就是原来元素中的`change-my-age`属性
            changeAge: '&changeMyAge' 
        }

@ 当指令编译到模板的name时，就会到scope中寻找是否含有name的键值对，如果存在，就像上面那样，看到@就知道这是一个单向的数据绑定，然后寻找原来的那个使用指令的元素上（或者是指令元素本身）含有这个值的属性即my-name=，然后在父作用域查找的值，得到之后传递给模板中的name。
=和&与@差不多，只不过=进行的是双向的数据绑定，不论模板还是父作用域上的属性的值发生改变都会使另一个值发生改变，而&是绑定函数而已。

rails 使用angularjs 中完成分页

发表于 2016-04-07 | 分类于 ROR |

rails 使用angularjs 中完成分页:
Base 插件：kaminari ,angular-paginate-anything

使用angular resource 请求列表，如：
User = $resource($scope.users_url) User.query((results)-> $scope.users = results )

实现一个完成分页controller方法,如base_controller.rb：

class Api::BaseController < ApplicationController
    # respond_to :json
    private
    def self.paginated_action(options = {})
        before_filter(options) do |controller|
            if request.headers['Range-Unit'] == 'items' &&
                    request.headers['Range'].present?
                requested_from = nil
                requested_to = nil
                if request.headers['Range'] =~ /(\d+)-(\d*)/
                    requested_from, requested_to = $1.to_i, ($2.present? ? $2.to_i : Float::INFINITY)
                end
                if (requested_from > requested_to)
                  response.status = 416
                  headers['Content-Range'] = "*/#{total_items}"
                  render text: 'invalid pagination range'
                  return false
                end
                @kp_per_page = requested_to - requested_from + 1
                @kp_page = requested_to / @kp_per_page + 1
            end
        end
        after_filter(options) do |controller|
            results = instance_variable_get("@#{controller_name}") # ex @users
            if(results.length > 0)
                response.status = 206
                headers['Accept-Ranges'] = 'items'
                headers['Range-Unit'] = 'items'
                total_items = results.total_count
                current_page = results.current_page
                per = @kp_per_page
                unless per.present?
                    per = 25
                end
                # binding.pry
                requested_from = (results.current_page - 1) * per
                available_to = (results.length - 1) + requested_from
                headers['Content-Range'] = "#{requested_from}-#{available_to}/#{total_items < Float::INFINITY ? total_items : '*'}"
            else
                response.status = 204
                headers['Content-Range'] = "*/0"
            end
        end
    end
end

同时让UserController 继承BaseController:

class UserController < Api::BaseController
    paginated_action only: [:user_data]
    def index
     # render json:@area_user
    end
    def user_data
      @user =  User.page(@kp_page).per(@kp_per_page)
      render json: @user
    end
    def create
        L.debug "提交上来的数据是#{area_user_param}"
        @user = User.new area_user_param
        if @user.save
          render json: @user,status: :created
        else
          render json:@user.errors,status: :unprocessable_entity
        end
    end
private
  def area_user_param
    # binding.pry
    params.require(:user).permit(:email,:mobile_phone,:password,:password_confirmation,:truename,:card_number) rescue nil
  end
end

目录