2017年04月_Mars-xq

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

原创 js-对象与数组的一些操作

常用数组的操作/*某元素是否在数组中*/function contains(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { return true; } } return false;}/*删除数组中指定元素*/func

2017-04-28 16:32:38 476

原创 css盒子模型之定位

1、Static 定位HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。2、Fixed 定位元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：Fixed定位使元素的位置与文档流无关，因此不占据空间。 Fixed定位的元素和其他元素重叠。3、Relative 定位相对定位元素的定位是相对其正常

2017-04-28 15:38:01 347

原创 jq星星评分打分效果

demo下载1、五星打分<html><head><meta charset="utf-8"> <script type="text/javascript" src="jquery-1.11.1.min.js"></script></head><body> <div> <a href="javascript:click(1)"><img src="img/star.

2017-04-28 14:46:59 1356

原创 js 版utf-8格式 md5编码

js md5转换:支持汉字md5utf-8.jsfunction md5(string) { var x = Array(); var k, AA, BB, CC, DD, a, b, c, d; var S11 = 7, S12 = 12, S13 = 17, S14 = 22; var S21 = 5, S22 = 9, S23 = 14, S24 = 20;

2017-04-25 17:15:54 6854

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

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

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

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

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

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

2017-04-19 16:29:42 47891 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 6639 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 6952 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 2112 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 5157

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

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

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

2017-04-17 18:09:18 1335

原创 angularjs 本地数据存储LocalStorage

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

2017-04-17 16:16:46 11380 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 57684

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

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

原创 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 25843 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 1633

原创 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 10028 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 415

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

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

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

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

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

2017-04-07 17:38:28 1055