静觅 崔庆才的个人站点 - Python爬虫教程

1.大小写转换

判断字符串

1
2
3
4
5
6
7

s.isalnum() #所有字符都是数字或者字母
s.isalpha() #所有字符都是字母
s.isdigit() #所有字符都是数字
s.islower() #所有字符都是小写
s.isupper() #所有字符都是大写
s.istitle() #所有单词都是首字母大写，像标题
s.isspace() #所有字符都是空白字符、\t、\n

大小写转换

1
2
3
4

s.upper() #把所有字符中的小写字母转换成大写字母
s.lower() #把所有字符中的大写字母转换成小写字母
s.capitalize()  #把第一个字母转化为大写字母，其余小写
s.title()  #把每个单词的第一个字母转化为大写，其余小写

1.输入输出

输出实例

1
2

print 'hello','world'
hello world

输入实例

1
2
3
4
5

name = raw_input();
print "hello,",name

world
hello,world

输入时提示实例

1
2
3
4
5

name = raw_input('please enter your name:');
print "hello,",name

please enter your name:world
hello,world

raw_input 函数读入的是字符串，如果想要转换成int类型，就要用到int函数。

1

birth = int(raw_input('birth: '))

2.字符表示

十进制正常表示，十六进制最前面加 0x，小数正常表示，科学计数法表示 1.23x109就是1.23e9，或者 12.3e8 转义符 \ 转义符实例：

1
2
3

>>> print '\\\n\\'
\
\

防止转义，可以在前面加入 r

1
2
3
4

>>> print '\\\t\\'
\       \
>>> print r'\\\t\\'
\\\t\\

多行内容表示，用三引号包括

1
2
3
4
5
6

>>> print '''line1
... line2
... line3'''
line1
line2
line3

布尔值的表示 True 和 False

1
2

>>> 3 > 2
True

空值 None，相当于Java，C 中的 null

1
2

>>>print None==None
True

Unicode表示的字符串用 u’…’ 表示，转化成 UTF-8 编码

1
2
3
4

>>> u'ABC'.encode('utf-8')
'ABC'
>>> u'中文'.encode('utf-8')
'\xe4\xb8\xad\xe6\x96\x87'>

文本文件编码

1
2

#!/usr/bin/env python
# -*- coding: utf-8 -*-

3.格式化

格式化输出实例

1
2
3
4

>>> 'Hello, %s' % 'world'
'Hello, world'
>>> 'Hi, %s, you have $%d.' % ('Michael', 1000000)
'Hi, Michael, you have $1000000.'

格式化整数和小数

1
2
3
4

>>> '%2d-%02d' % (3, 1)
' 3-01'
>>> '%.2f' % 3.1415926
'3.14'

万能格式化 %s，可以代替所有格式化 对于Unicode字符串，用法完全一样，但最好确保替换的字符串也是Unicode字符串：

1
2

>>> u'Hi, %s' % u'Michael'
u'Hi, Michael'

输出百分号 %，用双 % 即可

1
2

>>> 'growth rate: %d %%' % 7
'growth rate: 7 %'

4.列表 list

列表 list ，可变的有序表

1
2
3

>>> classmates = ['Michael', 'Bob', 'Tracy']
>>> classmates
['Michael', 'Bob', 'Tracy']

len函数获取它的长度

1
2

>>> len(classmates)
3

取得某个元素，可以用中括号索引

1
2
3
4
5
6
7
8

>>> classmates[0]
'Michael'
>>> classmates[1]
'Bob'
>>> classmates[2]
'Tracy'
>>> classmates[3]
Traceback (most recent call last):

倒数索引

1
2
3
4
5
6
7
8

>>> classmates[-1]
'Tracy'
>>> classmates[-2]
'Bob'
>>> classmates[-3]
'Michael'
>>> classmates[-4]
Traceback (most recent call last):

append 追加元素到末尾

1
2
3

>>> classmates.append('Adam')
>>> classmates
['Michael', 'Bob', 'Tracy', 'Adam']

insert 插入到指定位置

1
2
3

>>>> classmates.insert(1, 'Jack')
>>> classmates
['Michael', 'Jack', 'Bob', 'Tracy', 'Adam']

pop 删除末尾元素

1
2
3
4

>>> classmates.pop()
'Adam'
>>> classmates
['Michael', 'Jack', 'Bob', 'Tracy']

pop 加入参数删除指定元素

1
2
3
4

>>> classmates.pop(1)
'Jack'
>>> classmates
['Michael', 'Bob', 'Tracy']

元素改变，直接赋值即可

1
2
3

>>> classmates[1] = 'Sarah'
>>> classmates
['Michael', 'Sarah', 'Tracy']

list可以嵌套，可用二维索引

1
2
3

>>> s = ['python', 'java', ['asp', 'php'], 'scheme']
>>> s[2][1]
php

空列表

1
2
3

>>> L = []
>>> len(L)
0

5.元组 tuple

不可变有序的数组 定义元组

1
2
3

>>> classmates = ('Michael', 'Bob', 'Tracy')
>>> classmates
('Michael', 'Bob', 'Tracy')

空的元组

1
2
3

>>> classmates = ()
>>> classmates 
()

一个元素的元组

1
2
3

>>> t = (1,)
>>> t
(1,)

注意不能用 t = (1) 来定义， 因为它定义的不是tuple，是 1 这个数，这是因为括号既可以表示tuple，又可以表示数学公式中的小括号，这就产生了歧义，因此，Python规定，这种情况下，按小括号进行计算，计算结果自然是1。 表面上可变的tuple

1
2
3
4
5

>>> t = ('a', 'b', ['A', 'B'])
>>> t[2][0] = 'X'
>>> t[2][1] = 'Y'
>>> t
('a', 'b', ['X', 'Y'])

表面上看，tuple的元素确实变了，但其实变的不是tuple的元素，而是list的元素。tuple一开始指向的list并没有改成别的list，所以，tuple所谓的“不变”是说，tuple的每个元素，指向永远不变。即指向 ‘a’，就不能改成指向 ‘b’ ，指向一个list，就不能改成指向其他对象，但指向的这个list本身是可变的！

6.字典 dict

字典 dict 即键值对组，dict的key必须是不可变对象。

1
2
3

>>> d = {'Michael': 95, 'Bob': 75, 'Tracy': 85}
>>> d['Michael']
95

把数据放入dict的方法，除了初始化时指定外，还可以通过key放入，在这之前，d 必须被声明，否则会报错

1
2

>>> d['Adam'] = 67
>>> d['Adam']

判断key是否在字典中 1. in 判断

1
2

>>> 'Thomas' in d
False

2. 通过dict提供的get方法，如果key不存在，可以返回None，或者自己指定的value

1
2
3
4

>>> print d.get('Thomas')
None
>>> print d.get('Thomas', -1)
-1

要删除一个key，用 pop(key) 方法，对应的value也会从dict中删除

1
2
3
4

>>> d.pop('Bob')
75
>>> d
{'Michael': 95, 'Tracy': 85}

7.集合 set

set和dict类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在set中，没有重复的key。 要创建一个set，需要提供一个list作为输入集合：

1
2
3

>>> s = set([1, 2, 3])
>>> s
set([1, 2, 3])

重复元素在set中自动被过滤：

1
2
3

>>> s = set([1, 1, 2, 2, 3, 3])
>>> s
set([1, 2, 3])

通过 add(key) 方法可以添加元素到set中，可以重复添加，但不会有效果：

1
2
3
4
5
6

>>> s.add(4)
>>> s
set([1, 2, 3, 4])
>>> s.add(4)
>>> s
set([1, 2, 3, 4])

通过 remove(key) 方法可以删除元素：

1
2
3

>>> s.remove(4)
>>> s
set([1, 2, 3])

判断元素是否在set中

1
2

>>> 5 in s 
True

set可以看成数学意义上的无序和无重复元素的集合，因此，两个set可以做数学意义上的交集、并集等操作：

1
2
3
4
5
6

>>> s1 = set([1, 2, 3])
>>> s2 = set([2, 3, 4])
>>> s1 & s2
set([2, 3])
>>> s1 | s2
set([1, 2, 3, 4])

之前一直想搭建一个个人CV，用来展示自己的详情，技能树，项目经历等等。从网上看了许多模板，发现扁平化设计的单页模板非常适合，不过下载了几个之后，直接拿来修改用了感觉没有什么可以学到的东西，现在扁平化趋势这么流行，加上网页的响应式布局也越来越火，何不自己尝试一把？ 2015年1月23日，寒假正式结束了，处理完一些小事，就开始着手搭建个人CV了。四五天的时间，从学习相关BootStrap知识，响应式布局的相关了解，美工切图，代码实际编写，差不多搭建完毕，不过还有好多地方需要完善，欢迎访问 我的个人简介 搭建此网页需要具备的相关知识有：

• Media Query相关了解
• BootStrap框架布局的了解
• jQuery相关语法的了解
• font owesome图标框架的了解
• Canvas绘图的了解

1.Media Query 关于响应式布局，首先要了解的是 Media Query的相关知识，翻译过来就是媒体查询的意思，它可以使不同大小的网页适应几套不同的CSS布局。比如笔记本电脑，屏幕宽度大都在1300px以上，可以匹配最高分辩率对应的CSS布局；又如平板电脑，屏幕宽度750px左右，可以适配中等分辨率对应的CSS布局；至于手机，则适配最小分辨率的CSS布局。这样，一次编写网站，多种终端可以看到不同的效果，不过代码只有一份，这就是响应式布局。 传送门：Media Query 简介 2.BootStrap BootStrap是一款非常有名的前端框架，只需要写非常少的代码即可，如果你只会了Media Query，自己编写完全没有问题，不过代码的复杂度会大大增加，而且不一定可以适配多种浏览器，可能你在Chrome里面是正常的，跑到IE你会惊呆的！所以，BootStrap是你的最好选择，简化的代码加多种浏览器适配，还有栅格化布局是相当给力，值得一试。 3.jQuery 毕竟是自己完全编写整个网页，有些适配或者动画处理还是需要JS来实现，如果涉及到CSS样式的应用，jQuery是你最好的选择。 强大的JS框架，各种动画效果均可以通过jQuery实现。当然前期的搭建不需要过多的jQuery特效，如果你想让自己的个人CV变得更炫，推荐一用。 4.Font Awesome 如果你需要用到各种图标，那么你还在苦苦地用PS抠图绘制吗？你错了，利用Font Awesome 图标框架，只需要添加一句代码，即可轻松插入你想要的图标，比如新浪微博，人人网等等，素材应有尽有。 传送门：Font Awesome 框架 5.Canvas绘图 如果你想要自己的网站更炫酷，有各种动画效果。例如制作一个圆形的进度条，那么Canvas是不二选择。不过稍微有些复杂，我在创建圆形进度条的时候就偷懒直接抠了四张进度条图，是不是很机智？哈哈。不过，如果你想修改了，不能继续抠图吧？那就用Canvas绘图吧！ 以上算是个人心得，也算是一个个人日记，也希望能给读者带来一些帮助！

曾经以为过不去的，终究会过去。痛苦有时候是一种提升，否则，我们流的眼泪也就毫无意义。

感谢她曾经给我带来的幸福甜蜜，有些事也不必将就，不必强求。

继续前行吧，成为更好的自己，也祝她能够幸福。

放下 · 坦然

曾经的她

关于HTML5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。 2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。 在此提供HTML5视频教程。 视频来源：兄弟连教育 感谢 @兄弟连教育

关于兄弟连

兄弟连成立于2006年，专注于IT技术培训，是国内最早及最大的PHP/LAMP技术专业培训学校。 兄弟连现已开设PHP/Java/Android/IOS/手游/云计算/UI等多学科，累计培养逾万名学员，2014年学员就业平均起薪高达5500元+。 兄弟连已是第9个年头，这条路虽历尽艰辛，但我们痴心不改。我们就是想让学员们知道：不是所有的培训机构都是骗人的！ 在兄弟连，你可以找到自我、重拾自信；在兄弟连，你会每天渴求成长，学到深夜； 在兄弟连，你把学习当成一种习惯；在兄弟连，你有更多的兄弟姐妹； 在兄弟连，有陪你一起熬夜的老师；在兄弟连，你会被“狠狠”的爱着…… 兄弟连已在北京、上海和广州设立校区，今后几年内将会陆续在成都、西安等地建设校区，每年有数十万名学员受益于兄弟连教育的职业培训、教学视频、网络公开课。

兄弟连

“我们不仅仅是老师，我们是学员的梦想守护者与职场引路人。” 我们不敢妄言改变中国教育，只是低下头认认真真做教育。兄弟连没有做什么惊天动地的大事，我们就是把别人不愿做的脏活累活做到极致，做教育就是需要这种工匠精神。 在中国，选择职业培训的学生，一定是对自己未来有憧憬、想改变命运的有志青年。主观上有学习的欲望，客观上自控能力差，需要外力协助其改变。 教学靠谱/变态严管/职业素养课我们的核心竞争力。 培训结束会有脱胎换骨的感觉，怕死别来兄弟连！

视频下载

视频下载

关于PHP

PHP（外文名: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。 在此提供PHP视频教程，视频来源：兄弟连教育

关于兄弟连

兄弟连成立于2006年，专注于IT技术培训，是国内最早及最大的PHP/LAMP技术专业培训学校。 兄弟连现已开设PHP/Java/Android/IOS/手游/云计算/UI等多学科，累计培养逾万名学员，2014年学员就业平均起薪高达5500元+。 兄弟连已是第9个年头，这条路虽历尽艰辛，但我们痴心不改。我们就是想让学员们知道：不是所有的培训机构都是骗人的！ 在兄弟连，你可以找到自我、重拾自信；在兄弟连，你会每天渴求成长，学到深夜； 在兄弟连，你把学习当成一种习惯；在兄弟连，你有更多的兄弟姐妹； 在兄弟连，有陪你一起熬夜的老师；在兄弟连，你会被“狠狠”的爱着…… 兄弟连已在北京、上海和广州设立校区，今后几年内将会陆续在成都、西安等地建设校区，每年有数十万名学员受益于兄弟连教育的职业培训、教学视频、网络公开课。

兄弟连

“我们不仅仅是老师，我们是学员的梦想守护者与职场引路人。” 我们不敢妄言改变中国教育，只是低下头认认真真做教育。兄弟连没有做什么惊天动地的大事，我们就是把别人不愿做的脏活累活做到极致，做教育就是需要这种工匠精神。 在中国，选择职业培训的学生，一定是对自己未来有憧憬、想改变命运的有志青年。主观上有学习的欲望，客观上自控能力差，需要外力协助其改变。 教学靠谱/变态严管/职业素养课我们的核心竞争力。 培训结束会有脱胎换骨的感觉，怕死别来兄弟连！

感谢 @兄弟连教育 视频下载

Java是由Sun Microsystems公司推出的Java面向对象程序设计语言（以下简称Java语言）和Java平台的总称。 Java分为三个体系Java SE（J2SE，Java2 Platform Standard Edition，标准版），JavaEE（J2EE，Java 2 Platform, Enterprise Edition，企业版），Java ME（J2ME，Java 2 Platform Micro Edition，微型版）。 在此提供Java SE的视频教程，感谢@兄弟连教育 视频来源：兄弟连教育 视频下载

关于PHP

PHP（外文名: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。 在此提供PHP视频教程，视频来源：兄弟连教育

关于CI

如果你已经掌握了一点PHP知识，如果…

1. 你想要一个小巧的框架。
2. 你需要出色的性能。
3. 你需要广泛兼容标准主机上的各种 PHP 版本和配置。
4. 你想要一个几乎只需 0 配置的框架。
5. 你想要一个不需使用命令行的框架。
6. 你想要一个不需坚守限制性编码规则的框架。
7. 你对 PEAR 这种大规模集成类库不感兴趣。
8. 你不希望被迫学习一门模板语言(虽然可以选择你喜欢的模板解析器)。
9. 你不喜欢复杂，热爱简单。
10. 你需要清晰、完善的文档。

那么CodeIgniter就是你的最好选择，在此提供一个学习视频，供大家学习

关于兄弟连

兄弟连成立于2006年，专注于IT技术培训，是国内最早及最大的PHP/LAMP技术专业培训学校。 兄弟连现已开设PHP/Java/Android/IOS/手游/云计算/UI等多学科，累计培养逾万名学员，2014年学员就业平均起薪高达5500元+。 兄弟连已是第9个年头，这条路虽历尽艰辛，但我们痴心不改。我们就是想让学员们知道：不是所有的培训机构都是骗人的！ 在兄弟连，你可以找到自我、重拾自信；在兄弟连，你会每天渴求成长，学到深夜； 在兄弟连，你把学习当成一种习惯；在兄弟连，你有更多的兄弟姐妹； 在兄弟连，有陪你一起熬夜的老师；在兄弟连，你会被“狠狠”的爱着…… 兄弟连已在北京、上海和广州设立校区，今后几年内将会陆续在成都、西安等地建设校区，每年有数十万名学员受益于兄弟连教育的职业培训、教学视频、网络公开课。

兄弟连

“我们不仅仅是老师，我们是学员的梦想守护者与职场引路人。” 我们不敢妄言改变中国教育，只是低下头认认真真做教育。兄弟连没有做什么惊天动地的大事，我们就是把别人不愿做的脏活累活做到极致，做教育就是需要这种工匠精神。 在中国，选择职业培训的学生，一定是对自己未来有憧憬、想改变命运的有志青年。主观上有学习的欲望，客观上自控能力差，需要外力协助其改变。 教学靠谱/变态严管/职业素养课我们的核心竞争力。 培训结束会有脱胎换骨的感觉，怕死别来兄弟连！

感谢 @兄弟连教育 视频下载

现在遇到这么一个情况，在我电脑上配置了一对SSH秘钥，其中公钥已经添加到了我的GitHub上面。 现在我又申请了一个账号，我同样想添加这个秘钥到这个账号上去，但是GitHub提示了一个错误，说这个公钥已经被使用，不能添加。 于是，我意识到了一个问题，同一个公钥是不能添加到不同的GitHub账号的。在我的GitHub上配置了，另一个就不能配置了。 所以，我需要重新生成一对SSH，过程如下： 在命令行中输入：

1

ssh-keygen -t rsa -C '1016903103@qq.com'

1
2

Generating public/private rsa key pair.
Enter file in which to save the key (~/.ssh/id_rsa): ~/.ssh/id_rsa2 #这里输入一个新的ssh key文件名

在这里我们就输入 ~/.ssh/id_rsa2 了，注意此处一定要加上路径名，要不然生成的秘钥不会保存到 .ssh文件夹中。 后面会让你提示输入密码，直接回车两次就好了，如果你非要输入密码也没事。 接下来就会提示秘钥生成成功，会打印出你生成的秘钥。 ~/.ssh/id_rsa2为新SSH Keys文件名，根据实际情况修改，保证每次不一样即可。 打开新生成的~/.ssh/id_rsa2.pub文件，将里面的内容添加到GitHub后台，在这里我就添加到我另一个GitHub账号里了。 接下来你再Push尝试一下，发现会提交失败，提示如下的内容。

1
2

Please make sure you have the correct access rights 
and the repository exists.

这是因为它默认识别了你第一个私钥，也就是id_rsa 为了让它识别你新生成的私钥，你需要在.ssh目录，注意一定要是.ssh目录，和你的秘钥放在一块。要不然不能识别，新建一个config文件，不要后缀，文件名即为config 输入如下内容：

1
2
3
4
5

Host git@github2.com   #此处可以随意指定
HostName github.com
User git
Port 22
IdentityFile ~/.ssh/id_rsa2   #你新生成的SSH名字

Git的时候不是有一个SSH地址吗？比如我原先的是

1

git@github.com:cqcre/shiyida.git

现在我们就要把它改成

1

git@github2.com:cqcre/shiyida.git

其中：前面的内容就是你填写的Host内容。 你可以随意更改，这里我为了保持风格统一，就把Host设置为了 git@github2.com 如果你的Host设置为xxx，那么我的SSH地址就要改为 xxx:cqcre/shiyida.git，你的地址相对应地更改。 现在尝试一下，就可以Push了，如果还不能，请重新打开Git Bash，需要关闭后再次开启一下Git才能生效的。 如果有问题，与我联系~ 邮箱 1016903103@qq.com QQ 1016903103

首先感谢郝同学告诉我这么一个神奇的接口 可以输入你的手机号、密码、对方手机号、发送内容直接给对方发短信。 源作者博客地址为：http://blog.quanhz.com/ 郝同学的博客地址：http://www.findspace.name 我们先来演示下这个接口的功能： 测试地址：res.cuiqingcai.com/fetion 进入之后会让您选择两种发送方式，一种是 GET，一种是 POST 两种方式什么区别？最重要的区别是 GET 方式是直接以链接形式访问，链接中包含了所有的参数，当然如果包含了密码的话是一种不安全的选择，不过你可以直观地看到自己提交了什么内容。POST 则不会在网址上显示所有的参数，不过如果你想直接查看提交了什么就不太方便了，大家可以酌情选择。 或者直接通过以下接口来访问： 1. GET 方式：http://res.cuiqingcai.com/fetion/get.php 2.POST 方式：http://res.cuiqingcai.com/fetion/post.php 二者界面相同，功能稍有不同而已。 点击发送之后，便可以向你的飞信好友发送短信了。是不是很神奇，如果你输入的号码不合法，会自动通过 JS 判定，如果不合法，不会提交。 那么接口是怎样调用的呢？ GET 接口是这样的：通过访问一个 URL 来进行发送短信。参数如下： 1.你的手机号 2.飞信密码 3.对方的手机号 4.要发送的信息。 例如：http://res.cuiqingcai.com/fetion/php/gsend.php?user=18366119732&key=abcd&number=18366119732&text=hello 加入这四个参数之后，你便可以通过访问这个网址来向好友发送短信。那么 18366119732 就能收到 hello 的信息了,并通过查看返回值来判断发送状况。 P.S.输入你的飞信密码后我不会盗取你的密码的，源码地址在下面，大家可以自行查看。相信我的人品，我不会偷偷存到数据库的… 如果担心，请自行下载源码，并部署到自己的服务器上。 接口为 PHP 版本，我对其源码进行了重构，增加了返回登录信息的功能。并对其接口进行了重写，增加了是否登录成功，是否信息为空，是否信息过长，是否是给自己发短信，是否是给别人发短信的判定，并返回相应的结果。 返回结果判定如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

if(strpos($result,'请输入密码')){
 //登录失败
 echo "D";
}else if(strpos($result,'NoMessage')){
 //发送的消息为空
 echo "K";
}else if(strpos($result,'限制在500字')){
 //发送内容超长
 echo "L";
}else if(strpos($result, '短信发送成功!')) {
 //给自己发送成功
 echo "M";
}else if(strpos($result,'发送消息成功')){
 //给别人发送成功
 echo "O";
}else {
 //不是好友，发送失败
 echo "H";
}

1.登录失败:D 2.发送消息为空:K 3.发送内容超长:L 4.给自己发送成功:M 5.给别人发送成功:O 6.不是好友，发送失败:H 返回结果大家可以更改 echo 的内容自己定制。 在下面附上接口及测试的源代码： https://github.com/cqcre/fetion 另附：JS 和 PHP 用正则表达式判定手机号是否合法的方法，新增加了最新 4G 手机号的判定。 JS：

1
2
3
4
5
6

var number = $("#number").val();
 if((number.length != 11) || (!number.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|17[6|7|8]|18[0-9])\d{8}$/))){
    alert("号码不合法");
 }else{
    alert("号码合法");
}

PHP:

1
2
3
4
5

if((strlen($phone) != 11) || !(preg_match("/13[0123456789]{1}\d{8}|15[012356789]\d{8}|18[0123456789]\d{8}|17[678]\d{8}|14[57]\d{8}/",$phone))){
    echo "手机号不合法";
 }else{
    echo "手机号合法";
 }

作为一名学生，免不了同学之间传送资料和数据的问题。 由于整个学校相当于一个大型局域网，相互之间传送数据非常快，比如要共享个电影，传点资料什么的。 所以我们可以选择搭建一个FTP服务器来共享文件。 那么问题来了，有的同学会问，我们既然在一个局域网内，直接用QQ传也很快啊，干嘛要搭建FTP服务器？ 那么告诉大家，如果两人不能同时在线呢？离线文件？传离线文件不就不走局域网了吗？ 还有如果你想一个人给多个人同时发呢？一个一个发？网盘链接？算了吧，等到花儿都谢了都下不完… 所以，明智的选择，FTP服务器。 在学校拥有了一台服务器之后，我可以把自己的资料或者电影放到我的FTP服务器上，分享给同学一个链接，分分钟下载完，当然我们需要在一个局域网才能有那样的速度，这样的话，不用我去开个QQ传，也不用动什么网盘分享，简单粗暴。 接下来我就说一下怎样配置自己的FTP服务器。 我的系统为Ubuntu，所以我选择了利用vsftpd来配置自己的服务器。 配置这个，为了确保安全，你可以选择使用用户名和密码来登录，也可以直接匿名登录…随你怎么来。 为了方便，我直接设置了匿名登录，这样让别人分享给我东西时，也不需要告诉别人用户名密码，直接拖进去上传就行了，方便快捷，不过安全性嘛，你懂得~ 这里我只配置了匿名的方式，具体的用户名密码登录的方式，网上的教程也是一大堆。 废话说了一大通了，开始干！配置很简单 首先下载安装vsftpd

1

sudo apt-get install vsftpd

然后修改/etc/vsftpd.conf文件 修改如下几行： #为注释的意思，最前面不加#就是取消掉它的注释，使之生效

1

anonymous_enable=YES    #设置匿名可登录

1

local_enable=YES        #本地用户允许登录

1

write_enable=YES        #用户是否有写的权限

1

anon_upload_enable=YES   #允许匿名用户上传

1

anon_mkdir_write_enable=YES   #允许匿名用户创建目录文件

其他的就不用管了，保存文件。 重启vsftpd服务器

1

sudo service vsftpd restart

设置完了这些之后，其他人就能来访问你的FTP服务器了。 现在你可以登录你的服务器来尝试一下了。 现在应该能登录进去，但是里面什么也没有。 因为匿名用户默认访问的是你的 /srv/ftp 文件夹 现在我们需要两个功能，一个用来上传的，一个用来下载的 上传的文件夹，其他人可以上传到这个文件夹，但是不能有删除权限，试想如果有匿名登录进来的给你删除掉了别人好心给你分享的文件还行吗？ 下载的文件夹，其他人只能读取这个文件夹，但是不能修改这个文件夹，也就是你要分享给其他人的文件可以放到这里面。 我们在/srv/ftp 文件夹新建两个文件夹，一个是upload，一个是download 执行下面的两条指令

1

sudo chmod -R 777 /srv/ftp/upload

1

sudo chmod -R 755 /srv/ftp/download

这样就把upload的权限设置为可读可写，把download权限设置为可读不可写。 配置完上面的内容，就大功告成啦，登录FTP服务器后，你就可以看到一个upload文件夹，一个download文件夹。 是不是很简单。 现在下面的事情你就可以实现了： 1. 学校里某个同学有一个非常好看的电影，而你现在又不方便去接受，发网盘又太慢，你就把你的FTP地址扔给他，对他说，你上传到 ftp://<你的IP地址>/upload 文件夹下吧，我回去的时候取下来看。 2. 你剪辑了一个很不错的视频短片，想分享给学校里的小伙伴，你就可以把它扔到你的FTP服务器 /srv/ftp/download 目录下，然后对小伙伴们说，我的视频已经共享了，你们到 ftp://<你的IP地址>/download 里面去下载吧。 恩，只要你配置好了FTP，就能享受FTP局域网高速传输，分分钟搞定~ 如果配置有问题，欢迎与我联系~

一、字符串

以实际输入的命令为例

1.建立键值对

1

set bar 1

建立了一个键值对，键名叫bar，键值是1

2.判断键是否存在

1

exists bar

判断键名bar是否存在 若存在则返回1,不存在返回0

3.删除键

1

del bar

删除键名为bar的键值对 若删除成功则返回删除的个数,删除失败(不存在)则返回0

4.查看所有的键

1

keys *

5.获得键值的数据类型

1

type foo

获得键名为foo的键值类型 返回值类型可能有 string(字符串),hash(散列),list(列表),set(集合),zset(有序集合)

6.获得键对应的值

1

get foo

获得键名为foo的键值

7.自增

1

incr foo

创建一个foo的键值对，并自增为1 但是运行type foo 时，显示为string 增加特定数值

1

incrby foo 3

使foo增加3

8.自减

1

decr foo

减小1个数值

1

decrby foo 3

减小3个数值

9.增加指定浮点数

1

incrbyfloat bar 2.5

bar增加指定的浮点数2.5

10.向尾部追加值

1

append bar hehe

1

append bar " world"

如果是要追加带空格的内容，则要用空格引起来 返回值是一个数字，代表现在键值的长度

11.获取字符串长度

1

strlen bar

返回值是一个数字，代表现在的字符串长度

12.同时设置多个键值对

1

mset key1 value1 key2 value2 key3 value3

13.同时获得多个键值对应内容

1

mget key1 key2

1
2

1)value1
2)value2

二、散列

1.赋值和取值

1

hset key field value

例如:

1

hset car price 500

1

hget car price

同时赋值多个字段的值

1

hmset car price 500 name BMW

1

hmget car price name

2.判断字段是否存在

1

hexists car price

3.只获得字段名

1

hkeys car

4.只获得字段值

1

hvals car

5.获得字段数量

1

hlen key

三、列表

1.向两边添加元素

1

lpush group 1

1

rpush group 2

结果

1
2

1) "1" 
2) "2"

lpush 是向左边添加元素，rpush 是向右边添加元素。

2. 从两边弹出元素

1

lpop group

1

rpop group

lpop 是从左边弹出元素， rpop 是从右边弹出元素，显示元素的值

3.获取列表中元素的个数

1

llen group

4.获得列表片段

1

lrange group 0 3

1

lrange group -2 -1

其中 -2 -1 为负索引，这个也是可行的。-2代表倒数第二个元素，-1代表倒数第一个元素。 特殊地：获取所有元素则可以这么写

1

lrange group 0 -1

5.删除列表中指定的值

1

lrem group count value

当count > 0，它会从左边开始删除前count个值为value的元素。 当count < 0，它会从右边开始删除前|count|个值为value的元素。 但count = 0，它会删除所有值为value的元素。

6.获得索引处的值

1

lindex group 0

获得索引0位置的元素值

7.设置索引处的值

1

lset group 1 5

将 group 索引 1 处的值改为 5

8.只保留特定的片段

1

ltrim group 0 1

只保留索引0到1的值，其余的删除

9.向列表中插入元素

1

linsert group after 2 5

从左边开始查询，找到数字2，在后面插入数字5 insert group before 2 5 从左边开始查询，找到数字2，在前面插入数字5

四、集合

1.添加元素

1

sadd hello 2 4 5

向集合中添加2 4 5元素，返回值是成功加入的元素数量

2.删除元素

srem hello 4 5 从集合中删除4 5，返回值是成功删除的元素数量

3.获得集合中所有元素

1

smembers hello

4.判断元素是否在集合中

sismember hello 2 判断2是否在集合hello中 存在返回1，不存在返回0

5.集合的运算

差集

1

sdiff setA setB

返回值是集合，返回的是存在集合A中但是不存在B中的元素集合

交集

1

sinter setA setB

返回值是setA和setB的交集

并集

1

sunion setA setB

6.获得集合大小

1

scard setA

返回值是数目

7.随机获得集合中的数字

1

srandmember setA

五、有序集合

1.增加元素

增加时需要指定元素的分数和元素的名称

1

zadd score 89 Tom 45 Amy

分数不仅可以是整数，还可以是浮点数

1

zadd score 2.3 Mike

1

zadd score +inf Bob

2.获得元素分数

1

zscore score Tom

如果不存在，返回(nil)

3.获得排名在某个范围内的元素列表

1

zrange score 0 2

带分数显示

1

zrange score 0 -1 withscores

4.获得指定分数范围的元素

1

zrangebyscore score 45 80

获得45分到80分的元素，闭区间 如果不想是闭区间，则可以在索引前面加上（

1

zrangebyscore score (45 80

5.取某几个值

zrangebyscore score (45 80 limit 0 3 取(45,80]之间的元素，从第一个开始，取3个

6.增加某个元素分数

1

zincrby score 5 Tom

给某个元素加5分

1

zincrby score -2 Tom

给某个元素减2分

7.给某个元素重新赋值分数

同样用zadd命令

1

zadd score 22 Tom

8.获得集合中元素的数量

1

zcard score

9.获得指定分数范围内元素个数

1

zcount score 79 90

10.删除一个或者多个元素

1

zrem score Tom

11.按照分数删除元素

1

zremrangebyrank score 0 1

它先会把它按照分数从小到大排列，然后删除索引位置的元素

12.按照分数删除元素

1

zremrangebyscore score 28 99

他会删除指定分数范围内的元素

13.获得元素排名

1

zrank score Tom

获得按照分数从小到大排列后，Tom的索引位置 反向排名

1

zrevrank score Tom

返回从大到小排列后，Tom的索引位置

首先，你可以试着输入git，看看系统有没有安装 Git

1
2
3

$ git
The program 'git' is currently not installed. You can install it by typing:
sudo apt-get install git

像上面的命令，有很多 Linux 会友好地告诉你 Git 没有安装，还会告诉你如何安装 Git。 如果你碰巧用 Debian 或 Ubuntu Linux，通过一条sudo apt-get install git就可以直接完成 Git 的安装，非常简单。 如果是其他 Linux 版本，可以直接通过源码安装。先从 Git 官网下载源码，然后解压，依次输入：./config，make，sudo make install这几个命令安装就好了。 安装完成后，还需要最后一步设置，在命令行输入：

1
2

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

然后我们需要配置 SSH。 第 1 步：创建 SSH Key。在用户主目录下，看看有没有.ssh 目录，如果有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，如果已经有了，可直接跳到下一步。如果没有，打开 Shell（Windows 下打开 Git Bash），创建 SSH Key：

1

$ ssh-keygen -t rsa -C "youremail@example.com"

你需要把邮件地址换成你自己的邮件地址，然后一路回车，使用默认值即可，由于这个 Key 也不是用于军事目的，所以也无需设置密码。 如果一切顺利的话，可以在用户主目录里找到.ssh目录，里面有id_rsa和id_rsa.pub两个文件，这两个就是 SSH Key 的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，可以放心地告诉任何人。 第 2 步：登陆 GitHub，打开“Account settings”，“SSH Keys”页面： 然后，点“Add SSH Key”，填上任意 Title，在 Key 文本框里粘贴id_rsa.pub文件的内容： 点“Add Key”，你就应该看到已经添加的 Key： 为什么 GitHub 需要 SSH Key 呢？因为 GitHub 需要识别出你推送的提交确实是你推送的，而不是别人冒充的，而 Git 支持 SSH 协议，所以，GitHub 只要知道了你的公钥，就可以确认只有你自己才能推送。 当然，GitHub 允许你添加多个 Key。假定你有若干电脑，你一会儿在公司提交，一会儿在家里提交，只要把每台电脑的 Key 都添加到 GitHub，就可以在每台电脑上往 GitHub 推送了。 现在，我们根据 GitHub 的提示，在本地的learngit仓库下运行命令：

1

$ git remote add origin git@github.com:cqcre/cqc.git

请千万注意，把上面的 cqcre 替换成你自己的 GitHub 账户名，否则，你在本地关联的就是我的远程库，关联没有问题，但是你以后推送是推不上去的，因为你的 SSH Key 公钥不在我的账户列表中。 添加后，远程库的名字就是origin，这是 Git 默认的叫法，也可以改成别的，但是origin这个名字一看就知道是远程库。 下一步，就可以把本地库的所有内容推送到远程库上：

1

$ git push -u origin master

好啦，静静等待 git 把你的代码 Push 上去吧~是不是很简单？

想学游戏开发吗？ 想把自己的创意变成现实吗？ 想一次开发，各个平台到处运行吗？ 想亲自体验一下开发的成果带给你的惊喜吗？ 玩过捕鱼达人么？这个游戏6不6？想不想自己做一个？ 那就选择Cocos2d-x游戏开发。在这里提供给小伙伴们全套的视频教程。 来自兄弟连的Cocos2d-x视频教程。 网盘地址：http://pan.baidu.com/s/1ntxCnbF

2013-2014 赛季，杜兰特凭借其逆天表现勇夺 MVP，下面为他加冕 MVP 的颁奖典礼及感言，全程录像，高清！ 网盘地址下载：http://pan.baidu.com/s/1qWymcnq

今天想配置一下 Linux 服务器，实现在 Windows 下远程连接 Ubuntu，查看远程桌面。我的是 Ubuntu 14.04，就以此为例来配置。 由于 xrdp、gnome 和 unity 之间的兼容性问题，在 Ubuntu 14.04 版本中仍然无法使用 xrdp 登陆 gnome 或 unity 的远程桌面，现象是登录后只有黑白点为背景，无图标也无法操作。所以使用 xrdp 只能登录 xfce 的远程桌面。 也就是说单纯安装一个 xrdp 是无法进行远程桌面连接的。你看不到任何有效信息，桌面至少一个 x 箭头加一个黑白点的屏幕。 所以我们需要安装 xfce 首先安装 xfce：

1

sudo apt-get update

1

sudo apt-get install xfce4

xfce 是一个在 Unix 与 Unix-like 操作系统 （如 GNU/Linux、FreeBSD 和 Solaris）上运行的开源桌面环境，在远程桌面连接时我们会看到 xfce 桌面，但是无法看到 Ubuntu 中安装的原生桌面。换句话说，你远程连接看到的桌面和实际远程 Ubuntu 14.04 的桌面是不一样的。 但是它的文件系统和相关设置是通用的，只不过是样子不一样而已。 然后安装 xrdp 组件和 vnc 服务器：

1

sudo apt-get install xrdp vnc4server

安装好后要自行新建配置文件，使得在远程登录时默认使用 xfce 作为界面登录，然后重启 xrdp 服务：

1

echo "xfce4-session" >~/.xsession

1

sudo service xrdp restart

好了，配置完以上内容，便可以在 Windows 下进行远程桌面连接了。 打开 Windows 下的远程桌面连接，输入目标 IP 地址，便会出现下面的界面。 输入目标主机的用户名和密码，登录便可以查看到远程的桌面内容了，即 xfce 桌面。 小伙伴们，欢呼吧！

我想大家在生活中一定遇到这样的情况： 请把下面的文档打印出并签字然后拍照上传。 看到这句话我想大家都受不了了，还要打印，还要出门，出门跑腿，还要花钱，还要拍照上传，真麻烦。最近我也遇到各种这样的事情，于是就想了这么一种办法，用 PS 做一个实拍图出来。在此分享给大家，看完这篇文章之后，你就可以免去这样的麻烦，简直妙哉妙哉！ 首先上两张图：一张是原来的电子图，一张是经过加工之后签名后的高仿纸张实拍图。亮度可以自行调节。 效果还可以吧？现在就教大家一步步地做出这样的效果，流程不难，大家细看。不过前提是你有 PS 软件. 1.随意给某个文件截个图保存，用ＰＳ打开。 2.在需要签字的地方用画笔工具写上自己的名字，大小 1 像素，硬度百分百，直接在纸面上写上名字，日期等等。 签字完了效果如图所示 3.点击上方菜单中的 图像->调整->曝光度，将曝光度调低 1 个值，这样画面整体就变暗了。 4.点击滤镜->渲染->镜头光晕，光晕焦点自己选择，选择 105mm 变焦，亮度自行调节，我调节为 99%，点击确定 5.点击滤镜->扭曲->水波，数量 1，起伏 1，用来模拟略微不平的纸张，点击确定 6.新建一个图层，注意要新建一个图层！填充为白色，选择 滤镜->渲染->分层云彩。 按 Ctrl+F 重复操作几次，在此我们操作了 8 次，效果如下 7.选择滤镜->风格化->浮雕效果，我调整为高度 3 像素，数量 52，这样纸张褶皱效果便出来了，具体可以自行调节。 8.选中该图层，在图层上方的样式中选择正片叠底效果。 9.调整一下亮度，导出即可。 通过以上过程我们就把一张电子图变成了一张实拍纸张图，有没有比较逼真的效果。 大家可以尝试一下，如果有更好的方法，欢迎与我交流。 恩，最后送大家一句话。懒，也是创造的动力。好有哲理的对吧~

首先我们需要了解什么是 CDN 加速，CDN 加速简单的来说，就是把原服务器上数据复制到其他服务器上，用户访问时，那台服务器近访问到的就是那台服务器上的数据。CDN 加速优点是成本低，速度快。适合访问量比较大的网站。而且，如果你的博客所在的主机是限制流量的，一个很好的办法就是把图片还有其他静态文件部署到其他服务器，这样就会减少主机流量消耗了。 那么我们为什么要用七牛呢？七牛的优势总结如下： 1、安全性能：为用户数据创建至少三个副本并跨 IDC 存储到多个数据中心，同时支持防盗链设置。

2、数据存储：支持图片、音频、视频、JS、CSS 等多种静态文件的存储，并支持断点续传。 3、云端加速：七牛的 500 多个加速节点遍布全球，会自动选择离用户最近的节点，并实现数据上传下载的双向加速。 4、数据处理：支持云端在线压缩、裁剪等图片处理及音频、视频格式转换，还可在线进行视频截图。 5、开发合作：为开发者提供了多种接入工具及丰富的开发包，提供 API、SDK 教程示例。 6、域名绑定：已备案的网站可申请绑定自己的域名，未备案的用户可使用七牛的二级域名绑定。 7、镜像功能：通过一定的设置，可自动将网站原有图片等静态文件镜像到七牛，而无需重新上传到七牛服务器。 8、外链分享：由于七牛云支持外链，可以将文件上传至七牛，直接利用文件链接地址作外链调用。

首先我们需要先有一个七牛云存储的账号 七牛云存储网址：https://portal.qiniu.com/ 点击此链接申请一个七牛云存储账号，创建一个公开空间，比如我创建一个空间叫 cuiqingcai，和我的域名相对应。 创建完成之后它就会为我的这个空间分配一个二级域名。我的就叫 cuiqingcai.qiniudn.com 然后我们需要部署我们的网站，点击右边的空间设置，选择镜像存储里面的一键加速网站，这时就需要你输入镜像源，这里就填写你的博客地址，然后勾选下方的使用默认的 robots.txt 配置文件。 Q：为什么要配置 robot.txt 文件? A：因为你配置了这个网址确定加速之后，七牛会为我们生成一个镜像空间，这个镜像空间的地址就是二级域名地址，我的便是 cuiqingcai.qiniudn.com，你访问之后发现它的内容和我的 cuiqingcai.com 博客网址是完全一致的，这也是为什么把它称为镜像空间的原因。因为内容是一致的，所以会导致搜索引擎对源站 也就是你的域名进行封锁，所以我们可以通过配置 robots.txt 文件避免这种情况的发生。 好，我们继续，点击确定之后我们就能配置好了镜像空间。 下面还有一个域名设置，它默认会为你分配一个默认永久的空间，比如我的就是 cuiqingcai.qiniudn.com，这个是七牛的二级域名，七牛的一大特色就是支持域名绑定，在这里你可以添加你的二级域名，不过貌似需要你账户余额大于 10 块，但是它是不收费的。另外的要求就是你的域名需要备案，如果没有备案，那就不行了。 点击下面的申请域名绑定，然后点击新窗口右下角的自定义域名，会出现以下内容。 比如你就可以在此处输入你自己定义的二级域名加备案号。比如我的输入 cdn.cuiqingcai.com 便可以，然后输入备案号，提交审核需要一周之内。你可以先用着它给你分配的二级域名。 好了，配置好了镜像空间和你的域名(或者用默认域名)便可以配置我们的 WordPress 了。 登陆 wordpress 仪表盘后，在浏览器中输入：http://你的域名/wp-admin/options.php，使用 Ctrl+F 命令找到 upload_url_path 选项，在其中输入 http://七牛二级域名/wp-content/uploads ，注意，后面一定不要加“/”，比如我的便输入 http://cuiqingcai.qiniudn.com/wp-content/uploads。最终格式如下图： 设置之后，点击最下面的确定，这时你发现你的媒体库中的所有的图片的链接格式都已经更改了，已经不是原来的域名链接了。 而变成了七牛云存储你设置的二级域名的链接。比如我的一张图片链接就变成了 http://cuiqingcai.qiniudn.com/wp-content/uploads/2014/11/545ae06e25ea9.png 而你点击七牛云存储下的内容管理，就会发现你的博客下的所有图片都已经同步到了里面。截图如下： 以后你再新上传的照片也会自动同步到七牛上，此方法的好处在于你只需在 wordpress 中上传图片，就会自动同步到七牛空间，而无需登陆七牛上传并手动输入图片地址了。并且除了图片地址改变外，其他操作如常。引用图片时会自动加载七牛空间中的图片，实现 wordpress 免费 CDN 全网加速。不便之处是上传的图片仍会在 wordpress 空间中保留，占用空间容量。也就是说，它仍然在你的本地保存了一份，不过访问时会访问七牛的网址，也就可以实现 CDN 加速，而且为你的主机节省流量了。当然，由于图片已同步至七牛镜像空间中，你也可以选择删除 wordpress 中的图片。 现在浏览你的网站，如果现在没有问题，那么你就可以不用浏览下面的额外内容，如果有部分图片显示有问题，那么请继续看。 如果你的网站设置了特色图像功能，比较悲剧的事情就发生了。你的网站可能无法读取特色图像，整个页面也显得很难看。这是因为 WordPress 使用了 timthumb 缩略图剪裁插件，通过这个插件，用户在后台上传的各种图片都会按照预先在前端页面中设置的大小进行剪裁，大大降低了前端开发的难度。 由于 timthumb 默认设置中，出于安全考虑是不允许缓存外部地址图片的。因此我们打开 timthumb 缓存路径时会提示 “您可能无法从该网站获取的图像“。所以解决的办法来了。 找到这个主题所在的目录，找到 timthumb.php 文件，将下面一条语句

1

 define ('ALLOW_ALL_EXTERNAL_SITES', false)

替换为

1

 define ('ALLOW_ALL_EXTERNAL_SITES', true)

这样就可以实现通过外链抓取图片了，特色图像便显示出来了。 现在再浏览你的网站，看看还有没有什么问题，如果没有问题，现在就美美地享受移植到七牛上带来的便捷和欢乐吧！ 如果还有问题，请继续阅读下方内容。 现在一般的网站模板加载都没有问题了，如果你用的 WordPress 模板比较高级，利用了 Ajax 异步加载功能，我们便会发现异步加载已经是不会生效的，也可能你的整个网站样式变得混乱。这是为什么？是因为你修改了路径为七牛的路径，加载 JS 或者 CSS 文件时便会去七牛那里寻找，但是现在七牛上只同步了图片，JS 和 CSS 文件是不存在的，这时因为找不到这些文件，你的网站便会出现问题了。 现提供两个解决方法： 1.使用水煮鱼的“七牛镜像存储 WordPress 插件”将你的其他文件(如 JS,CSS)同步到七牛 插件下载地址：https://wordpress.org/plugins/wpjam-qiniu/ 配置好这个插件之后，你可以点击 插件使用帮助 来配置这个插件，配置完了之后便可以将你的 js 和 css 文件上传到七牛中。你的 Ajax 异步加载就不会出现问题了。 2.使用 WP Super Cache 插件进行同步 插件下载地址：http://wordpress.org/plugins/wp-super-cache/ 贴心提示：插件安装之后可能出现如下错误 固定链接出错，这时你更改下左边面板-设置-固定链接，更改为其他选项，不要选择原来的固定链接就好了，比如我选择文章名这个选项，插件就可以顺利进入啦。 在这里点击 CDN 选项卡，点击开启 CDN 支持。 其中 Off-site-URL 更改为你的七牛镜像域名，比如我的便是 cuiqingcai.qiniudn.com，这样点击确定之后便同样可以把你的 JS 等文件同步到七牛。你的样式或者 Ajax 异步加载就可以顺利实现啦。 通过以上步骤，我们就可以将我们的博客部署到七牛云存储上，提高网站加载速度，同时也节省我们的主机流量。一举两得，美哉美哉！ 到此为止，我们的网站应该都没有问题了，尽情享受 CDN 加速之后带来的效果吧！如果还有问题，请评论或者给我留言。

友情提示

注意，本篇教程由于年代比较久远，QQ 可能不再好用，仅供参考。

正文

最近好多人在吐槽 Linux 下上 QQ 简直就是煎熬，网页版的不方便，网上各种版本的 QQ 要么是功能不全、要么是界面丑到爆，要么是运行不稳定。那么这次为大家带来一个功能完整、运行稳定的 wineQQ 安装过程。 我的 Linux 系统是 Ubuntu 14.04，64 位版本。首先展示一下安装完 QQ 之后的体验过程吧。先截个图看一下。 功能还是比较齐全的，基本相当于 Windows 下 QQ2013 的功能了。QQ 对话气泡、传文件、远程协助、群聊、讨论组、视频和语音通话都是有的，体验还是比较好的，光看不行呀，我们就来亲自体验一下怎样在自己的 Ubuntu Linux 下安装这个 QQ 吧。 首先我要说的是这个 QQ 叫 wineQQ，什么是 wine 呢，简单地说它就是在 Linux 下来运行 exe 程序的一个工具。我尝试过打开 Windows 下的 QQ 音乐等软件，但是体验不算很好，有时无响应。要在 wine 里运行的话还是要考虑运行专门为 wine 定制的程序比较好。那么这一款 QQ 就是专门为 wine 定制的一款 QQ，全名 wine QQ TM2013 那么接下来我们首先要做的就是安装 wine 啦，Ubuntu 下的命令一键安装

1

sudo apt-get install wine

安装完之后我们就开始下载一个 wineQQ2013，网盘下载地址为 http://pan.baidu.com/s/1i323T4p QQ 比较大，有 175M，如果大家网速不够给力的话可以先做着其他的事情。 那么下载完成之后呢，我们就需要安装它啦。 找到它的下载路径..一路 cd cd cd 过去，到它所在的目录。

1

sudo dpkg -i WineTM2013-20131206-Longene.deb

解释下这个命令的意思，“dpkg ”是“Debian Packager ”的简写。为 “Debian” 专门开发的套件管理系统，方便软件的安装、更新及移除。所有源自“Debian”的“Linux ”发行版都使用 “dpkg”，例如 “Ubuntu”、“Knoppix ”等。dpkg –i 即为手工安装 deb 包到系统中，那么后面的就是文件名了，后缀是 deb 格式。

如果你的系统是 64 位的系统，还要运行下面的命令来添加一个支持的库，否则你的 QQ 还是不能打开。当然如果是 32 位的系统就不用安装这个了。

1

sudo apt-get install libgtk2.0-0:i386

以上工作完成以后，我们就看一下我们的文件系统有没有什么变化吧，软件安装到哪里了？ 我们会发现在 /opt 文件夹下多了一个 longene，里面多了一个 tm2013 的文件夹，这个就是你的 QQ 所在的文件夹。里面存在一个 wine-lib 的支持库，就是利用 wine 来运行这个 QQ 的。 这时桌面上应该会自动生成了一个 tm2013 的 QQ 图标，如果没有的话把文件夹下的 QQ 拖到桌面或者侧边栏就可以随心所欲地使用 QQ 啦。 贴心小提示： 1.如果你没法拖动，提示没有权限操作，那么运行如下命令。

1

sudo chmod 777 -R tm2013

chmod 是赋值权限的意思，777 是添加所有用户控制权限，当然你可以查一下相关资料，为了保证安全，可以将权限数字更改一下也是没有问题的。-R tm2013 是递归地将 tm2013 文件夹的所有文件和文件夹权限全部设为前面的指定的 777 权限。 2.运行 QQ 提示密码错误 如果提示密码错误，请使用 QQ 面板上的虚拟键盘，直接用电脑键盘输入可能识别会不对。这个也是让我折腾了好一阵，甚至都要找回密码了。在此奉献给大家这个经验。 如果还有问题，请留言告诉我，或者发我的邮箱 1016903103@qq.com 希望能给大家带来美好体验！尽情地享受 Linux 里上 QQ 的欢乐吧！

摘要：2014年10月底，HTML5规范正式定稿，结束了长达8年的长跑。数字天堂董事长，DCloud CEO王安梳理了HTML5诞生至今的演变过程，并从开发者和用户两个角度分析了HTML对两个人群的优势。

2007年W3C（万维网联盟）立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。 过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。 熟知历史才能预知未来，先让我们来看看HTML5为什么诞生、这8年是怎么过来的。 作者简介：王安，数字天堂公司董事长，DCloud CEO。

HTML5的诞生

自W3C于1999年发布HTML4后，Web世界快速发展，一片繁荣。人们一度认为HTML标准不需要升级了。一些致力于发展Web App的公司另行成立了WHATWG组织，直到2007年，W3C从WHATWG接手相关工作，重新开始发展HTML5。 HTML5的发展史，有用户的需求在推动，有技术开发者的需求在推动，更有巨大的商业利益在推动。 在互联网的早期，对用户而言，能打开浏览器接入到互联网世界就是一个神奇的事情，但互联网发展到2005年前后，开始出现下一个变化，就是宽带互联。 随着宽带的普及和电脑性能的增强，人们不再满足于单纯的通过互联网看新闻、收发邮件，消耗更高带宽的娱乐产品开始出现，就是流视频和网页游戏。其实视频和游戏是古老的需求，在互联网不普及的时候，需求的满足方式是离线传输的VCD和游戏光盘；后来互联网逐渐普及，人们更改了使用方式，通过下载软件+本地媒体播放器来看视频，下载体积较大的端游玩游戏。 但是对消费者体验更好的新方式还是出现并颠覆了以前的一切，那就是流媒体和网页游戏。YouTube等公司把握住潮流飞速崛起，各种页游公司也如雨后春笋。 但是HTML标准没有把握住产业的变化及时演进，浏览器产品也未升级，这块新需求被浏览器插件满足了，那就是Flash。这个部署在亿万浏览器里的商业插件俨然成为事实标准。2005年Adobe巨资收购Macromedia，把Flash收归旗下，紧接着大幅推广FLV流媒体和action script语言，很明显这桩收购可以列为IT并购的经典案例，FLV流媒体和Flash游戏风靡互联网，Adobe在新的产业升级中攫取了大量的利润。 除了Flash这个商业产品成为了事实标准，W3C还面临一个尴尬，就是另一个私有扩展协议的制造者—IE。IE当时在桌面浏览器占有垄断地位，并且扩展了大量的IE Only语法，开发者完全不知道这些语言是谁定义的。整个Web世界，就被两家公司微软+Adobe绑架了。 很多IT巨头都坐不住了，尤其是苹果和Google。PC操作系统的世界难有突破，Web浏览器被苹果寄予厚望，而且第一代iPhone只支持网页，那时还没有Appstore，Safari是乔布斯非常看重的产品；新贵Google虽然大量赞助Mozilla，但并未对IE的地位产生实质影响，收购了YouTube后发现底层被Adobe控制，也是非常难过，而且Google每年给IE的搜索框和Adoble FLV缴纳的费用真不是小数目。 既然大家都是W3C的主席单位，好吧，我们重新开始做HTML5吧。 是的，HTML5其实就是这么诞生的。那是2007年，IE和Flash由盛转衰的转折点。

HTML5第一阶段：Web增强与破垄断

自HTML5诞生以来，一共经历了两个阶段，分别是Web增强和移动互联网。我们先从Web 增强说起。 Web体验的丰富增强主要表现在：1. WebApp，比如Gmail；2. 流媒体；3. 游戏。我们就这3个方面来讲HTML5做了什么。

1. WebApp：HTML5新增了离线存储、更丰富的表单（比如Input type=date）、JS线程、socket王乐、标准扩展embed、以及很多CSS3新语法…
2. 流媒体：HTML5新增了Audio、Video
3. 游戏：HTML5新增了Canvas、WebGL

当然还有Google努力在HTML5中推进Header和Section等标签，以利于搜索引擎分析，这些不多述。 HTML5补充流媒体和游戏能力后，加上苹果强势拒绝在iOS上引入Flash，成功的遏制了Flash的发展，然后就该遏制IE私有语法了。 在HTML5标准的升级过程中，苹果和Google同时也看到了浏览器市场重新洗牌的机会，他们一方面参与HTML5的规范，一边在浏览器产品上发力。Apple首先开始大力发展Safari，建立WebKit开源项目，Mac、iOS、Windows多平台齐发力；Google起初是赞助Mozilla开发Firefox，后来自己开发了v8引擎，合并WebKit，于2008年正式推出Chrome。“IE的私有规范+Flash不是标准，我们才是标准”这样的口号在新一代浏览器大战中打响，IE瞬间成为千夫所指的垄断代表，甚至成了阻碍Web发展的罪人（当时IE6已数年未更新，并且丝毫不惧Firefox的发展）。 偏偏微软此时也出了晕招，推出了一系列即不完整支持规范又互相不兼容的IE7、8、9、10，彻底失去了开发者的心。 Adobe的Flash被遏制，与Web霸主的位子擦肩而过；IE的私有标准被遏制，并且造成IE市场份额不停下滑，直到IE最新的移动版本反过来开始支持WebKit私有语法，真是令人唏嘘。不知道HTML6是不是该打倒WebKit垄断了。

HTML5第二阶段：移动互联网

随着Chrome和Safari的高歌猛进，以及IE+Flash的衰落，HTML5告一段落，进入了下一个时代——移动互联网。HTML5的跨平台优势在移动互联网时代被进一步凸显。HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言。Java和Flash都曾梦想这个位置，但梦断于iOS。此时人们纷纷开始研究基于HTML5开发跨平台手机应用。很多人当时认为，原生应用只是过渡，就像当年从C/S结构转变为B/S结构一样。而且学习Objective-C和Java很费劲，我既然会网页开发，为何不试试HTML5。 W3C此时成立了Device API工作组，为HTML5扩展了Camera、GPS等手机特有的API，然而麻烦的是，移动互联网初期的迭代太快了，手机OS在不停的扩展硬件API，陀螺仪、距离感应器、气压计。。。每年手机OS都有大版本更新。而W3C作为一个数百家会员单位共同决策的组织，从标准草案的提出到达成一致是非常复杂的过程，跟不上移动互联网初期的快速迭代。 PhoneGap的出现，给开发者打开了一扇窗。很多人期待PhoneGap不停扩展API，来补充浏览器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望，但在Adobe收购PhoneGap后，又发现这个东西可商用性不足，而且开源使得Adobe无法像Flash那样获取商业利益，于是就把PhoneGap捐给了Apache，改名为Cordova。 因为各种原因，Cordova的定位最终没有成为浏览器的强化，而走向了混合式开发。基于当时的背景，他们认为原生是不可替代的，“原生+HTML5”的混合模式更有意义。所以现在Cordova的使用模型是“原生工程师+HTML5工程师”一起协作完成App。 这时Facebook加入了W3C，牵头成立了Mobile Web工作组。Facebook是混Web圈的，并且在手机OS上没有自己的领地，他不喜欢被苹果和Google掌控的原生应用生态系统。Mobile Web这个工作组的重要目标就是让HTML5开发的网页应用达到原生应用的体验。然而，事与愿违，它不努力也就算了，结果是努力了却失败了。2012年，Facebook放弃了HTML5的新闻充斥了全世界的IT媒体，HTML5瞬间被打入冷宫。 Facebook为何放弃HTML5？核心是当时基于HTML5真的做不出好的移动App。对比Twritter等竞争对手的原生App，Facebook的HTML5版本实在无法让用户满意。比如Push功能，到现在HTML5的推送和原生的推送体验差距依然巨大，更不用说HTML5应用的页面切换白屏、下拉刷新/侧滑菜单不流畅等众多问题。看着原生工程师轻松实现摇一摇、二维码、语音输入、分享到朋友圈等功能，更是让HTML5工程师感觉自己站错了队。 即使Facebook不喜欢被控制，也不能拿被用户抛弃来冒险。而且Facebook并没有掌握关键点—手机浏览器内核。如果浏览器不跟上，徒然定一堆标准草案落不了地。 而浏览器在手机上的表现是什么呢？先看Google，Chrome性能虽高，但Android上的浏览器却并非Chrome，而是WebKit改出来的一个蹩脚的Android浏览器；再看苹果，iOS上不允许其他浏览器引擎上架App Store，而且其他使用Safari引擎的应用也无法调用苹果自己的JavaScript加速引擎Nitro。结果是苹果和Google不但不在浏览器上积极实现HTML5关于移动App所需的规范，反而对HTML5做出种种限制。 不管是当时硬件能力不足，还是手机OS厂商的故意限制，总之结果就是：在移动互联网的初期，一定是原生应用生态系统的天下，iOS和Android首先自己的地盘稳固后，产业才会向下个阶段升级。 Facebook也好，PhoneGap也好，想在移动互联网初期就分一杯羹是分不到的，但坚持下来，机会往往会出现。

HTML5这回真的来了

终于，在2014年10月底，W3C宣布HTML5正式定稿。这个时间，不晚不早，硬件性能更强、手机OS迭代速度下降。 随着HTML5标准定稿，一切纷争将告一段落，现在，属于HTML5的时代到来了。 有人说，光标准定稿没用啊，配套起来了吗？HTML5做的应用究竟能否匹敌原生App？答案是，HTML5不但可以匹敌原生App，甚至它天然的很多特性超越了原生App。 我们先谈谈HTML5原来不如原生应用的地方，业内俗称HTML5有“性工能”障碍。即HTML5性能不如原生、开发工具不如原生、能力调用不如原生。 这几个问题导致开发者无法使用HTML5做出与原生一样的App。然而，不管是硬件升级还是OS厂商策略变化，以及相关软件技术的成熟，已解决了HTML5的“性工能”障碍。 1. 硬件升级 2011年，iPhone 4s的CPU是A5，现在iPhone 6是A8，按苹果的历次发布会的说法，速度共提升了7.5倍。这3年间7.5倍的速度提升，抹平了太多HTML5的性能问题。 2. 苹果、Google的策略变化 Google在2013年底发布的Android 4.4，内置的Webview不再是蹩脚的Android WebKit浏览器，而是Chromium，性能大幅提升。从最新的Android 5.0开始，Webview可以通过Google Play Store实时更新，和Chrome的升级保持一致，用户就可以不刷机享受到最新的浏览器引擎；再看Apple方面，2012年iPhone 5发布后，HTML5在iOS上的表现已令人满意，Safari独家的JavaScript加速引擎Nitro不再那么重要，不过在iOS 8发布后，苹果还是很识趣地取消了三方程序调用Nitro的限制，现在任意浏览器或应用调用iOS的UIWebview都可以利用Nitro加速，这样在前端使用JS做大型运算也成为可能。两大手机操作系统霸主和浏览器巨头的态度发生了变化，使得HTML5在手机上的发展不再受限，而且这个变化不可逆只能继续向前，这种变化势必会产生深远的影响。 3. 软件技术的成熟 PhoneGap的发展虽然放缓了，但其他产品技术却成熟了。2014年的iWeb大会上，众多厂商的产品提供了面向开发者免费或开源的HTML5性工能障碍的解决方案。 （注：作者作为从业人员，也会在分析各种方案时提到我们公司的方案，但作者会客观不夸张的陈述方案，而且该方案是纯免费的，没有商业销售嫌疑。） DCloud公司在iWeb大会上发布了系统的HTML5“性工能缺失”的解决方案，包括： a) 性能：提升HTML5性能的手机端引擎，让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解　决； b) 工具：HTML5开发IDE产品HBuilder, 超快的编程利器； c) 能力：把40万原生API封装成JavaScript对象，以解决HTML5能力不足问题的Native.js技术； d) 最接近原生体验的高性能框架：MUI框架，体积只有几十K，加载、运行远快于一般框架。基于该方案开发的HTML5应用完全可以达到原生App的功能和体验。 使用HBuilder开发HTML5应用 英特尔公司发布了Crosswalk引擎，可以让Android 4.0 - 4.3的手机上的应用打包Chromium引擎而不是Android WebKit。毕竟目前市场上存在大量Android 4.0 - 4.3的手机，同时统一的WebView也避免了兼容性的烦恼。 在专业方向上很多公司也做出了不错的成绩。触控的Cocos2d-html5、Egret runtime和Ludei CocoonJS强化了Canvas的表现，让HTML5游戏体验更好；UC、猎豹等手机浏览器都强化了音视频播放的表现。 不管是硬件升级、软件成熟，还是操作系统厂商策略变化，都在强力推动HTML5的爆发。 不过要注意，我说的HTML5爆发，不是指手机浏览器会替代桌面成为应用入口。有人说HTML5不好，因为用户讨厌打开浏览器输入URL的过程。我想说这种想法是对HTML5的片面理解。HTML5!=传统浏览器，虽然编程语言还是HTML、Javascript、CSS，但发行方式绝不是传统网站那么简单。HTML5应用的入口，反而很少是启动浏览器输入URL，它可以是存在于手机桌面的图标、也可以来自超级App（如微信朋友圈）、以及搜索引擎、应用市场、广告联盟。。。到处都是它的入口。它的入口，比原生App更多。

原生App的颠覆

HTML5的“性工能”障碍得到解决，可以接近原生App的效果，所以它就可以替代原生App吗？很多人认为，即使HTML5会发展的比现在好，也将是与原生App各占一部分市场的格局，要求不高的长尾应用会使用HTML5，而主流应用仍是原生App的天下。 但我认为这样的想法很危险，就像Apple成立前，HP的高层告诉沃兹：谁会在家里摆一台电脑呢？未来HTML5肯定会颠覆原生App。“性工能”障碍的消除，只是HTML5的劣势被削弱，但劣势被消除后，它的优势就会大放异彩，HTML5的优势是什么？我们分别就开发者和最终用户来看。 HTML5对开发者的7大优势

• 跨平台：在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不同技术工种、业务逻辑同步，这是折磨人的过程。有点类似个人电脑早期世界，那个时候的每家电脑都有自己的操作系统和编程语言，开发者疲于做不同版本，其实DOS的盛行也很大程度是因为开发者实在没精力给其他电脑写程序。跨平台技术在早期大多因为性能问题夭折，但中后期硬件能力增强后又会占据主流，因为跨平台确实是刚需。
• 快速迭代：移动互联网是一个快鱼吃慢鱼的时代，谁对用户的需求满足的更快，谁的试错成本更低，谁就拥有巨大的优势。互联网产品大多免费、且有网络效应，后入者抢夺用户的难度非常大。使用原生开发，从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍。
• 持续交付：很多人有这样的体会，一个原生应用上线App Store，突然有一个大bug，只好连夜加班修复，然后静静等待2周或更长时间的Apple审核，这2个星期被用户的涂抹淹死，市场上一片差评，用户大量流失。等新应用被审核上线了，用户已经卸载了。但是，HTML5没有这些问题，你可以实时更新，有问题立即响应。
• 大幅下降成本：创业者融资并不容易，如何花钱更高效非常重要。如果你使用原生开发的App和竞争对手使用HTML5开发的App没什么区别，但你的开发成本高出一倍，我相信没有投资人会喜欢给你投钱。
• 开源生态系统发达：HTML5前端是开放的正反馈循环生态系统，大量的开源库可以使用，开发应用变得更轻松、更敏捷，当然这也体现在了快速迭代和成本下降上。不过更重要的是，这种开放的正反馈循环生态系统未来的生命力是比原生生态系统更强劲的。
• 开放的数据交换：HTML是以page为单元开放代码的，它无需专门开发SDK，只要不混淆，就能与其他应用交互数据。开发者可以让手机搜索引擎很容易检索到自己的数据， 也更容易通过跨应用协作来满足最终用户需求。
• 导流入口多：HTML5应用导流非常容易，超级App（如微信朋友圈）、搜索引擎、应用市场、浏览器，到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。
• 流量大：前段时间微信朋友圈风靡一时《神经猫》，这个游戏如果放到Appstore，绝对没有那么多流量，超级App带来的流量，远大于原生应用市场。假如微信允许游戏在桌面创建快捷方式、假如游戏后续升级解决持续娱乐问题，未来不可想象。
• 导流效率高：除了入口多、流量大，导流效率高也不可忽视，谁都知道，页游和端游打同样的广告，广告变用户的转化率，页游远远高于端游。可精准导流到二级页：我们都知道搜索引擎可以直接进入到。

HTML5对最终用户的3大优势 1. 大幅降低使用门槛 为什么流媒体会替代下载视频成为主流？为什么页游会如此火爆？只因用户太“懒”。让用户更方便的满足需求，有时效果好于更多的满足需求。 用户眼睛看到一个兴趣点，点击后，就应该立即开始满足用户需求。比如流媒体可以立即看，页游可以立即玩。而目前的原生应用市场，用户需要这样操作：选一个应用、等待下载、确认权限、等待安装，然后点击打开。这样糟糕的体验迟早要被颠覆。 不管是App、游戏还是音视频，未来都将即点即用。谁先满足用户这个需求，谁就制胜。 2. 实时更新、差量更新的优秀体验 HTML5应用可以绕开应用市场的限制进行自主实时更新，用户可以快速享受新服务。 而且这种更新完全可以是差量更新，比如某个HTML页面或某个js文件有问题，只更新这个几K的小文件就可以了，这比原生应用的更新体验好太多。 3. 跨应用的使用体验 目前手机应用切换是以桌面或任务管理器为中心的，但事实上这些中心很影响效率和体验。用户想出差三亚，先打开去哪App订票，然后切回桌面，再找到并打开天气App，搜索输入三亚，再切到桌面，找到并打开航旅纵横App，输入航班号值机，哦对了，航班号多少来着，再切到桌面，找到并打开去哪App看航班号，最后找到并打开租车App，输入租车地点，然后再切回桌面。。。 在原生应用体系下，用户只能这样。但在HTML5体系下，他不需要切回桌面，他可以在App间方便的直接跳来跳去，而不是使用一个一个孤岛App；他更不用重复录入数据，应用间可以方便的互相传递数据。 这种模式需要一点想象力，但未来迟早会来。 分析至此，我们可以明显的看出，不管是站在最终用户角度、还是站在开发者角度，HTML5必将取代原生应用当前的位置。并由此引发一系列颠覆。

还有什么会被改变？

HTML5的爆发，原生App生态系统的颠覆，是一场产业革命，很多角色都会受到影响，我们来预测一番。 新型HTML5引擎战火将烧起 标准的HTML5引擎并不能解决HTML5的所有问题，拥有大流量入口的互联网巨头，莫不在思考内嵌更优秀的增强引擎。腾讯推出了X5浏览器引擎，就是看中这个机会。目前各路浏览器厂商、应用市场厂商、甚至rom厂商，都在努力整合更优质的浏览器引擎。假使微信内嵌的WebView可以运行更优秀的Canvas游戏、假使360手机助手可以发行即点即用的HTML5应用并且能力体验与原生一致、假使小米rom内置更强大的WebView使得所有HTML5应用在小米手机上运行的更流畅。。。 一个巨头开始行动，所有巨头都会闻风而动，没错，这场战役会是移动互联网世界的二次世界大战。 应用发行市场将洗牌 由于超级App的巨大流量能轻易成为HTML5应用的入口，并且会形成大者更大的效应，传统的应用商店、甚至线下预装，这些流量不足和效率偏低的发行模式将被挤出市场主流。本身也是超级App的大流量应用商店，如果转型得当，也将以发行HTML5应用为主。 广告和统计市场 原生的广告和统计SDK提供商会面临尬尴，Google、百度等基于网页的广告和统计服务会取得更大的优势。开发者不再需要打包SDK，引入一个Script即可。 开源技术将在移动互联网领域更加流行 HTML的开放性造就了大量的开源产品，也反向促进了HTML的繁荣。在Github上有大量的JS框架，而原生的开源代码数量相比甚少。而未来移动互联网世界将因为开源而发展的更迅速，这里也同样存在类Github厂商的机遇。 开发工具的变化 早期HTML只需要记事本写几个Tag，中期的HTML、JS、CSS比较复杂，需要更高级的文本编辑器，但HTML5到来后，它的代码量、复杂度、开发模型将与原生开发看齐，需要类似Xcode、Eclipse等专业的IDE工具来解决开发、调试的问题。一些以会使用记事本写代码为荣的开发者，将面临思路转换甚至被更高效的开发者淘汰。 性能分析调优 目前很多针对原生应用的性能分析调优工具或服务，未来也面临转型，HTML5应用的性能分析调优是另一个世界。 混淆与产权保护 HTML5是开放代码的，好处也带来弊端，有些东西开发者希望暴露，但有些东西开发者希望保护。混淆技术就变得更有商业机会。PC Web上Gmail的混淆就做的不错。除了JS混淆，离线数据加密相信也有不少空间。 安全厂商的新机会 HTML5的强大会引发很多安全问题，并且解决思路与原生不一样，业内有可能会出现新的安全厂商领导者。

结语

写到结尾，感觉话题有点大了。其实未来如何发展是没人能准确预测的，变量非常多。但我想让用户和开发者都更方便的趋势是不会错的。 我在这里抛砖引玉，欢迎大家一起讨论，但我希望我们能理智的分析，在争议中提炼真知，而不是未经思考或验证仅因为害怕被颠覆而无谓的乱喷。(作者微博） 也祝愿大家在HTML5的浪潮中，把握住机遇，享受下坐在风口当猪的感觉。 文章来源：CSDN 文章地址

1.Mingw

（1）编辑PATH变量，在最后面加入 D:\mingw\bin D:\mingw\msys\1.0\bin D:\mingw\mingw32\bin （2）添加LIBRARY_PATH变量，内容为： D:\mingw\lib （3）添加C_INCLUDE_PATH变量，内容为： D:\mingw\include （4）添加CPLUS_INCLUDE_PATH变量，内容为： D:\mingw\lib\gcc\mingw32\4.8.1\include\c++ 2.Java (1)JAVA_HOME D:\java Jdk 1.6(2)Path %JAVA_HOME%\bin; %JAVA_HOME%\jre\bin (3)CLASSPATH %JAVA_HOME%\lib 验证：java -version 3.Node.js (1)Path D:\Node.js (2)NODE_PATH D:\Node.js\node_modules 验证: node server.js 4.Android SDK (1)ANDROID_SDK_ROOT D:\AndroidSdk (2)Path %ANDROID_SDK_ROOT%\tools; 验证：android sdk(打开sdk manager) %ANDROID_SDK_ROOT%\platform-tools; 验证：adb devices 5.Android NDK (1)NDK_ROOT D:\AndroidNdk\android-ndk-r9d (2)Path %NDK_ROOT%\ 验证：ndk-build -version 6.Android ANT (1)ANT_ROOT D:\AndroidAnt\apache-ant-1.9.4\bin (2)Path %ANT_ROOT%\ 验证：ant -version 7.Python (1)Path D:\python2.7.7 验证：python —version 8.Cocos2d-x (1)Path D:\cocos2d-x\cocos2d-x-3.0rc2 D:\cocos2d-x\cocos2d-x-3.0rc2\tools\cocos2d-console\bin 验证：cocos compile -p android

1. 字体比例大小

1
2
3

h1 small {
  font-size: 65%;
}

font-size:65%的意思是h3标签里面的small标签是外面一层字体的65%大小。 比如：

1

<h1>Bootstrap标题一<small>我是副标题</small></h1>

Bootstrap标题一我是副标题

显示效果便是如上，small标签包含的文字外侧h1文字大小的65% 2. 斜体的设置 CSS方法：

1

**font-style**:**italic**

标签方法：

1

<em>我是斜体</em><i>我也是斜体</i>

3.强调相关的类

1
2
3
4
5
6

.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（##a94442）

4.对齐相关的类

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

.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}

5.列表 无标号列表

1

<ul class = "list-unstyled">

无标号横向列表

1

<ul class="list-inline">

6.代码段 单行内联代码

1

<code>单行内联代码</code>

多行代码

1

<pre>多行代码</pre>

用户输入代码

1

<kbd>用户输入代码</kbd>

硬编码

1

左尖括号< 右尖括号>

滚动代码

1

class = "**.pre-scrollable**"

7.表格

1
2
3
4
5
6

.table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框的表格
.table-hover：鼠标悬停高亮的表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格

8.常用表单样式 纵向表单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<form role="form">
 <div class="form-group">
 <label for="exampleInputEmail1">邮箱：</label>
 <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">
 </div>
 <div class="form-group">
 <label for="exampleInputPassword1">密码</label>
 <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码">
 </div>
 <div class="checkbox">
 <label>
 <input type="checkbox"> 记住密码
 </label>
 </div>
 <button type="submit" class="btn btn-default">进入邮箱</button>
</form>

水平表单

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

<form class="form-horizontal" role="form">
 <div class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
 <div class="col-sm-10">
 <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱地址">
 </div>
 </div>
 <div class="form-group">
 <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
 <div class="col-sm-10">
 <input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的邮箱密码">
 </div>
 </div>
 <div class="form-group">
 <div class="col-sm-offset-2 col-sm-10">
 <div class="checkbox">
 <label>
 <input type="checkbox"> 记住密码
 </label>
 </div>
 </div>
 </div>
 <div class="form-group">
 <div class="col-sm-offset-2 col-sm-10">
 <button type="submit" class="btn btn-default">进入邮箱</button>
 </div>
 </div>
</form>

下拉条和文本域

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<form role="form">
 <!--下拉条-->
 <div class="form-group">
 <select class="form-control"> 
 <option>1</option> 
 <option>2</option> 
 <option>3</option> 
 <option>4</option> 
 <option>5</option> 
 </select>
 </div>
 <div class="form-group">
 <!--文本域-->
 <textarea class="form-control" rows="3"></textarea>
 </div>
</form>

单选框和复选框

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<form role="form">
 <h3>案例1</h3>
 <div class="checkbox">
 <label>
 <input type="checkbox" value="">
 记住密码
 </label>
 </div>
 <div class="radio">
 <label>
 <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>
 喜欢
 </label>
 </div>
 <div class="radio">
 <label>
 <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">
 不喜欢
 </label>
 </div>
</form>

9.一些比较好看的按钮

暑假时去了一趟北京拜访我叔叔，他是一位IT人士，正走在创业的道路上。他跟我说：“其实创业很简单，你看五道口那边的有个西少爷肉夹馍，是由几个西安交大毕业的大学生创办的，现在已经日入万元啦！”听完之后我觉得很震惊，餐饮业里只靠卖肉夹馍能日入万元？里面到底有什么奥秘，当时真想去看看它那肉夹馍有什么特别的。晚上回去休息的时候正好路过西少爷肉夹馍那边，不过令我惊奇的是都那么晚了竟然还排了那么长的队伍。叔叔说：“这里呀，从早上还没营业就已经排了几十米啦，从早到晚都是这样。”听完真是让我为之一振，不过当时由于赶时间要回去，所以不得不放弃这个亲密接触肉夹馍的机会了，有点遗憾。 回去之后，我一直对这件事念念不忘，西少爷肉夹馍能这么成功？我得去一探究竟。上网扒了一些相关的资料，算是对它有了一定的了解吧。趁这个机会，我把它记录下来。西少爷的创始人叫孟兵，和他一起创业的伙伴们都是来自腾讯、阿里、百度等知名公司的，也是一些IT界人士了，大家可能会纳闷，他们都进了这么大的公司了为什么还辞职卖肉夹馍呢？只能说他们有自己的想法和追求，具体原因，我也不详谈了。话说回来，他们为什么把自己的生意做得这么火爆？可以概括地这么说吧，他们利用了互联网的思维来经营自己的肉夹馍产品。 肉夹馍作为一个传统得不能再传统的餐饮行业，西少爷在它中间注入了互联网思维模式，一切都变得让人不可想象。可以说西少爷不仅仅是在做一个肉夹馍，他们在做一个产品，一个项目，而他们的公司则可以定位成一家互联网公司而不单单是一家餐饮公司。之前有一篇宣传故事叫《我为什么要辞职去卖肉夹馍》，里面写道创始人孟兵一开始就想去做肉夹馍，但其实不是这样。孟兵在北上广深四个一线城市都呆过一段时间，他通过对路边的小吃摊观察后发现，像驴肉火烧这种有地方特色的小吃是比较难流通到其他城市的，而像米粉啊、鸡蛋饼啊等等这种普遍性的产品才适合去经营。不过，要经营必须要结合自身的优势做出一款更好的有特色的产品来，在同行业的竞争中才能显出自己的优势。最后，孟兵通过与家乡陕西的特色小吃相对比，找出了一个最适合的产品，那就是肉夹馍。为什么？肉夹馍也作为陕西的特色小吃，同时也是全国的一项普遍性的产品，另外选择肉夹馍不仅仅是他对自己家乡的热爱，更重要愿望是想把具有陕西特色的肉夹馍带给大众的愿望。可以说，这些观察，这些思考，这些抉择，首先找准了产品路线的定位目标。 那么大多数人如果是确定了方向之后，就直接开始干了吧。孟兵呢？他没有这么做。目标找到了，但是设计理念上怎样呢？毕竟从陕西学到的肉夹馍的制作方法只是能让陕西人喜欢而已，但是能够做到所有人都喜欢吗？在产品研发上，这也是PM(产品经理)所需要考虑的问题。产品当然要做到让大多数人满意，只有一小部分人说好那不叫好，百分之八九十的人说好那才是真正的好。所以，半年的时间，孟兵和其他创始人没有做别的，他们把精力放在了产品(肉夹馍)的内测上，同时生产流程等等要做相应的优化，怎样保持松脆，怎样保持好的口感，都是他们需要考虑的问题。有两个创始人在百度呆过，他们知道搜索引擎这个东西是需要一定的计算公式的，而算法工程师也是要不断调整这个公式的变量来做到网站排名的优化，巧妙的是，他们把这套理念应用到了肉夹馍上，这也是一个学习和应用的过程。他们为肉夹馍放盐的多少、切肉的厚度、肉夹馍的厚度、肉夹馍的直径等等建立了一套计算公式，通过微调来调整口感，并且通过用户的反馈信息来不断进行优化。这种设计理念，这种设计思路，如果你没有相关的经验，如果你没有创新的思维，可以想到吗？孟兵说：”一个肉夹馍的研发绝对不亚于一个搜索引擎。而这种利用公式来制作肉夹馍的做法，一方面是我们的心血创造，但另一方面也很感谢百度这样的大公司为我们带来的视野与格局，也才能如此跨界。”那么他们是怎么测试的呢？可以归结如下：

内测Beta1.0，测试人员为10人左右，不断烘烤反复品尝味道，然后不断更换人员组成（亲戚朋友），反复测试该口感。内测Beta2.0，测试人员为20人左右，不断扩大测试人员的范围。内测Beta3.0，测试人员为30人左右，开始在北京街边学校等随机拉人来品尝。内测Beta4.0，这是测试的最后一版，团队举行了最后一次测试，地点定在清华，测试人员为100人，最后确定这100人中绝大多数人对口感是否非常满意。

正式公测1.0，五道口开张，火爆全场！

西少爷团队除了做到这一天，在每天平均工作近20个小时的情况下，每天准时9点开会，继续商量着怎样对自己的项目进行更好的优化，在工作流程上，切肉环节上，收款环节上能不能有进一步的提升。我想，这也是产品研发过程必不可少的一部分。

说到情怀，大家可能想起老罗和锤子，其实不单是老罗，他们也在追求一种极致情怀，比如小摊上肉夹馍小贩给你的肉夹馍都是用塑料袋盛放的吧，他们可不这样想，他们认为这样降低了用户体验，他们采用的纸袋包装方式，并且非但用普通的纸，他们还在追求一种不能透油的纸，提高他们的用户体验指数，不仅要保证食品的安全，还要达到最优化的效果。设想一下，光包装就追求这样，他们的肉夹馍能达到什么程度？另外北京的物价比较高是众所周知的，不过他们的肉夹馍定价竟然比陕西本地的肉夹馍还便宜，在五道口这个繁华的地段，他们仍坚持7元一份，希望能有更多人来体验到他们的产品。为了做这些肉夹馍，他们几个还特意回到西安拜师学艺，从零开始学习做最正宗的肉夹馍，用掉5000斤面粉和2000斤肉，他们终于研制出西少爷的特有秘方，为了这个产品，他们也是不惜一切，追求极致。毕竟是IT人，他们更懂得IT人的不易，促销时，他们会写凡是持有百度、阿里、腾讯等等公司工卡的顾客，均可享受一份肉夹馍面单，这份贴心，体现的也是一种情怀。

没有深入了解他们时我们可能产生这么一种想法，他们运用的是一种善于操纵营销的互联网思维，但是通过我的深入了解，他们的理念令我敬畏。孟兵的思想是，产品永远放在第一，营销放第二。真正好的产品具有自己的传播能力，口碑好，产品流传得广，自然不会轻易死掉。前几天听了一个讲座，你想做一个推广，原始的B2C模式是难以取得好的效果的，可以说纯粹操纵营销的手段是行不通的。只有产品真正达到一定层次，具有自传播能力，达到C2C亦或是P2P模式，那才说明你真正的成功了。好的产品，用户用着好，自然会去分享传播，真正好的产品不需要你具有多么好的营销手段才能做推广。他们把更多的时间放在产品上，一心一意做自己的产品，用户自然会像龙卷风一样慢慢被卷进来。

当然，并不是说不重视营销手段，只是它的地位比产品低了一层，有了很好的产品，没有合适的营销手段自然也是不行。这里就会牵扯到40人智囊团了。他们在公司里积累了一些人脉资源，有来自大大小小的公司阶层也在为他们的营销出谋划策，他们营销策略的背后不仅是团队的讨论决策，更有各路有经验的人在背后起着导航作用。所以说，营销在他看来虽然比不上产品重要，但是是向各路取经得来的宝贵经验也是他们经营成功的法宝之一。

通过了解他们的经营模式和理念，我真的感触颇深。我相信，越来越多的人会利用这种互联网思维来为他们的创业注入新的血液，将传统的行业升级，打造一个不一样的世界。也或许，我会成为其中之一，但那一切，现在都是未知。

(文/崔庆才)

2014.11.3

1.初始化本地仓库

1

git init

2.添加文件到本地仓库暂存区

1

git add a.txt

3.添加文件到本地仓库

1

git commit -m 'v1'

此命令代表确认提交到本地仓库。-m ‘v1’代表为此添加一个版本标记 v1 4.查看当前 git 的状态

1

git status

结果 A：

1
2
3
4
5
6
7
8

On branch master
Changes not staged for commit:
(use "git add <file>..." to update what will be committed)
(use "git checkout -- <file>..." to discard changes in working directory)

modified: readme.txt

no changes added to commit (use "git add" and/or "git commit -a")

证明当前有文件已经修改，但是没有准备提交的修改，没有 add 和 commit 结果 B：

1
2
3
4
5

 On branch master
Changes to be committed:
(use "git reset HEAD <file>..." to unstage)

modified: readme.txt

证明当前已经有文件提交了，但是还没有 commit 结果 C：

1
2

On branch master
nothing to commit, working directory clean

证明当前所有文件已经提交到本地仓库，工作目录是干净的 5.查看 git 日志

1

git log

结果：

1
2
3
4
5
6
7
8
9
10
11

commit aca3fe6cc3f49ded922d05e4774561f33697f710
Author: Qingcai Cui <1016903103@qq.com>
Date: Sun Nov 2 12:16:25 2014 +0800

v2

commit 90eea044b6da3818770ec482df98bb05ab569472
Author: Qingcai Cui <1016903103@qq.com>
Date: Sun Nov 2 12:07:46 2014 +0800

v1

证明当前我们已经 commit 了两次，上面的为最近提交的。 如果嫌输出太多可以尝试下面的命令，一行显示

1

git log --pretty=oneline

结果如下：

1
2

aca3fe6cc3f49ded922d05e4774561f33697f710 v2
90eea044b6da3818770ec482df98bb05ab569472 v1

一大串类似的

1

aca3fe6cc3f49ded922d05e4774561f33697f710

是 commit id（版本号），和 SVN 不一样，Git 的 commit id 不是 1，2，3……递增的数字，而是一个 SHA1 计算出来的一个非常大的数字，用十六进制表示，而且你看到的 commit id 和我的肯定不一样，以你自己的为准。为什么 commit id 需要用这么一大串数字表示呢？因为 Git 是分布式的版本控制系统，后面我们还要研究多人在同一个版本库里工作，如果大家都用 1，2，3……作为版本号，那肯定就冲突了。 6.版本回退 回退到上一版本：

1

git reset --hard HEAD^

回退到上上个版本：

1

git reset --hard HEAD^^

如果回退的版本过多则不用加那么多的^号 比如回退到上 10 版本，则可以用下面的命令

1

git reset --hard HEAD~10

回退 1 个版本相当于

1

git reset --hard HEAD~1

不过现在利用 git status 来查看已经看不到刚才那个版本了，想要返回的话怎么办 可以仍然用上面的方法

1

git reset --hard aca3f

只要写前几位就好了，git 会自动去匹配的。当然前提是你的命令行窗口没有关闭还能找到之前的 commit id。 不过万一你的命令行关闭了也没关系，git 提供了一个方法来记录你的每一次命令。

1

git reflog

结果：

1
2
3
4

aca3fe6 HEAD@{0}: reset: moving to aca3f
90eea04 HEAD@{1}: reset: moving to HEAD^
aca3fe6 HEAD@{2}: commit: jj
90eea04 HEAD@{3}: commit (initial): aa

在前方仍然显示了版本号，你仍然可以找到。仍然可以利用的 reset 命令来还原。 注意： A 工作区和暂存区的名词区别 工作区：就是你在电脑里能看到的目录 暂存区：在.git 文件夹下存在一个暂存区 stage 和好多个分支比如 master 当执行 git add 命令时，工作区的内容便会到 stage 暂存区中，当执行 git commit 命令时暂存区的内容便会提交到分支里面。 B “Git 管理的是修改”的意思 比如第一次修改 readme.txt，然后执行 git add 到暂存区，然后再修改 readme.txt，然后执行 git commit 到分支。 结果调用 git status 时发现现在仍然有一个 modified 文件，这是因为我们没有把新修改的文件提交到暂存区，所以导致分支中的文件和在工作区的原文不匹配。所以我们需要重新 add 和 commit。这说明 git 管理的是”修改”,而不是”文件”本身。 7.撤销修改

1

git checkout -- filename

比如 git checkout — readme.txt 它的作用如下： 把 readme.txt 文件在工作区的修改全部撤销，这里有两种情况： 一种是 readme.txt 自修改后还没有被放到暂存区，现在，撤销修改就回到和版本库一模一样的状态； 一种是 readme.txt 已经添加到暂存区后，又作了修改，现在，撤销修改就回到添加到暂存区后的状态。 总之，就是让这个文件回到最近一次 git commit 或 git add 时的状态。 那么上面的这个情况是我们提交或者没提交到暂存区之后又对源文件做的修改。 还有另一种情况，我们提交之后放到了暂存区，我们想把暂存区里面的文件撤销回来。 就用以下命令：

1

git reset HEAD readme.txt

就是将刚才的 git add 命令撤销，把暂存区中的内容撤销回到工作区。 当然，如果你不但 add 了，并且又 commit 了，那就只能进行版本回退了。在上面已经说过了。 总结： 场景 1：当你改乱了工作区某个文件的内容，想直接丢弃工作区的修改时，用命令 git checkout — file。 场景 2：当你不但改乱了工作区某个文件的内容，还添加到了暂存区时，想丢弃修改，分两步，第一步用命令 git reset HEAD file，就回到了场景 1，第二步按场景 1 操作。 场景 3：已经提交了不合适的修改到版本库时，想要撤销本次提交，进行版本回退，不过前提是没有推送到远程库。 8.删除文件 假如现在你新建了一个 hello.txt 文件,你已经 add 并 commit 到了本地分支之中。 现在你想删除，如果直接执行

1

rm hello.txt

则是只把工作区中的文件删除了，本地分支中没有删除，现在你执行 git status 则会提示当前工作区已删除了一个文件，本地分支仍然存在，就存在了工作区和本地分支不同步的问题，现在我们如果想恢复一下，就利用下面的命令

1

git checkout -- hello.txt

将本地的文件一键还原。 假如我们真的是想将本地分支中的一个文件删除，那么我们就执行下面的方法。

1

git rm hello.txt

执行了这个命令之后，我们执行 git status 之后就会提示 你现在需要 commit 一下确认删除。 并且执行完这个命令之后，我们执行 ls 命令之后发现本地的文件也已经不存在了。 如果有很多个文件在本地被删除掉了，暂存区和工作区的文件完全不一样了，工作区删除掉了很多个文件，就会出现

1
2
3

Changes not staged for commit:
deleted: a.txt
deleted: b.txt

如果一个个地删除文件肯定特别麻烦，所以我们可以用下面的命令来

1

git add -A

它等同于 git add . 和 git add -u

1

git add . 保存所有新文件和改动的文件，不包括删除的文件

1

git add -u  保存所有改动的文件和删除的文件，不包括新的文件

git add -A 和 git add -u 会把我们未通过 git rm 删除的文件全部 stage 使用过以后运行 git status 便会出现 changes to be committed … 说明已经都经过 git rm 删除了. 综上，我们想删除分支中的文件时就需要两条命令合起来使用

1
2

git rm hello.txt
git commit -m 'rm hello.txt'

要小心的是，执行 git rm 方法之后工作区和本地分支中的文件已经都不存在了。所以如果你已经在远程仓库存在备份的话，你就不用担心误删了。否则你就要小心了，会丢失这个文件的。 对比修改的文件

1

git diff

结果：

1
2
3
4
5
6
7

diff --git a/readme.txt b/readme.txt
index 9c58532..8ce5f7e 100644
--- a/readme.txt
+++ b/readme.txt
@@ -1 +1 @@
-git is grea
+hello is grea

-号开头的语句代表这句话删除掉了 +号开头的语句代表这句话为新增语句 9.分支 新建本地分支

1

git branch dev

切换到 dev 分支

1

git checkout dev

创建并切换到该分支

1

git checkout -b dev

查看本地分支

1

git branch

比如此命令会输出 * master hello 代表当前已经选中了 master 分支，存在本地两个分支 master 和 hello 合并分支

1
2

git branch master
git merge hello

这样我们就把 master 分支合并到了 hello 分支了。 接下来我们就可以删除本地分支了。 既然分支合并这么简单，它可不可能出现什么问题呢？当然有，当然会出现分支合并冲突的问题。 比如我切换到了 hello 分支并修改了一个文件 add 并且 commit，然后我切换回了 master 分支 同样修改了这个文件，add 并且 commit。现在我们如果执行 git merge hello 则会报一个提示说 分支合并冲突。 我们查看刚才修改的文件发现已经发生了变化，我们需要手动修改完了之后，然后继续 add 和 commit 才可以。如果没有 add 和 commit，那么我们无法切换回原来的分支的。 add 和 commit 之后，原来的 hello 分支仍然保持了原来不变，只不过是我们的 master 分支改变了。下面示意图则清楚地表示出了如下关系，图中的 feature1 相当于 hello 分支。 合并之后，我们就可以进行删除分支了，可以删除掉 hello 分支。 其实上面的一系列操作 从 merge 到修改 然后 add 然后 commit 其实可以利用一条命令来修改,这个方法叫禁用 Fast Forward 模式 刚才的一系列命令如下

1
2
3
4
5

git checkout master
git merge hello
vi file.txt
git add file.txt
git commit -m 'merge master'

那么利用下面的语句同样可以达成同样的效果

1
2

git checkout master
git merge --no-ff -m 'merge master' hello

因为本次合并要创建一个新的 commit，所以加上 -m 参数，把 commit 描述写进去。 Git 就会在 merge 时生成一个新的 commit，这样，从分支历史上就可以看出分支信息。 结束之后我们照样可以删除 hello 分支。 删除本地分支

1

git branch -d hello

查看远程分支

1

git branch -r

查看本地和远程分支

1

git branch -a

现在遇到一个问题，我们正在工作的一个分支还没有做完，不能 add 或者 commit，但是现在有一个 bug 需要在另一个分支上去修复，那么我们就需要暂时存储当前的分支。所以就要用到下面的命令

1

git stash

当我们处理完其他的事情之后，再切换回来此分支。 先使用

1

git stash list

再取出 stash 列表中的内容

1

git stash pop

上面的方法既取出了 list 内容，并且把 list 中的元素删除掉。 强行删除分支

1

git branch -D new-branch

10.多人协作 多人协作的工作模式通常是这样： 首先，可以试图用

1

git push origin branch-name

推送自己的修改； 如果推送失败，则因为远程分支比你的本地更新，需要先用 git pull 试图合并； 如果合并有冲突，则解决冲突，并在本地提交； 没有冲突或者解决掉冲突后，再用

1

git push origin branch-name

推送就能成功！ 如果 git pull 提示“no tracking information”，则说明本地分支和远程分支的链接关系没有创建，用命令

1

git branch --set-upstream branch-name origin/branch-name

这就是多人协作的工作模式，一旦熟悉了，就非常简单。 11.添加远程地址别名

1

git remote add origin git@github.com

删除远程地址别名

1

git remote rm origin

此方法删除掉 origin 这个地址别名 查看远程地址别名

1

git remote -v

推送到远程分支 我们在 github 上新建一个项目 添加远程仓库

1

git remote add origin  git@github.com:cqcre/gittest.git

推送上去

1

git push -u origin master

加上了 -u 参数，Git 不但会把本地的 master 分支内容推送的远程新的 master 分支，还会把本地的 master 分支和远程的 master 分支关联起来，即相当于推送到了一个默认的分支，在以后的推送或者拉取时就可以简化命令。 那么以后我们就不需要关联了，以后推送的话我们只需要输入

1

git push origin master

克隆远程仓库 假设现在已经存在了一个远程仓库，我们需要把这个仓库克隆到本地，我们需要使用下面的方法

1

git clone git@github.com:cqcre/test.git

这样我们就把远程的一个仓库取到了本地了。 12.强制操作 强制覆盖本地分支内容

1
2

git fetch --all
git reset --hard origin/master

强制覆盖远程内容

1

git push origin master --force

13.修改 commit 的备注 有时候我们 commit 的备注写错了，需要重新修改，可以利用如下命令

1

git commit --amend

14. .gitignore 的使用 在 git 中如果想忽略掉某个文件，不让这个文件提交到版本库中，可以使用修改根目录中 .gitignore 文件的方法（如无，则需自己手工建立此文件）。这个文件每一行保存了一个匹配的规则例如：

1
2
3
4
5

*.a # 忽略所有 .a 结尾的文件
 !lib.a # 但 lib.a 除外
 /TODO # 仅仅忽略项目根目录下的 TODO 文件，不包括 subdir/TODO
 build/ # 忽略 build/ 目录下的所有文件
 doc/*.txt # 会忽略 doc/notes.txt 但不包括 doc/server/arch.txt

规则很简单，不做过多解释，但是有时候在项目开发过程中，突然心血来潮想把某些目录或文件加入忽略规则，按照上述方法定义后发现并未生效，原因是.gitignore 只能忽略那些原来没有被 track 的文件，如果某些文件已经被纳入了版本管理中，则修改.gitignore 是无效的。那么解决方法就是先把本地缓存删除（改变成未 track 状态），然后再提交：

1
2
3

git rm -r --cached .
git add .
git commit -m 'update .gitignore'

15. 打 tag 在发布版本的时候，经常会用到打标签的方法。 增加一个标签

1

git tag -a "v1.0.0" -m "Version 1.0.0"

删除一个标签

1

git tag -d v1.0.0

删除远程标签

1

git push --delete origin v1.0.0

推送所有标签

1

git push origin --tags

16. 删除未监视文件

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

git clean -f

# 连 untracked 的目录也一起删掉
git clean -fd

# 连 gitignore 的untrack 文件/目录也一起删掉 （慎用，一般这个是用来删掉编译出来的 .o之类的文件用的）
git clean -xfd

# 在用上述 git clean 前，墙裂建议加上 -n 参数来先看看会删掉哪些文件，防止重要文件被误删
git clean -nxfd
git clean -nf
git clean -nfd

17. 子模块

1
2
3
4
5

git clone <repository> --recursive 递归的方式克隆整个项目
git submodule add <repository> <path> 添加子模块
git submodule init 初始化子模块
git submodule update 更新子模块
git submodule foreach git pull 拉取所有子模块

视频大小适配是个头疼的问题。之前利用了Advanced Responsive Video Embedder 这个插件结果发现还是手机端显示有些问题，不能正常播放，这下我们利用FitVids来做到电脑和手机适配。已经完美解决 这次我们不用加任何插件，完全可以用JS代码来实现。首先，我们需要在主题的js目录下创建一个js文件，名字叫做 jquery.fitvids.js 加入如下代码，然后保存。

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

/*global jQuery */
/*jshint browser:true */
/*!
* FitVids 1.1
*
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
*/

(function( $ ){

 'use strict';

 $.fn.fitVids = function( options ) {
 var settings = {
 customSelector: null,
 ignore: null
 };

 if(!document.getElementById('fit-vids-style')) {
 // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
 var head = document.head || document.getElementsByTagName('head')[0];
 var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
 var div = document.createElement("div");
 div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
 head.appendChild(div.childNodes[1]);
 }

 if ( options ) {
 $.extend( settings, options );
 }

 return this.each(function(){
 var selectors = [
 'iframe[src*="player.vimeo.com"]',
 'iframe[src*="youtube.com"]',
 'iframe[src*="youtube-nocookie.com"]',
 'iframe[src*="kickstarter.com"][src*="video.html"]',
 'object',
 'embed'
 ];

 if (settings.customSelector) {
 selectors.push(settings.customSelector);
 }

 var ignoreList = '.fitvidsignore';

 if(settings.ignore) {
 ignoreList = ignoreList + ', ' + settings.ignore;
 }

 var $allVideos = $(this).find(selectors.join(','));
 $allVideos = $allVideos.not('object object'); // SwfObj conflict patch
 $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.

 $allVideos.each(function(){
 var $this = $(this);
 if($this.parents(ignoreList).length > 0) {
 return; // Disable FitVids on this video.
 }
 if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
 if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
 {
 $this.attr('height', 9);
 $this.attr('width', 16);
 }
 var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
 width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
 aspectRatio = height / width;
 if(!$this.attr('id')){
 var videoID = 'fitvid' + Math.floor(Math.random()*999999);
 $this.attr('id', videoID);
 }
 $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
 $this.removeAttr('height').removeAttr('width');
 });
 });
 };
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );

接下来我们要修改functions.php文件咯 加入如下代码

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

function add_fitvids() {
 wp_register_script('jquery_fitvids', get_template_directory_uri(). '/js/jquery.fitvids.js', array('jquery'), '2.0.110526' );
 wp_enqueue_script('jquery_fitvids');
 add_action('wp_head', 'add_fitthem');
 function add_fitthem() { ?>
 <script type="text/javascript">
 jQuery(document).ready( function() {
 jQuery('.video').fitVids();
 });
 </script><?php
 }
}
add_action('wp_enqueue_scripts', 'add_fitvids');

这段代码就是引入了上面我们放入的js文件，并在WordPress模板加载的时候进行初始化设置。 然后我们加入一段代码对某些模仿器进行适配。 针对YouTube或Vimeo等支持oembed的视频源，我们再在functions.php加入如下代码来进行控制

1
2
3
4
5

function add_embed_filter( $html ) {
 $return = '<div class="video">' . $html . '</div>';
 return $return;
}
add_filter('oembed_dataparse', 'add_embed_filter');

对于国内的一些视频网站，视频源为embed，我们再在functions.php加入如下代码来控制

1
2
3
4
5
6
7

function add_oembed_filter( $html ) {
 $return = '<div class="video">' . $html . '</div>';
 return $return;
}
add_filter('embed_youku', 'add_oembed_filter');
add_filter('embed_56com', 'add_oembed_filter');
add_filter('embed_tudou', 'add_oembed_filter');

我们在发布视频时只需要在外面套2行代码就行啦。 比如我的一个视频是从土豆获取来的HTML代码，源代码为

1

<embed src="http://www.tudou.com/v/bL4ioykS6ho/&amp;resourceId=0_05_02_99/v.swf" type="application/x-shockwave-flash" width="300" height="150"></embed>

那么我们在发布时只需要在外面套一层div就OK了

1
2
3

<div class="video">
....
</div>

最后的代码如下

1

<div class="video"><embed src="http://www.tudou.com/v/bL4ioykS6ho/&amp;resourceId=0_05_02_99/v.swf" type="application/x-shockwave-flash" width="300" height="150"></embed></div>

在文章中的HTML代码编辑器中插入如上代码即可实现手机端和电脑端的视频完美适配。 以上就是利用Fitvids来对视频进行适配操作的全部过程。

2013年3月底，我的大一，我的轮滑社团，我的江南之行，我的所见所想，我的心灵感悟。

大家好，本节为大家带来在Eclipse下配置Winpcap环境，欢迎大家收看。 首先，配置Winpcap环境的前提是你必须配置好了Eclipse下的C/C++环境。如果你还没有配置，欢迎大家收看上节内容进行配置。 链接地址：Eclipse配置C/C++环境 若链接失效，请自行查看上一篇文章或者百度其他文章。 废话不多说啦，开始我们的Winpcap的配置。 1.Winpcap的下载 Winpcap官网：Winpcap官网 Winpcap目前最新版为4.1.3,首先你要下载exe文件并安装，直接双击运行安装即可。 下载地址：Winpcap4.1.3.exe 然后你需要下载开发包，首先必须注意的是，目前最新版本是没有开发包的，最新的开发包为4.1.2，先见下图 下面的红色框说明了目前没有提供Winpcap4.1.3的开发包，最新版本的开发包是4.1.2，他可以与4.1.3的Winpcap配套使用。 所以下载4.1.2的开发包。 下载地址：Winpcap Developer’s Pack 4.1.2 2.Eclipse中的相关配置 首先新建一个C 的项目，具体的建立过程可以参见上一节的内容。 我们加入一个测试代码如下：

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

#define WIN32
#define HAVE_REMOTE

#include <stdio.h>
#include "pcap.h"
#include "Win32-Extensions.h"

void gen_packet(unsigned char *buf,int len);

/*生成数据包*/
void gen_packet(unsigned char *buf,int len)
{
		int i=0;

		//设置目标MAC地址为01:01:01:01:01:01
		for (i=0;i<6;i++)
		{
			buf[i]=0x01;
		}

		//设置源MAC地址为02:02:02:02:02:02
		for (i=6;i<12;i++)
		{
			buf[i]=0x02;
		}

		//设置协议标识为0xc0xd，无任何实际意义
		buf[12]=0xc;
		buf[13]=0xd;

		//填充数据包的内容
		for(i=14;i<len;i++)
		{
			buf[i]=i-14;
		}
}


int main()
{
	pcap_if_t *alldevs;
	pcap_if_t *d;
	int inum;
	int i=0;
	pcap_t *adhandle;
	char errbuf[PCAP_ERRBUF_SIZE];
	int ret=-1;

    /* 获取本机网络设备列表 */
    if (pcap_findalldevs_ex(PCAP_SRC_IF_STRING, NULL, &alldevs, errbuf) == -1)
    {
        fprintf(stderr,"Error in pcap_findalldevs: %s\n", errbuf);
        exit(1);
    }

    /* 打印网络设备列表 */
    for(d=alldevs; d; d=d->next)
    {
        printf("%d. %s", ++i, d->name);
        if (d->description)
            printf(" (%s)\n", d->description);
        else
            printf(" (No description available)\n");
    }

    if(i==0)
    {
        printf("\nNo interfaces found! Make sure WinPcap is installed.\n");
        return -1;
    }

    /*选择网络设备接口*/
    printf("Enter the interface number (1-%d):",i);
    scanf("%d", &inum);

    if(inum < 1 || inum > i)
    {
        printf("\nInterface number out of range.\n");
        /* 释放设备列表 */
        pcap_freealldevs(alldevs);
        return -1;
    }

    /* 跳转到选中的适配器 */
    for(d=alldevs, i=0; i< inum-1 ;d=d->next, i++);

    /* 打开设备 */
    if ( (adhandle= pcap_open(d->name,          // 设备名
							  65536,            // 65535保证能捕获到数据链路层上每个数据包的全部内容
							  PCAP_OPENFLAG_PROMISCUOUS,    // 混杂模式
                              1000,             // 读取超时时间
                              NULL,             // 远程机器验证
                              errbuf            // 错误缓冲池
                              ) ) == NULL)
    {
        fprintf(stderr,"\nUnable to open the adapter. %s is not supported by WinPcap\n", d->name);
        /* 释放设备列表 */
        pcap_freealldevs(alldevs);
        return -1;
    }

    /*在选中的设备接口上发送数据*/
    printf("\nsending on %s...\n", d->description);

    /* 发送数据包*/
	//生成数据报
	int packetlen=100;
	unsigned char *buf= (unsigned char *)malloc(packetlen);
	memset(buf,0x0,packetlen);
	gen_packet(buf,packetlen); //获得生成的数据包，长度为packetlen
	//开始数据包发送
	if ( (ret=pcap_sendpacket(adhandle,buf,packetlen))==-1)
	{
		printf("发送失败\n");
		free(buf);
		pcap_close(adhandle);
        pcap_freealldevs(alldevs);
        return -1;
	}

	 /*释放资源*/
	 free(buf);
	 pcap_close(adhandle);
	 pcap_freealldevs(alldevs);

    return 0;
}