2016年12月_暮志未晚season

12月 11月 10月 09月

原创 java JDK的安装与环境变量的添加

首先，去官网下载java的安装包网址是：http://www.oracle.com/technetwork/java/javase/downloads/index.html点击下载java，将进入最新的java版本下载页面，下载前记得点击中间的同意协议啥的，要不然不让下载下载下来后，安装，记住自己的安装目录，因为一会配置环境变量需要用的到。安装完成需要配置环境变量，首先右键

2016-12-30 11:01:59 637

原创 js 设置cookie和获取cookie

设置cookie function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setTime(Number(exdate) + expiredays); document.cookie = c_name + "=" + escape(value) + ((ex

2016-12-28 18:19:01 15873 1

原创 js 将Date 日期对象与时间戳互相转换

第一种方法，使用Number()方法 var newDay = new Date(); console.log(Number(newDay));返回当前的时间的时间戳第二种方法是，使用日期对象Date.parse()方法 var newDay = new Date(); console.log(Date.parse(newDay));也会返回当前时间的时间戳

2016-12-28 16:39:20 33268

原创 js制作页面返回、刷新和返回并刷新

1、返回上一页js触发浏览器的返回属性主要用到封装好的window对象 historyhistory主要的三个方法是：back() 加载 history 列表中的前一个 URL。forward() 加载 history 列表中的下一个 URL。go() 加载 history 列表中的某个具体页面。实现方式可以使用：history.back();history.go(-1);两

2016-12-26 16:31:10 3454

原创 js获取浏览器的get传值

第一种超级省事的方法就是利用正则方法如下： function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return u

2016-12-25 20:39:56 6494

原创 js将时间戳转换成时间，自定义格式

function getTime(time) { var date = new Date(); date.setTime(time); return (date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + date.getHours() + "时" + date.getMin

2016-12-23 16:16:14 1945

原创 nodejs的express获取get和post传值

get的传值被放入了一个对象中req.querypost的传值被放入了req.body获取方式如获取对象的内容方式一样比如，前面传入了一个id的值，nodejs获取就可以req.body.id即可

2016-12-21 15:56:16 5291

转载 SQLServer的数据类型

第一大类:整数数据bit:bit数据类型代表0,1或NULL,就是表示true,false.占用1byte.int:以4个字节来存储正负数.可存储范围为:-2^31至2^31-1.smallint:以2个字节来存储正负数.存储范围为:-2^15至2^15-1tinyint: 是最小的整数类型,仅用1字节,范围:0至此^8-1第二大类:精确数值数据numeri

2016-12-20 11:48:01 670 2

原创 nodejs初始化init

打开cmd创建即可$ npm init Package name: (hello) //模块名字，npm init会自动取当前目录名作为默认名字，这里不需要改，直接确认即可 Description: A example for write a module //模块说明 Package version: (0.0.0) 0.0.1 //模块版本号，这个大家按自己

2016-12-17 13:27:08 17890 2

原创 ionic+angular 真机调试

真机调试生成文件是ionic run android实时更新的代码是ionic run android -l -c

2016-12-16 02:00:36 5713

原创 nodejs express的session验证

第一步安装cookie和session的模块，并引入var session = require('express-session');var cookieParser = require('cookie-parser');第二部，express应用cookie和sessionapp.use(cookieParser());app.use(session({ resave: tr

2016-12-15 18:06:28 3101 2

转载 es6 javascript的map数据类型转换

（1） Map 转为数组前面已经提过， Map 转为数组最方便的方法，就是使用扩展运算符（...）。let myMap = new Map().set(true, 7).set({ foo: 3}, ['abc']);[...myMap]// [ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]（2）数组转为 Map将数组转入 Ma

2016-12-14 10:49:59 12681 3

转载 es6 javascript的map数据结构的实例的属性和操作方法、遍历方法

（1） size 属性size属性返回 Map 结构的成员总数。let map = new Map();map.set('foo', true);map.set('bar', false);map.size // 2（2） set(key, value)set方法设置key所对应的键值，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。

2016-12-14 10:22:57 8736 1

转载 es6 javascript的map数据结构

1 Map 结构的目的和基本用法JavaScript 的对象（ Object），本质上是键值对的集合（ Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。var data = {};var element = document.getElementById('myDiv');data[element] = 'metadata';data['[ob

2016-12-14 10:08:25 4271 1

转载 es6 javascript的规格

1 概述规格文件是计算机语言的官方标准，详细描述语法规则和实现方法。一般来说，没有必要阅读规格，除非你要写编译器。因为规格写得非常抽象和精炼，又缺乏实例，不容易理解，而且对于解决实际的应用问题，帮助不大。但是，如果你遇到疑难的语法问题，实在找不到答案，这时可以去查看规格文件，了解语言标准是怎么说的。规格是解决问题的 “ 最后一招 ” 。这对 JavaScript 语言很有必要。因为它

2016-12-13 19:04:29 887

转载 es6 javascript的ESLint 代码检测

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。首先，安装 ESLint。$ npm i - g eslint然后，安装 Airbnb 语法规则。$ npm i - g eslint - config - airbnb最后，在项目的根目录下新建一个.eslintrc文件，配置 ESLint。{ "extends": "eslint-c...

2016-12-13 18:23:46 4331

转载 javascript es6编码风格

本章探讨如何将 ES6 的新语法，运用到编码实践之中，与传统的 JavaScript 语法结合在一起，写出合理的、易于阅读和维护的代码。多家公司和组织已经公开了它们的风格规范，具体可参阅 jscs.info，下面的内容主要参考了 Airbnb 的 JavaScript 风格规范。1 块级作用域（1）let 取代 varES6 提出了两个新的声明变量的命令： let和const。其中，...

2016-12-13 17:54:41 1087 1

转载 es6 javascript的模块module（下）

8 循环加载“ 循环加载”（ circular dependency）指的是， a脚本的执行依赖b脚本，而b脚本的执行又依赖a脚本。// a.jsvar b = require('b');// b.jsvar a = require('a');通常，“ 循环加载” 表示存在强耦合，如果处理不好，还可能导致递归加载，使得程序无法执行，因此应该避免出现。但是实际上，这是很难避免的，...

2016-12-13 16:26:36 1404 1

转载 es6 javascript的模块module（上）

ES6 的 Class 只是面向对象编程的语法糖，升级了 ES5 的构造函数的原型链继承的写法，并没有解决模块化问题。 Module 功能就是为了解决这个问题而提出的。历史上， JavaScript 一直没有模块（ module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、 Python 的import，...

2016-12-12 18:41:26 2735

原创 javascript的严格模式

在模块头部加上"use strict";严格模式主要有以下限制。变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用with语句不能对只读属性赋值，否则报错不能使用前缀 0 表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量delete prop，会报错，只能删除属性delete global[prop]eval不会在它的外层作用域

2016-12-12 10:01:06 629

转载 atom的插件必备

ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键

2016-12-10 14:46:52 68455 5

转载 es6 javascript的class类的new的新特性

new是从构造函数生成实例的命令。 ES6 为new命令引入了一个new.target属性，（在构造函数中）返回new命令作用于的那个构造函数。如果构造函数不是通过new命令调用的， new.target会返回undefined，因此这个属性可以用来确定构造函数是怎么调用的。function Person(name) { if(new.target !== undefined) { ...

2016-12-09 18:46:28 7493 1

转载 es6 javascript的class的静态方法、属性和实例属性

类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“ 静态方法”。class Foo { static classMethod() { return 'hello'; }}Foo.classMethod() // 'hello'var foo = new Foo(...

2016-12-09 18:42:35 61017 13

原创 es6 javascript的Class 的 Generator 方法

如果某个方法之前加上星号（ * ），就表示该方法是一个 Generator 函数。class Foo { constructor(...args) { this.args = args; } *[Symbol.iterator]() { for(let arg of this.args) { yield arg; ...

2016-12-09 18:34:48 1634

转载 es6 javascript的class类中的 get和set

与 ES5 一样，在 Class 内部可以使用get和set关键字，对某个属性设置存值函数和取值函数，拦截该属性的存取行为。class MyClass { constructor() { // ... } get prop() { return 'getter'; } set prop(value) { console.log('setter: ' + value);...

2016-12-09 18:32:19 29789 1

转载 es6 javascript的Class 类的继承

1 基本用法Class 之间可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。class ColorPoint extends Point {}上面代码定义了一个ColorPoint类，该类通过extends关键字，继承了Point类的所有属性和方法。但是由于没有部署任何代码，所以这两个类完全一样，等于复制了一个Point类。下面，我...

2016-12-09 18:28:13 9708

转载 es6 javascript的 class 类的基本语法

1 概述JavaScript 语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function() { return '(' + this.x + ', ' + this.y + ')';};var p = new P...

2016-12-09 10:28:30 6185

原创 03 ionic+angular开发webapp笔记

ionic路由这是一个超级简单的ui-route路由，因为ionic用的是ui-route，而不是angular的ng-router，第三个属于内联模块 first second third this is third html var app = angular.module("myapp",["

2016-12-09 00:32:07 816

转载 IE中js调用脚本实现打印预览（按钮本身不打印）

print demo .noprint { display: none; } function doPrintSetup() { //打印设置 printWB.ExecWB(8, 1) } function doPrintPreview() { //打印预览 printWB.ExecWB(7,

2016-12-08 16:24:42 7263

转载 es6 javascript 异步操作

异步编程对 JavaScript 语言太重要。 Javascript 语言的执行环境是“ 单线程” 的，如果没有异步编程，根本没法用，非卡死不可。ES6 诞生以前，异步编程的方法，大概有下面四种。回调函数事件监听发布 / 订阅Promise 对象ES6 将 JavaScript 异步编程带入了一个全新的阶段， ES7 的Async函数更是提出了异步编程的终极解决方案。1 基本概念1.1 ...

2016-12-07 17:19:14 1958

转载 es6 javascript的Promise对象（下）

5 Promise.all()Promise.all方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。var p = Promise.all([p1, p2, p3]);上面代码中， Promise.all方法接受一个数组作为参数， p1、 p2、 p3都是 Promise 对象的实例，如果不是，就会先调用下面讲到的Promise.resolve方法，将参数转为 ...

2016-12-07 10:04:36 813

转载 es6 javascript的Promise对象（上）

1 Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案—— 回调函数和事件—— 更合理和更强大。它由社区最早提出和实现， ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说， Promise 是一个对象，从它可以获取异...

2016-12-06 17:20:56 2057

转载 es6 javascript 的Generator 函数（下）

5 Generator.prototype.return()Generator 函数返回的遍历器对象，还有一个return方法，可以返回给定的值，并且终结遍历 Generator 函数。function* gen() { yield 1; yield 2; yield 3;}var g = gen();g.next() // { value: 1, done: false }g...

2016-12-06 10:52:50 1619

转载 es6 javascript 的Generator 函数（上）

1 简介1.1 基本概念Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍 Generator 函数的语法和 API，它的异步编程应用请看《异步操作》一章。Generator 函数有多种理解角度。从语法上，首先可以把它理解成， Generator 函数是一个状态机，封装了多个内部状态。执行 Generator 函数会返回一个遍历...

2016-12-06 10:22:29 1115

转载 es6 javascript的Iterator 和 for...of 循环

1 Iterator（遍历器）的概念JavaScript 原有的表示“ 集合” 的数据结构，主要是数组（ Array）和对象（ Object）， ES6 又添加了 Map 和 Set。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是 Map， Map 的成员是对象。这样就需要一种统一的接口机制，来处理所有不同的数据结构。遍历器（ Iterat...

2016-12-05 12:27:45 9136

转载 es6 javascript 的WeakMap结构

WeakMap结构与Map结构基本类似，唯一的区别是它只接受对象作为键名（ null除外），不接受其他类型的值作为键名，而且键名所指向的对象，不计入垃圾回收机制。var map = new WeakMap();map.set(1, 2);// TypeError: 1 is not an object!map.set(Symbol(), 2);// TypeError: Inval...

2016-12-05 10:37:34 4437

原创 angular的provider配合config使用案例

无标题文档 {{name}} var app = angular.module("myApp", []); app.config(function(myFirstProvider){ myFirstProvider.name="zhangsan"; }); app.provider("myFirst",fun

2016-12-04 22:07:51 7402

转载 es6 javascript的WeakSet数据结构

WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。首先， WeakSet 的成员只能是对象，而不能是其他类型的值。其次， WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中...

2016-12-03 18:07:33 768

转载 es6 javascript的set数据结构

1 基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for(let i of s) { console.log(i);}// 2 3 5 4上面代码通过a...

2016-12-03 12:52:10 582

转载 es6 javascript的Reflect 对象的方法

Reflect对象的方法清单如下，共 13 个。Reflect.apply(target, thisArg, args)Reflect.construct(target, args)Reflect.get(target, name, receiver)Reflect.set(target, name, value, receiver)Reflect.defineProperty(targ...

2016-12-03 11:42:25 2849