2017年02月_Mars-xq

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

原创 js-escape()、encodeURI()、encodeURIComponent()区别

JavaScript中有三个可以对字符串编码的函数，分别是： escape, encodeURI, encodeURIComponent，相应3个解码函数： unescape, decodeURI, decodeURIComponent 。1 escape()函数 escape(string)返回值已编码的 string 的副本。其中某些字符被替换成了十六进

2017-02-28 17:58:07 394

原创 angularjs-http服务

angular提供了http服务来同服务端进行通信，http服务对浏览器的XMLHttpRequest对象进行了封装，让我们可以以ajax的方式来从服务器请求数据。$http服务是一个接受一个参数的函数，参数的类型是对象，用来配置生成的http的请求，该函数返回一个promise对象。var promise = $http({ method:'GET', url:'/api/user.jso

2017-02-28 17:51:20 688

原创 AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。什么是 AJAX ？AJAX = 异步 JavaScript

2017-02-28 17:46:19 334

原创 route相关方法

route−route -routeProvider服务 -依赖ngRoute模块route能够在路径发生改变的时候,渲染不同的视图,调用不同的控制器.它监测了location.url(),然后根据路径来匹配相应的路由。route通常和routeProvider服务和ngView指令一起使用方法:reload()在路由没有改变的时候,再次加载当前路径的路由,重新渲染ng-view,实例化一个

2017-02-27 17:06:44 585

原创 html5Mode

无刷新切换路由，即url变了，加载了相应的模板，但是框架模板页index.html却没有刷新。为了实现这个功能，angularjs针对新旧浏览器提供了两种方式，针对老式浏览器可以使用标签模式，针对现代浏览器可以使用HTML5模式。前者在URL中使用#来防止页面刷新，同时形成浏览器历史记录。具体形式如下http://yoursite.com/#!/inbox/allAngularJS支

2017-02-27 16:36:04 1071

所有的数组实例都继承于 Array.prototype。所有的数组方法都定义在 Array.prototype 身上，和其他的构造函数一样，你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。Array.prototype 本身也是个数组。Array.isArray(Array.prototype); // true属性Array.prototype.co...

2017-02-27 15:14:46 3286

原创 angularjs-路由

AngularJS 路由机制是由ngRoute模块提供，它允许我们将视图分解成布局和模板视图，根据url变化动态的将模板视图加载到布局中，从而实现单页面应用的页面跳转功能。实现无刷新的视图切换。首先需要在页面引入angular和angular-route，注意要在angular-route之前引入angular，这主要是因为angular-route.js需要传入window.angular这个参数

2017-02-27 11:38:54 429

原创 js对象、Array对象及angularjs的遍历

一、JavaScript 对象JavaScript 中的所有事物都是对象：字符串、数值、数组、函数… 此外，JavaScript 允许自定义对象。所有事物都是对象。 JavaScript 提供多个内建对象，比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。 ● 布尔型可以是一个对象。 ● 数字型可以是一个对象。 ● 字符串也可以是一个对象

2017-02-27 10:32:55 6892

原创 angularjs-过滤器

Filter是用来格式化数据用的。Filter的基本原型（ ‘|’ 类似于Linux中的管道模式）：{{ expression | filter }}Filter可以被链式使用（即连续使用多个filter）：{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数：{{ expression | filter:argument1:argume

2017-02-27 09:49:48 503

原创 javascript逻辑运算符

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。alert(0||1);//0意味着false,而后面1意味着true,返回的结果是1。alert(2||1);//2是true,后面1也是true,那返回结果是2alert('a'||1);//前

2017-02-24 16:11:09 321

原创 js中undefined,null,NaN的区别

1.类型分析：js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型。var a1;//undefinedvar a2 = true;var a3 = 1;var a4 = "Hello";var a5 = new Object();var a6 = null;//objectvar a7 = NaN;//

2017-02-24 12:35:32 1012

原创 angularjs 表达式与ng-bind

AngularJS 表达式写在双大括号内：{{ expression }}。 AngularJS 将在表达式书写的位置”输出”数据。 AngularJS 表达式很像 JavaScript 表达式：它们可以包含文字、运算符和变量。实例 {{ 5 + 5 }} 或 {{ firstName + ” ” + lastName }}ng-bind 指令把应用程序数据绑定到 HTML 视图。ng-b

2017-02-24 10:59:04 1916

原创 Angular的 $q, defer, promise,$http

$q$q是Angular的一种内置服务，它可以使你异步地执行函数，并且当函数执行完成时它允许你使用函数的返回值（或异常）。$q的其他方法$q.when(value)//传递变量值，promise.then()执行成功回调//接收第一个参数为一个任意值或者是一个promise对象，//其他3个同promise的then方法,返回值为一个promise对象。//第一个参数若不是promise对象

2017-02-24 00:31:45 1855

原创 angularjs指令compile、link

link的值是一个函数，用来定义指令的行为。从传入的参数中可以获取到当前元素。编译三阶段： 1. 标准浏览器API转化将html转化成dom，所以自定义的html标签必须符合html的格式 2. Angular compile 搜索匹配directive，按照priority排序，并执行directive上的compile方法 3. Angular link 执行directive上的

2017-02-23 17:58:52 865

原创 angular.element方法汇总

本文主要给大家汇总了一下angular.element的方法，十分的详细，这里推荐给大家参考下。addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件处理

2017-02-23 17:12:15 981

原创 Angular中的$apply()以及$digest()

双向数据绑定(Two-way Data Binding)，这个特性大大简化了我们的代码编写方式。数据绑定意味着当View中有任何数据发生了变化，那么这个变化也会自动地反馈到scope的数据上，也即意味着scope模型会自动地更新。类似地，当scope模型发生变化时，view中的数据也会更新到最新的值。当你写下表达式如{{ aModel }}时，AngularJS在幕后会为你在scope模型上设置一个

2017-02-23 17:11:01 507

原创 angularjs指令：replace与transclude的区别

将视图模板（Template或TemplateUrl）替换到指定位置的视图（Restrict）， replace:自定义指令名称是否保留。 true：不保留指令名 false：保留指令名（默认） Transclude：是否将原来视图的内容嵌入到视图模板（Template或TemplateUrl）中。 true：保留替换前的节点内容。 false：直接覆盖原有内容。 ng-tranclu

2017-02-23 15:13:29 1902

原创 angularjs中的指令

指令的参数如下：angular.module('app', []).directive('myDirective', function() { return { restrict: String, //规定指令在HTML代码中可以使用什么表现形式。 //A代表属性、E代表元素、C代表类、M代表注释。默认用AE这两种方式。 priority: Num

2017-02-23 14:33:20 709

原创 angularjs服务

出于内存占用和性能的考虑，控制器只会在需要时被实例化，并且不再需要就会被销毁。这意味着每次切换路由或重新加载视图时，当前的控制器会被AngularJS清除掉。服务提供了一种能在应用的整个生命周期内保持数据的方法，它能够在控制器之间进行通信，并且能保证数据的一致性。当重载或者刷新界面时，数据不会被清除，而且还与加载之前保持一致。主要功能：为实现应用的功能提供数据和对象。对外提供某个特定的功能，如消息服

2017-02-22 15:24:27 603

原创 angularjs中的MVC:路由、控制器继承

参考：《angularjs实战》model显式与隐式model的定义<body><div ng-controller="c5_1">  <div class="show">{{name}}</div>  <input ng-model="score" value="95"/> <div class="sho

2017-02-21 17:31:37 1750

原创 HTML中的表格和表单

表格：tablecaption 元素定义表格标题。 caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。若是纯文字，默认会以粗体、水平居中的样式表现。tr 元素定义表格行table row，tr是“table row（表格行）”的缩写，用于表示一行的开始和结束。th 元素定义表头table head，在表格中：加粗居中显示。td 元素定

2017-02-19 22:30:01 2595

原创 angularjs+ionic+cordova+Android studio的环境配置

node.js安装：官网 https://nodejs.org 检测（命令行）：npm -vcordova下载（命令行）：npm install -g cordova 检测（命令行）：cordova -v 介绍：Cordova是一种Hybrid开发，可以被部署到android，ios等多个手机平台。Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多

2017-02-17 10:54:13 10170 1

原创 Android studio的文件创建

asserts raw、layout、menu、values等等 animator、color等等

2017-02-14 10:42:44 1236

原创 android手机屏幕分辨率尺寸

android获取设备屏幕大小的方法// 通过WindowManager获取DisplayMetrics dm = new DisplayMetrics();getWindowManager().getDefaultDisplay().getMetrics(dm);System.out.println("heigth : " + dm.heightPixels);System.out.pri

2017-02-13 18:11:36 483

原创 LayoutAnimation和overridePendingTransition

一、LayoutAnimation LayoutAnimationController用于为一个layout里面的控件，或者是一个ViewGroup里面的控件设置动画效果，比如listview，recyclerview的item进入动画，可以在XML文件中设置，亦可以在Java代码中设置。XML中使用1、在res.anim.slide_right.xml定义一个动画<?xml version="1

2017-02-13 15:40:04 378

原创 canvas和paint

一个画图需要四大基本要素： 1、一个用来保存像素的Bitmap； 2、一个Canvas画布，绘制Bitmap操作； 3、绘制的东西 4、绘制的画笔Paint（颜色和样式）Canvas大致可以分为三类方法： 1. save、restore 等与层的保存和回滚相关的方法； 2. scale、rotate、clipXXX 等对画布进行操作的方法； 3. drawXXX 等一系列绘画相关的方法

2017-02-10 16:11:45 563

转载自定义view的构造方法和样式主题

//java代码中使用view时调用public Button(Context context) { this(context, null);}//XML文件中使用view时调用,用于layout文件实例化，会把XML内的参数通过AttributeSet带入到View内。第二个参数中就包含自定义的属性。public Button(Context context, AttributeSe

2017-02-10 09:40:55 932

原创 android : 属性动画

//属性动画public final class ObjectAnimator extends ValueAnimator {...}public class ValueAnimator extends Animator {...}public final class AnimatorSet extends Animator {...}//补间动画public class AnimationSe

2017-02-09 12:01:28 3042 1

原创 getWidth()与getMeasuredWidth()的区别

一般在自定义控件的时候getMeasuredWidth/getMeasuredHeight它的赋值在View的setMeasuredDimension中，所以有时可以在onMeasure方法中看到利用getMeasuredWidth/getMeasuredHeight初始化别的参数。而getWidth/getHeight一直在onLayout完成后才会被赋值。一般情况下，如果都完成了赋值，两者值是相

2017-02-07 10:25:48 2038

原创自定义view - 画弧线填充描边与使用中心

设置画笔样式的时候是这样的：mPaint.setStyle(Paint.Style.FILL);//设置画笔模式为填充实际上画笔有三种模式，如下：STROKE //描边FILL //填充FILL_AND_STROKE //描边加填充Paint paint = new Paint();paint.setColor(Co

2017-02-07 09:30:15 2521

原创 view相关类和方法

requestDisallowInterceptTouchEventgetParent().requestDisallowInterceptTouchEvent(true); //请求父级view不要拦截事件@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(saved

2017-02-06 14:06:00 610