js-正则表达式

2016/03/27

元字符（断言）

. 匹配除换行符以外的任意字符
\w 匹配字母或数字或下划线或汉字
\s 匹配一个空白字符，包括空格、制表符、换页符和换行符。
\d 匹配数字
\b 匹配单词的开始或结束
^ 匹配字符串的开始
$ 匹配字符串的结束
\n 匹配一个换行符
\r 匹配一个回车符
\0nn ASCII 代码中八进制代码为nn的字符
\xnn ASCII 代码中十六进制代码为nn的字符
\unnnn Unicode 代码中十六进制代码为 nnnn 的字符 [\u4e00-\u9fa5]
『 Read More 』 >>

展开全文 >>

Git常用命令赏析

2016/03/25

新建代码库

# 在当前目录新建一个Git代码库
$ git init

# 新建一个目录，将其初始化为Git代码库
$ git init [project-name]

# 下载一个项目和它的整个代码历史
$ git clone [url]

『 Read More 』 >>

展开全文 >>

Hexo搭建静态博客网站

2016/03/24

安装环境

安装 Git

下载地址：https://git-scm.com/download/

安装 node.js

下载地址： http://nodejs.org/download/

配置 Github

建立 github 仓库

仓库命名规范：

【your_user_name.github.com】

访问域名：your_user_name.github.io

【your_user_name】

『 Read More 』 >>

展开全文 >>

javascript 自动提示/ 键盘上下键滚动选项/ 回车选择

2016/03/21

在输入框中输入内容，下拉出现自动提示列表，鼠标上下键选择提示中的项，然后回车选择相应的项。
实现原理：JS监听输入框的kedown、keyup、focusout事件。

输入内容的时候keyup触发调取后台数据，并接收返回的数据弹出自动提示内容。
键盘按下的时候keydown判断是否是上下键、回车键、退格删除键，如果是上下键，通过js改变相应内容的显示状态标为当前状态，如果是回车键，将标记为当前选中状态的内容添加到目标HTML标签中，如果是回退删除键判断下输入框里面是否有内容，如果没内容删除目标HTML标签中最后添加的元素。
当input框失去焦点的时候出发focusout事件，执行隐藏提示内容。

下面看下示例代码吧！
『 Read More 』 >>

展开全文 >>

JS数据类型学习总结

2016/03/16

Undefined类型

未赋值的数据为undefined，例如：

var oTemp;
alert(oTemp == undefined);  //返回true

var oTemp;
alert(typeof oTemp);   //输出为 “undefined"

如果函数没有返回值，则默认为undefined，例如：

1
2
3

function testFunc() {}
alert(testFunc() == undefined);  //输出为 “true"
alert(null == undefined);   //输出为 “true"

『 Read More 』 >>

展开全文 >>

JS回到顶部效果

2016/03/10

网站最通用的功能就是点击侧栏一个按钮然后就能回到页面顶部了。

1	<a id="totop" href="javascript:void(0);"></a>

#totop {
  width: 20px;
  height: 20px;
  position: fixed;
  bottom: 0;
  right: 0;
}

『 Read More 』 >>

展开全文 >>

JS刷新页面方法

2016/03/06

基本刷新页面方法

10表示间隔10秒刷新一次
<meta http-equiv="refresh"content="10;url=跳转的页面">

window.location.reload(true);

如果是你要刷新某一个iframe就把window给换成frame的名字或ID号

window.navigate("本页面url");
『 Read More 』 >>

展开全文 >>

Emmet语法总结（css篇）

2016/02/19

值

比如要定义元素的宽度，只需输入w100，即可生成

1	width: 100px;

除了px，也可以生成其他单位，比如输入h10p+m5e，结果如下：

1 2	height: 10%; margin: 5em;

单位别名列表：
p 表示%
e 表示 em
x 表示 ex
『 Read More 』 >>

展开全文 >>

Emmet语法总结（html篇）

2016/02/18

初始化界面

HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键：

html:5

<!DOCTYPE html>
<html lang="en">
  <head>
  	<meta charset="UTF-8">
  	<title>Document</title>
  </head>
  <body>
  
  </body>
</html>

『 Read More 』 >>

展开全文 >>

24行代码，让你的网页元素任意放大、缩小、拖拽、移动

2016/02/11

花了点时间写的，蛮长时间了。个人很喜欢，一段很简单的代码，却能够实现很多功能。
到底多简单，先来看代码

『 Read More 』 >>

展开全文 >>