发表于 | 分类于 | | 阅读次数

我珍惜时间
把所有时间用来学习和修行
希望可以改变自己的命运
我每天早睡早起锻炼身体 努力保持健康
因为只有这样 我才有机会
可以去看更多美好的风景 所以现在
我做的所有事情 都是为更好的活着
因为对我来说 最重要的事情就是活着
我愿为此付出一切代价 改命真的很难
但就算再难 我也要坚持下去
因为西宁镇的猪头肉 切成薄片 再蘸了红油和岩盐
真的很好吃
因为书中有很多有趣的知识
因为生命真的很美好
所以我不想死 但现在就要死了
谢谢你让我说完了所有的话
尽管可笑
但还是请允许我和你最后一站

发表于 | 分类于 | | 阅读次数

pop() 函数用来移出数组中最后一个元素
这就是 .shift() 的用武之地。它的工作原理就像 .pop()，但它移除的是第一个元素，而不是最后一个。
你不仅可以 shift（移出）数组中的第一个元素，你也可以 unshift（移入）一个元素到数组的头部。
.unshift() 函数用起来就像 .push() 函数一样, 但不是在数组的末尾添加元素，而是在数组的头部添加元素

有时检查一个对象属性是否存在是非常有用的，我们可以用.hasOwnProperty(propname)方法来检查对象是否有该属性。如果有返回true，反之返回 false。
举例
var myObj = {
top: “hat”,
bottom: “pants”
};
myObj.hasOwnProperty(“top”); // true
myObj.hasOwnProperty(“middle”); // false

JavaScript Object Notation 简称 JSON，它使用JavaScript对象的格式来存储数据。JSON是灵活的，因为它允许 数据结构 是 字符串，数字，布尔值，字符串，和 对象 的任意组合。
这里是一个JSON对象的示例：
var ourMusic = [
{
“artist”: “Daft Punk”,
“title”: “Homework”,
“release_year”: 1997,
“formats”: [
“CD”,
“Cassette”,
“LP” ],
“gold”: true
}
];

发表于 | 分类于 | | 阅读次数

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小

你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTML 头部增加下列代码即可：

页面刷新的时候让按钮做弹回效果:
举个例子，要让所有的按钮做弹回效果，只要把这段代码写在document ready function里面就可以了。
$(“button”).addClass(“animated bounce”);

下面的代码就是给id为target6的button元素添加fade out效果的：
$(“#target6”).addClass(“animated fadeOut”)
按钮不可选属性 $(“#target6”).prop(“disabled”,true)

html()和text()
$(“h3”).html(“jQuery Playground“);
jQuery 还有一个类似的方法叫.text()，它只能改变文本但不能修改标记。换句话说，这个方法只会把传进来的任何东西(包括标记)当成文本来显示。

remove()方法用来移除页面元素

$(“.div”).remove();那么元素div从页面中清除
我们让整个body都有淡出效果(fadeOut)： $(“body”).addClass(“animated fadeOut”);
让我们做一些更为激动人心的事情，给body添加class animated 和hinge
这种钉子的效果

发表于 | 分类于 | | 阅读次数 
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
css3
1、transition 支持到ie10以上  
前缀 -webkit-transition  -moz-transition  -o-transition
js：WebkitTransition  OTransition  MozTransition

2、属性选择器
p[miaov=leo]{}
p[miaov~=old]{}
p[miaov^=g] 以哪个字母开头
p[miaov$=m] 以哪个字母结束  有大小写区分
p[miaov*=d] 包含某个字母

IE7以上支持

3、结构性伪类
p:nth-child(1){} 表示p标签父级下的第一个元素  从1开始计数  并且这个元素还是p标签
body *:nth-child(2)表示body下面的第几个标签；
body *:nth-last-child(2)从后往前数
p:nth-child(odd){}隔行变色/even
p:nth-child(2n/2n-1/3n)
p:nth-of-type(2){}  找到p元素父级下的第二个p元素

:first-child==:nth-child(1)
:last-child==:nth-last-child(1)
:first-of-type==:nth-of-type()

4.伪类和伪元素
div:target{}  target 表示当前的URL片段的元素类型 ，这个元素必须是冒号前面的元素；

input:enabled/disabled{}编辑或者不可编辑状态
input:checked{}

p~h1{}表示毗邻p标签后面的h1元素
p:first-line{} p元素的第一行文字
p:first-letter{}p元素的第一个字
p:not(.class) 排除元素


5、文本新增属性
rgba() 
文字阴影叠加  text-shadow:5px -10px 1px red,5px -10px 1px red;

文字描边  谷歌支持  -webkit-text-stoke{}
文字超出显示省略号：p{不换行：white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;
}

6、自定义字体
1.把要定义的字体转成兼容代码格式：
网址为：http://www.fontsquirrel.com/fontface/generator

7.弹性盒模型：
父级元素添加：display:box/display:inline-box;
定义盒模型的布局方向，一般不常用，默认水平
box-orient:horizontal 水平
box-orient:vertical 垂直

元素排列方向：
box-direction:reverse 反向
box-direction:norma 正常

元素排列的顺序：
给子元素添加：div:nth-of-type(1){box-oridinal-group:2}

弹性空间管理：
给子元素添加：box-flex:1/box-flex:2

多余空间管理：box-pack :对盒子富裕空间进行管理
给父级添加：box-pack;
box-pack:end/start/center/justify    针对水平方向

对于垂直方向：box-align:start 所有子元素居顶！
                       box-align:end 所有子元素据地
                       box-align:center  所有子元素居中

css3新增属性：
box-show:0px 0px 30px（模糊程度） 30px(扩展半径) #000；
给图片添加倒影：
box-reflect:below/left/right/above
right  10px(可选参数)

渐变：background:linear-gradient:left/right ,(red 0,blue 100%)

拖拽盒子：resize:both;overflow:auto;

怪异盒模型：box-sizing:content-box 正常模式
                                   ：border-box  怪异模式

css3分栏布局：
只有webkit支持
column-width:250px  栏目宽度

column-count:栏目数量

column-gap:10px  栏目间隔

column-rule:1px solid #000;栏目间隔线


8.transition 过度效果