插件管理( Package Control )安装

亲测有效：https://jingyan.baidu.com/article/5552ef47ff11b7518ffbc92b.html

sublime JavaScript JSLint配置

在安装Package Control基础上安装
亲测有效：https://jingyan.baidu.com/article/b907e627b790b146e7891c3c.html

sublime 主题安装

好的主题，参考：https://www.zhihu.com/question/46266742

sublime 换行设置

https://www.jianshu.com/p/c75d21d2e967

1
2
3
4
5
6
7

function F() {
	function C() {
		return this;
	}
	return C();
}
var o = new F();

这个this 指向全局对象而非对象o。由于function C不是构造函数的方法

1
2
3
4
5
6

function C() {
	this.a = 1;
	return false;
}
console.info(typeof new C()); // return object
console.info(typeof C());	//  return Boolean

最佳实践

• 尽量使用点号访问对象方法和属性，少用带引号的属性标识
• 构造函数首字母大写，以便区分普通函数

创建Object方法

var o = {};
var o = new Object();
o.constructor 返回构造函数的引用
o.toString 返回对象的描述字符串
0.valueOf 返回对象的单值描述信息，通常是对象本身 o.valueOf() === 0 为true

• 很常用的对象文本标识法
  由内建函数Object()创建
  
• 构造函数法
  比对象文本标识法好处，可以在创建对象时接收一些参数

1
2
3
4
5
6
7
8
9
10
11
12

var hero = { };  //对象文本标识法 
//------------------------
function People(name) {	//构造函数
	this.name = name;
	this.sayHello = function(name) {
		return 'Hi'+ name + ', My name is ' + this.name
	};
}
var p1 = new People('Lisa');
var p2 = new People('Lisa');
p1.name;
p2.sayHello('Tom');

构造函数

• 用new创建对象
• 构造器属性 constructor property
• 创建对象时，同时也给它个特殊属性–构造器属性
  构造器属性是引用一个函数，可以用来创建另一个对象
• instanceof 操作符
  判断一个对象是否由某构造函数所创建
• 比较对象，只有引用一样才==为true
  

全局对象 window

• 即为widow对象

1
2
3
4

var p3 = People('KangKang');
typeof p3;
// will show 'undefined'

由于没有用new操作符，这个函数调用与其他函数没区别，p1是 函数的返回值undefined；此时this调用的是全局对象

Array

用来构建数组的内建构造器函数，数组文本标识法var a = [];
拥有length属性

Function

• 尽量避免用这个构造函数

  prototype属性

  • 每个函数prototype属性都指向一个对象
  • 只有在构造器函数才返回作用
  • 构造函数创建的对象都有这样的属性的引用， 可以把它当自己属性使用

• toString() 可以用来区分本地方法和自定义方法

####call() 与 apply() ####
每个函数都有这两个方法
–可以用它触发函数
–让一个对象借用另一对象的方法

1
2
3

//my_obj 借用 some_obj的方法，后面的参数
some_obj.someMethod.apply(my_obj, ['a', 'b', 'c']);
some_obj.someMethod.call(my_obj, 'a', 'b', 'c');

arguments对象

类似数组的对象，也有索引元素和length属性，但无数组的一些方法

1
2
3
4
5

function f(){
	// 或者 var a = Array.prototype.slice.call(arguments); 
	var a = [].slice.call(arguments); 
	return a.reverse()
};

区分arguments对象，数组， 对象， DOM对象

借用Object 的toString,由于数组的被重写了

1、标题

• 开头加上 1-6 个 #, 表示一到六级标题
• 在标题底下家任意个 = 表示一级标题，- 表示二级标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

一级标题

二级标题

2、列表

• 无序列表用 -、+或*标记
• 有序列表用数字加英文句点标记

• 无序

• 无序

• 无序

1. 有序
2. 有序

3、引用

引用以>来表示，引用中支持多级引用、标题、列表、代码块、分割线等常规语法。

引用
引用

4、强调

两个或_代表加粗，一个或代表斜体，两个~代表删除
加粗 或者 加粗文本
删除
斜体文本 或者 斜体文本_ (原因不明，这里用下划线没效)

图片与链接

图片与链接的语法很像，区别在一个 ! 号
图片：![]() ! [ 图片替换文本 ] ( 图片地址 )
链接： [ 链接文本 ] ( 链接地址 )

链接又有行内式、参考式和自动链接
参考文章： https://www.jianshu.com/p/82e730892d42 行内式

5、代码

• 行内代码用 两个·包住代码，可嵌入文字中 ·code·
• 代码块用四个空格或··· 来标识
• 代码语法高亮是在··· 后加上语言名称

6、表格

7、分隔线

用三个以上*、-或_ 标记除了空格行内不能有其他符号

8、换行

行尾添加两个空格加回车表示换行

9、脚注

10、用Html标签弥补Markdown不足

参考文章：

• https://www.jianshu.com/p/82e730892d42
• https://www.w3cschool.cn/markdownyfsm/markdownyfsm-odm6256r.html

解决方案
亲试有效
http://blog.csdn.net/sugar_rainbow/article/details/57415705

参考文章链接：

这文章写得很具体 https://www.cnblogs.com/visugar/p/6821777.html

更换主题

可参考 https://www.jianshu.com/p/b7886271e21a

遇到的问题

1、 hexo安装成功，并且正确运行，但是localhost:4000不能访问

因为安装了福晰阅读器，端口被占用。。。 解决方案 ：设置端口

hexo s -p 5000

参考：http://blog.csdn.net/u012246342/article/details/51543370

2、ERROR Deployer not found: git

安装

npm install --save hexo-deployer-git

3、make sure you have the correct access rights and the repository exist

由于GitHub没有添加SSH key
相关链接：http://blog.csdn.net/jingtingfengguo/article/details/51892864

如何写文章

hexo d
即可发布，并不需要用到git命令(脑子抽风时老是想着用git add)
参考：http://blog.csdn.net/qq_36099238/article/details/54576089

hexo文件目录

• _config.yml 全局配置文件
• package.json hexo框架的参数和所依赖插件
• scaffolds “骨架”的意思，新建文章时，hexo是根据这个目录下的文件进行构建
• source 新建文章保存在这个目录下
• themes 保存hexo主题

参考： https://www.jianshu.com/p/17d55d420d94

hexo常用命令

其他指令：
hexo deploy -g 或者 hexo d –g 或 hexo g –d # 生成加部署
hexo server -g # 生成加预览

参考：https://www.cnblogs.com/airbird/p/6160209.html

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment

SVN客户端用惯了，Git忘得差不多了，[捂脸]

参考：
https://www.cnblogs.com/my–sunshine/p/7093412.html
https://www.cnblogs.com/allanli/p/git_commands.html
https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

Git基本概念

• 工作区(working directory) 电脑里能看到的目录
• 版本库(Repository) 工作区有个隐藏目录.git，这不算工作区，是Git版本库。
• 暂存区(stage) 版本库存着很多东西，最重要的称为暂存区
• master Git自动创建的第一个分支
• HEAD 指向master的一个指针,当前分支最末梢最新的一个提交，也就是版本库中该分支上的最新版本

如图:

Git基本命令

1. git init 初始化一个本地Git环境
2. git add 添加文件到Git仓库，实际上就是把文件修改添加到暂存区
3. git commit 把暂存区的所有内容提交到当前分支
4. git status 查看仓库的状态
5. git diff 比较的是工作目录中当前文件和暂存区之间的差异
6. git diff --cached 查看已经暂存起来的文件和上次提交时的快照之间的差异
7. git diff HEAD 比较woking directory和上次提交之间所有的改动
8. git diff [version tag] 查看自从某个版本之后改动
9. git reset HEAD
10. git revert HEAD 撤销最近的一个提交
11. git rm file 从暂存区移除文件,同时也移除出工作目录.
12. git rm --cached 从暂存区移除文件,但留在工作目录中.
13. git log show commit history of a branch
14. git clone 获取一个url对应的远程Git repo, 创建一个local copy.

常用例子

git init (初始化本地Git)
git add .  （将本地所有文件加到暂存区）
git commit -m "message" （设置提交信息）
git clone https://github.com/wxygoing/wxygoing.github.io.git (克隆远程仓库内容)

如何将按钮变透明

• 背景透明

button {
    background: none;
    border: none;
}

• 全部透明

button {
    opacity: 0;
}

如何去掉Button点击后的蓝色方框

button {
    outline: none;
}

总结

• 所有函数都有一个prototype属性，默认初始值为‘空’对象
• 可以在原型对象中添加新方法和属性，也可以用自定义对象替换原来原型对象
• 对象自身属性优先级高于其原型对象中的同名属性
• hasOwnProperty() 方法可以用来区分对象自身属性和原型属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

	
	function Photo(name, color) {
		this.name = name;
		this.color = color;
		this.whichPhoto = function() {
			return 'I am photo whose name is ' + this.name + 'and color is' + this.color;
		}
	}
	
	Photo.prototype.width = 10;  // 原型属性要加给原型函数而不是对象实体
	Photo.prototype.height = 10;
	Photo.prototype.area = function() {
		return 'It is area is' + this.width * this.height;	
		//或者  return 'It is area is' + Photo.prototype.width * Photo.prototype.height;
	};
	
	//或者用对象
	Photo.prototype = {
		width = 10，
		height = 10 //....
	}
	
	var p = new Photo('picture', 'red');
	p.name;		// 'picture'
	p.constructor === Photo; // true
``` 
#### `hasOwnProperty()` 方法可以用来区分对象自身属性和原型属性 ###
原型属性或属性不存在都为`falseS`
![object-prototype2](object-prototype/object-prototype2.png)
`for-in` 循环中`length` 属性和`constructor`属性不会显示
![object-prototype1](object-prototype/object-prototype1.png)
>
* 所有原型属性都不是可枚举的，`propertyIsEnumerable()` 都返回`false`，包括那些在`for-in 循环`中可枚举的属性
* 对于内建属性和方法，大多是不可枚举的
* 如果`propertyIsEnumerable()`调用的是来自原型链上的某个对象，那该对象的属性是可枚举的
![object-prototype3](object-prototype/object-prototype3.png) 
####  isPrototypeOf() //判断当前对象是否为另一个对象原型 ####
``` javascript
	var monkey = {
		feeds: 'bananas',
		breathes: 'air'
	};
	function Human(name) {
		this.name = name;
	}
	Human.prototype = monkey;
	var developer = new Human();
	developer.hacks = 'javascript';
	
	// isPrototypeOf() //判断当前对象是否为另一个对象原型,是 返回 true
	monkey.isPrototypeOf(developer);
	
	// __proto__ 与 prototype不等价，__proto__ 为某个对象实例的属性，prototype为构造函数属性
	// __proto__ 在IE浏览器是不存在的
	//Object.getPrototypeOf()获取原型对象，只有在符合`ES5`标准环境下使用
	Object.getPrototypeOf(developer) === monkey;
	Object.getPrototypeOf(developer).feeds;
	developer.__proto__ === monkey;

proto 与 prototype不等价，proto 为某个对象实例的属性，prototype为构造函数属性 proto 在IE浏览器是不存在的
** Object.getPrototypeOf()获取原型对象，只有在符合ES5标准环境下使用

扩展内建对象

如果想通过原型为某内建对象添加一个新属性，最好先检查该属性是否存在