基本属性值

meta的意义取决其属性:

  1. name: 文档级别的元数据,作用于整个页面。
  2. http-equiv: 程序指令,一般用于告诉服务器页面的一些特殊要求。
  3. charset: 设置页面的字符
  4. itemprop: 自定义的元数据

如果设置了 name 或者 http-equiv,可以用content指定相关的内容

Read More

在网上看见一个用Ruby On Rail写了一个一键收藏网页文章至github上的文章(点我查看),觉得很想法,于是乎,我也想用nodejs写一个。

功能描述

  1. chrome扩展,发送当前标签页的标题和网址
  2. nodejs后端服务器,获取chrome发送的数据,保存至markdown文件中
  3. 定时提交数据至github上

Read More

一、背景

之前用hexo和github搭建了一个免费博客。但本地的目录结构有些乱,想调整一下,趁此机会把hexo的源文件和所使用的主题上传到github上,以防需要换电脑时,原始数据丢失。

二、实现

上传hexo源文件同时也不和hexo编译后的文件冲突,可以使用一个仓库多个分支的思路。为我们的代码仓库创建两个分支,一个是 master, 一个hexo。master分支用来管理hexo编译之后的静态资源,而hexo分支用来管理hexo的源码,即一些markdown文件和主题等,需要设置这个分支为默认分支,以便拷贝仓库代码到本地时更方便。

Read More

#获取随机字符

###获取26个字母与10个数字之间的随机字符方法

1
2
3
var randstr = Math.random().toString(36).slice(2);
var len = randstr.length;
var r = randstr.charAt(~~(len*Math.random()))

###获取某一个区间中的随机字符,利用unicode实现

1
String.fromCharCode(0x2200 + (0x220f - 0x2200 + 1) * Math.random());

PS: 数字的unicode范围为 0030–0039;英文小写字母的范围为,0061–007a

查看提示符显示方式:

echo $PS1

修改$PS1,打开文件 ~/.bash_profile,增加一条规则,如果有则编辑即可:

export PS1=”\u \w$”

如果需要设置路径颜色,可以修改为:

export PS1=”[\e[33;1m\u@\h: \e[31m\W\e[0m]\$”

保存修改并退出,应用更新:

source ~/.bash_profile

Read More

CSS3实现后退按钮,从此告别后退图标

用CSS3实现的原理是利用伪元素生成一个只有两条边的正方形,然后通过旋转一定角度实现各个方向的箭头图形。

90度角的箭头图形实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.back1 {
position: relative;
}
.back1:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
left: 0;
border-top: 2px solid #f00;
border-left: 2px solid #f00;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

Read More

使用CSS3实现垂直左右居中显示

1
2
3
4
5
6
7
8
.container {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
background: #FDFDFD;
}

对应的html为

1
<div class="container"></div>

最主要是随着浏览器窗口变化,左右上下边距也会自动调整,因而再也不需要通过js来监听windonw的resize事件了。

Read More

背景

最近需要封装一个图片上传组件,需要支持单文件,多文件,LOGO上传等功能,
其中LOGO上传需要检测上传图片的尺寸,并且需要支持图片裁切。改组件需要提供统一的UI样式,并有统一的错误提示。
该组件基于Webuploader封装。

Read More