发表于 | 分类于

  1. 水平居中的方式

  2. 垂直居中的方式

水平居中

1.水平居中: 行内元素解决方案

只需要将行内元素包裹在一个属性为block的父级元素中，并把这个父级元素添加如下属性即可:

1
text-align:center;

试用元素:
文字、链接、其它inline或者inline-*类型的元素(如 inline-block,inline-table,inline-flex)
实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
/*CSS代码片段*/
nav, div{
  text-align: center;
}
/*Html代码片段*/
<div>文字元素</div>
<nav>
  <a href="">链接元素01</a>
  <a href="">链接元素02</a>
  <a href="">链接元素03</a>
</nav>

2.水平居中: 块级元素解决方案

阅读全文 »

发表于 | 分类于

希望通过这篇笔记,加深自己对 ES5 新增的数组方法的理解,可以帮我们少一些 for 循环.

[…].some(ck)函数 —- 某个一个为true,则为true

  1. some意指”某些”,指是否”某些项”合乎条件。
  2. 皇上:有一个满意的，就来侍寝就可以了。
    (对数组中每个元素执行一次ck函数,直到某个元素返回true,则直接返回true。如果都返回false,则返回false。)
  3. 返回值为 Boolean 值。

检查整个数组中是否有满足ck函数的元素。

1
2
3
4
var result = [1,5,3,6].some(  (v,i)  =>  (v>10) )      
//所有元素都不满足，返回result = false
var result = [10,5,30,60].some(  (v,i)  =>  (v<10) )      
//有一个(多个)满足，返回result  = true

阅读全文 »

发表于 | 分类于

本文主要记录了自己关于闭包的理解，和闭包的应用

闭包的概念

闭包，就是函数在调用的时候，产生的那个内存结构，外界不能访问里面，它就是一个封闭的包裹结构，即闭包。

注意

  • 函数定义后，放置在那里,只是一个普通的对象，不会创建任何内存，也不会影响到其他任何东西;
  • 只有函数运行起来，在函数执行过程中，在 结束之前，函数会构成一个封闭的空间；
  • 根据词法作用域，函数内在访问变量的时候，如果函数内没有可以到函数外面查找，反之不行；
  • 同时函数也包含了一定的范围；
  • 结合一下， 此时在函数结束之前，函数构成了一个封闭的包裹的结构，此为闭包。
阅读全文 »

发表于 | 分类于

参数this在面向对象编程中非常重要，它的值取决于 调用的模式。

前言：

函数一般分为四种调用模式：
1.函数调用模式： 一般独立函数调用
2.方法调用模式： 作为方法调用，一定要有一个引导对象(宿主对象)
3.构造器调用模式： 一定用来初始化对象，有 new 引导，return 可以重定向
4.上下文调用模式： apple 或 call

函数调用模式

阅读全文 »

发表于 | 分类于

错误1

在使用hexo部署博客到gitcafe的时候，出现了如下错误:

1
2
3
4
5
6
7
8
9
10
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
fatal: Not a git repository (or any of the parent directories): .git
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
Error: fatal: Not a git repository (or any of the parent directories): .git
    at ChildProcess.<anonymous> (E:\blog\HexoBlog\node_modules\hexo-util\lib\spawn.js:37:17)
    at emitTwo (events.js:87:13)
    ……
阅读全文 »

发表于 | 分类于

理解同步、异步，掌握ajax概念以及如何发起ajax请求，了解模板引擎及其简单实现原理

AJAX定义

  • AJAX 不是 JavaScript 的规范，它是”Asynchronous JavaScript and XML”的缩写,意思是用JavaScript执行 异步 网络请求.
  • AJAX 不是一门新的语言，而是对现有技术的综合利。
  • 简单说, AJAX 就是 浏览器 和 服务器 之间进行 异步交互 无需刷新页面 的技术。

说到这，让我们来了解一下 异步 的相关知识：

阅读全文 »

发表于 | 分类于

当你在 GitHub 创建一个代码仓库后，需要將其与你的本地仓库关联起来。 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//把本地项目变成版本仓库
git init  
//把目录当前目录下所有的文件信息添加到索引库的暂存区里面去
git add -A 
//通过命令git commit 把刚刚提交到暂存区里的文件提交到仓库。
//git commit -m "提交所有文件"，-m 后面的文字是注释，方便查看历史记录时知道每一次提交提交的是什么
git commit -m "First commit" 
//开始把本地仓库的内容推送到GitHub仓库。
git remote add origin https://github.com/.../.git(自己的仓库地址)
//然后通过命令git push把本地仓库的内容推送到github仓库去。
//第一次推送在git push后面加上参数-u，使用-u选项指定一个默认主机。
git push -u origin master

以上操作基本上就是最简单的从把本地项目目录变成Git仓库，然后在把内容推送到自己的github上面

发表于 | 分类于

JS中原型链的理解

一、了解构造函数、原型和实例之间的关系( 实例原型三角形 )

1
2
3
在 js 中凡是函数背后都有一个对象存在.
这个对象使用 函数名.prototype 来访问. 默认情况下这个对象含有一个属性 constructor用于指向回该函数. 
也就是说, 在默认情况下, 如果一个对象含有 constructor 属性, 同时,它执行某一个函数, 那么就表示这个对象是这个函数背后的 prototype.
阅读全文 »