Mars-xq-CSDN博客

原创 angular-请求数据

问题一：angularjs $http 中的data传递参数后端没法接收但是用params传递参数参数在url后后端能接收 ?GET请求的时候用params， POST/PUT/PATCH/DELETE请求时用data.根据官方文档：params – {Object.<string|Object>} – Map of strings or objects which will be ser

2017-04-20 16:32:31 1047

原创 js-用于上传的FormData与Blob

BLOBBLOB (binary large object)，二进制大对象，是一个可以存储二进制文件的容器。在计算机中，BLOB常常是数据库中用来存储二进制文件的字段类型。BLOB是一个大文件，典型的BLOB是一张图片或一个声音文件，由于它们的尺寸，必须使用特殊的方式来处理（例如：上传、下载或者存放到一个数据库）。构造方法script> var blob = new

2017-04-19 17:52:36 36069 6

原创使用FileReader对象的readAsDataURL方法来读取图像文件

readAsDataURL方法会使用base-64进行编码，编码的资料由data字串开始，后面跟随的是MIME type，然后再加上base64字串，逗号之后就是编码过的图像文件的内容。data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAA......使用

2017-04-19 16:29:42 50496 3

原创 angular-页面跳转传递参数

页面1：传递参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../angular.js"></script></head><body ng-app="myAppGoTo1" ng-controller="myCtrlGoTo

2017-04-19 16:27:58 6711 1

原创 html中选取图片并预览

注意点：1、使用FileReader对象的readAsDataURL方法来读取图像文件:fileReader.readAsDataURL的执行顺序：在fileReader.onload前执行。2、保存图片的base64字符串，使用sessionStorage做缓存。3、动态创建节点并添加ng-click='deletePhoto($event)' 时，需要在append前添加 var $li = $

2017-04-18 19:17:03 7034 1

原创 sessionStorage 、localStorage 和 cookie

angularjs中使用sessionStorage app.factory('locals', ['$window', function ($window) { return { //存储单个属性 set: function (key, value) { $window.sessionStorage[key] =

2017-04-18 16:13:17 2152 1

原创 angular-$cookieStore

使用方法1、先引入angular-cookies.js：注意：angular-cookies.js要和angular.js的版本要一致，否则会报错： TypeError: $browser.addPollFn is not a function<script type="text/javascript" src="../angular.js"></script><script type="tex

2017-04-18 16:06:40 5212

原创 AngularJs $cacheFactory 缓存服务

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../angular.min.js"></script></head><!--AngularJs $cacheFactory 缓存服务$cacheFactory.Cache 可以

2017-04-17 18:10:17 698

原创 js闭包与java反射的概念

闭包函数外部访问函数内部变量。本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。能够读取其他函数内部变量的函数。使用闭包的注意点 1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。 2）闭包会在父函数外部，改变父函数内部变量的值。所以，如

2017-04-17 18:09:18 1362

原创 angularjs 本地数据存储LocalStorage

1、定义服务 //=========本地存储数据服务============ app.factory('locals', ['$window', function ($window) { return { //存储单个属性 set: function (key, value) { $window.local

2017-04-17 16:16:46 11415 2

原创获取div的各种高度

1、获取div的文档总高度（必须DOM操作）： var scrollHeight=document.getElementById("inner").scrollHeight;// jq中没有scrollHeight -只有scrollTop():// 所以用DOM操作获取元素并计算scrollHeight。2、获取div的窗口显示高度： var height=$("#inner").height(...

2017-04-17 15:34:14 58884

原创 Angular 动态生成html中 ng-click无效

//创建节点var html = "<a href='javascript:void(0);' ng-click='test()'></a>" //用$compile进行编译var $html = $compile(html)($scope); //添加到页面中，这样ng-click就可以触发function了 $("body").append($html); 项目中用到： var l

2017-04-17 15:26:22 5070

原创 js或者angular获取img图片的src（$event.target和this的使用）

参考：彻底弄懂事件冒泡和事件捕获<section ng-repeat="brand in brands track by $index" class="brandElistSe"> <ul class="check_fu"> <li class="brandElist" ng-repeat="brList in br

2017-04-17 15:13:29 11856

原创 js-字符串中去除含有的某些字符串

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> /*方法一:使用replace函数替换*/ //去除字符串中含有的某字符串：str = str.replace('give', ''); var s

2017-04-17 15:00:46 26004 1

原创利用angular指令监听ng-repeat渲染完成后执行脚本

业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作，angular本身并没有提供监听ng-repeat渲染完成的指令，所以需要自己动手写。有经验的同学都应该知道，在ng-repeat模板实例内部会暴露出一些特殊属性index/index/first/middle/middle/last/odd/odd/even，index会随着每次遍历（从0开始）递增，当遍历到最后一个时

2017-04-10 18:20:54 1677

原创 js-PhotoSwipe相册功能

PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的。1、导入依赖的js和css<link rel="stylesheet prefetch" href="../css/photoswipe/photoswipe.css"><link rel="stylesheet pr

2017-04-10 08:58:17 10125 1

原创 Android studio-gradle

当我们创建一个新的工程，Android studio会默认为我们创建三个gradle文件，两个build.gradle，一个settings.gradle，build.gradle分别放在了根目录和moudle目录下，下面是gradle文件的构成图：MyApp ├── build.gradle ├── settings.gradle └── app └── ...

2017-04-09 17:00:53 428

原创 angularjs的controller间数据传递

继承关系：1、一般的数据传递父影响子，子不影响父域1、如果子不确定数据，父决定他的数据。先点击父级，再点击子级 2、如果子确定了数据，父不再决定他的数据。先点击子级，再点击父级，子不再改变 <!DOCTYPE html><html ng-app="myApp"><head> <meta charset="utf-8"> <title>My AngularJS App</titl

2017-04-08 18:04:32 2709

原创 js判断是否为空

//节点上直接判断是否为undefined<img ng-src="{{items.thumbnail?items.thumbnail:'../img/zhishileibiaomorentu.png'}}" onerror="this.src='../img/zhishileibiaomorentu.png'" ng-cloak/> //注意：

2017-04-07 17:49:19 626

原创 js判断方法变量是否存在

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>//http://www.jb51.net/article/67551.htm//判断变量i是否存在 typeof(i)=="undefined"<script> /*------

2017-04-07 17:44:52 581

原创 css与jq中的显示与隐藏

CSS Display(显示) 与 Visibility（可见性） display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为”none”，或把visibility属性设置为”hidden”。但是请注意，这两种方法会产生不同的结果。 vi

2017-04-07 17:38:28 1108

原创 html中div内容居中的方法

方法1：table-celldiv中的内容居中：不改变盒子尺寸。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { background-color: red; widt

2017-03-27 09:46:30 79396 1

原创 Android进阶学习(持续更新)

recycleviewRecyclerView优秀文集一个APP从启动到主页面显示经历了哪些过程？安卓复习之旅—Binder工作机制Android进程保活的一般套路重要-作为Android开发者必须了解的Gradle知识 Android Data Binding Library 官方文档（译）Android中图片的三级缓存浅析加固：加壳是在二进制的程序中植入...

2017-03-27 08:57:13 713

原创 css盒子模型的padding的误解,利用padding实现居中

一、Android中的图片使用padding摆放：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_heigh

2017-03-25 13:13:02 2788

原创 angularjs页面的跳转与传参

方法一：location.href第一个界面:布局 <li ng-repeat="remindItemData in remindListData" ng-click="goto(remindItemData)"> //do somgthing</li>第一个界面:js跳转方法$scope.goto=function (msg) { var hre = 'remind_info.html

2017-03-23 11:35:47 15845 1

原创 js-location.href几种用法的区别

a.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body style="bac

2017-03-23 11:30:54 1033 1

原创 js-dom元素操作

JS获取节点方法1. 通过顶层document节点获取：（1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：(id)，参数仍然是节点的id。这个

2017-03-21 12:48:02 458

原创 css-overflow

overflow :溢出属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值：visible可能的值visible //默认值。内容不会被修剪，会呈现在元素框之外。//内容太多会超出盒子hidden //

2017-03-17 15:56:09 494

原创 angularjs-ng-repeat

1、angularjs程序中获取点击item的position：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="myA

2017-03-17 11:25:37 447

原创 js中的return

通常函数经过一系列的处理后需要给外部返回一个值,这个值一般用return返回出去,return是向函数返回返回值,并终止函数的运行. 除了return true，你还可以 return false, return 1, return 2, return ‘abc’, 直接return。但是要注意， 1、return了之后，后面的语句将不再执行，函数执行完成。 2、return的值

2017-03-16 09:53:18 711

原创 js判断输入框的值是否为空

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>JS判断输入框的值是否为空</title></head><body><input type="text" id="txt"/><input type="button" value="检测" id="btn"><script> var

2017-03-16 09:48:00 10458

原创自定义相机

使用Camera控制拍照的几个步骤：1、调用Camera的open()打开相机2、调用Camera的getParameters()获取拍照参数。该方法返回一个Camera.Paremeters对象3、调用Camera.Parameters对象方法设置拍照的参数4、调用Camera.startPreview()方法开始预览取景，在预览取景之前需要调用Camera的setPreviewDisplay(S

2017-03-14 19:16:04 384

转载 SurfaceView

Android 游戏开发框架核心组件SurfaceView 介绍1、SurfaceView 就是带 Surface 的 view，它是一个 View，是 View 的子类，所以和其他 View 一样，可以在屏幕上展示东西接收用户输入，具有 View 的生命周期回调函数，如 onMeasure、onLayout、onDraw、onTouchEvent 等2、SurfaceView 带有独立的 Surf

2017-03-14 18:39:24 889

原创 Android-相机与相册

示例一：activity_main1.xml<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:la

2017-03-14 15:59:30 493

原创 AngularJS-$sce的使用

为什么要用sce？因为AngularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过sce告诉angualrJS这个路径，这样是安全的。它有以下几种：所谓sce即“Strict Contextual Escaping”的缩写。翻译成中文就是“严格的上下文模式”也可以理解为安全绑定。$sce.trustAs(type,name);$sce.t

2017-03-12 23:32:11 2507

原创 AngularJs-单击按钮事件中的冒泡现象

$event.stopPropagation()阻止事件运行，防止冒泡传递事件用法：ng-click="doSomeSth();$event.stopPropagation();示例一：Stop Propagation的情况下点击button你将会看见两条log记录：button和它的容器，否则只会出现button的log信息。<!DOCTYPE html><html lang="en" ng-a

2017-03-12 23:25:02 1606

原创 JavaScript-长按及鼠标事件

一、判断鼠标左右键：<html><head> <title>js判断鼠标左、中、右键哪个被点击</title> <script type="text/javascript"> function whichButton(event) { var btnNum = event.button; console.log("eve

2017-03-09 18:39:14 16386

原创 angularjs-自定义过滤器示例

示例一：<!doctype html><html ng-app="myApp"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"><

2017-03-08 12:07:52 11966

原创 angularjs-日期格式化

参考：AngularJS入门教程：日期格式化<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.

2017-03-08 09:50:37 673

原创 angularjs-base64编码和解码

<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>base64加密</title> <script> function Base64(){ // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZa

2017-03-07 22:19:54 8326