肉饼博客

Talk is cheap. Show me the code.

0%

一、居中布局

1.水平居中

(1)text-align:center

  • 父元素:块
  • 子元素:块
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="parent">
    <div class="child>DEMO</div>
    </div>

    .child{
    display:inline/inline-block;
    }
    .parent{
    text-align:center;
    }
    阅读全文 »

1.获得方式不同

在声明变量但未初始化时,js会自动给变量赋值undefined来完成初始化;而null不会自动赋值,只能由代码生成

2.使用方式不同

undefined表示变量未初始化的状态;而null通常表示一个空对象指针,如果预计变量未来会存放对象,可以初始化为null,或者为了释放内存引用,也可以赋值null

阅读全文 »

一、原理

我的理解:因为script标签(类似的还有img,iframe)不受同源策略限制,故可以用于跨域数据的获取,这是根本原因。

客户端设置一个script,其url指向支持JSONP的后端API,再声明一个callback函数,函数名需与url中?callback=字段值相同。当包含特定url的script载入时,会向后端API发起请求,后端会将数据包裹进一个函数的参数里,当然这个函数的名称是根据前端url参数自动生成的,前端script载入完成则自动调用已有的callback函数,对接受到的数据(此刻是函数参数)做出处理,从而实现了跨域。

阅读全文 »

一、使用数组sort方法对数组元素随机排序,并取指定长度的元素

1
2
3
4
5
6
7
Array.prototype.shuffle = function (n) {
var len = this.length,
num = n ? Math.min(n, len) : len,
arr = this.slice(0);
arr.sort(function (a, b) { return Math.random() - 0.5; });
return arr.slice(0, num - 1);
};
阅读全文 »

一、String中支持正则的方法:

1.match:返回包含一个/所有匹配结果的数组,没有则返回null

语法:

1
str.match(regexp)

非全局模式:返回和exec()相同结果。一个数组,其中只有第一个匹配项,额外的属性index表示匹配结果在原字符串中的索引,input属性表示被解析的原始字符串

阅读全文 »

不知不觉又是一年,猛然回想,竟然想不出自己这一年都做了哪些事,只能先去翻翻微信朋友圈,看每个月自己都分享了些什么,然而结果大多数都是豆瓣影评,今年除了看了海量的电影(每周2~3部),似乎并没有太多值得记录的,回过神来,这才觉得人生匆匆,转瞬即逝啊,还是应该给自己的人生作个小结,对来年有个规划。

阅读全文 »

Git Submodule 是一个很好的多项目使用共同类库的工具,他允许类库项目做为repository,子项目做为一个单独的git项目存在父项目中,子项目可以有自己的独立的commit,push,pull。而父项目以Submodule的形式包含子项目。

阅读全文 »

1. 配置SSH安全访问密钥,关闭密码登录

a.参考SecureCRT密钥连接Linux,使用SecureCRT在本机生成公私密钥
b.在VPS对应的用户目录下,新建.ssh文件夹,并上传公钥,然后更名为authorized_keys,并修改权限,如下

阅读全文 »

方式一:原型链继承(prototype模式)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function Parent (name) {
this.name = name
this.colors = ['red','green']
}

Parent.prototype.getName = function () {
console.log(this.name)
}

function Child (age) {
this.age = age
}

Child.prototype = new Parent()
Child.prototype.constructor = Child

var child1 = new Child ('20')
console.log(child1.getName) // ƒ () {console.log(this.name)}
var child2 = new Child ('20')
child2.colors.push('blue')
console.log(child1.colors) //['red','green','blue']
console.log(child2.colors) //['red','green','blue']
阅读全文 »