前端部分已经结束了，经过这一轮的训练 ，学到了很多东西，比以前更加的熟练了，也没有了曾经的那种恐惧感。
复习内容
网站开发，我们使用大量的图标
1、使用精灵图（雪碧图）
2、css3 字体
将我们的图标可以做成字体
阿狸矢量图库的使用：
|-- 直接从阿狸矢量图库中找图标
1、进入网站http://www.iconfont.cn/
2、搜索你想要的图标
3、加入到购物车中
4、进入购物车（要求登录，建议使用github账号）
5、下载到本地
6、修改路径和重新组装
|-- fonts
|-- css
|-- 存在一个svg图片，如果将它做成字体
1、svg上传到网站http://www.iconfont.cn/
2、加入到购物车中
3、进入购物车（要求登录，建议使用github账号）
4、下载到本地
5、修改路径和重新组装
github全球最大同性交流网站（90%）
前端部分
我们使用两周的时间来学习前端，主要为了学习搭建软件界面，包含了HTML、CSS、JavaScript、jQuery。
HTML（hyperText Markup Language）超文本标记语言
HTML的历史
1990年左右诞生的，万维网之父，HTML的互联网基石
HTML的版本变迁
HTML1.0 HTML2.0 HTML3.0 html4.0 html4.01 xhtml
HTMl5
Html网页的编写
<!doctype html>
<html>
<head>
<meta charset=’utf-8’>
<title>标题</title>
</head>
<body>
网页内容
</body>
</html>
HTML的常用标签
b i u del strong em div p span a img video audio header section footer table td thead tbody tr th ol li ul li dl dd dt
form表单
form标签 action属性、method属性 enctype（文件上传）
面试题：http的常见提交方式 get post delete put header connect option trace
http://blog.csdn.net/github_33261002/article/details/50821718
Input type == text password file color checkbox radio email url number submit reset button image
Textarea cols rows
Select Option
CSS（cascading style sheet）层叠样式表
css位置问题
写在标签内部的style属性上
Style标签内部
*.css文件 使用link标签引入 rel=“stylesheet”
CSS选择器
基本选择器
Id选择器 #
Class选择器 .
标签选择器
通配符选择器 *
逗号选择器
范围选择器
子代选择器 >
后代选择器 空格
属性选择器
属性是否存在 div[id]
属性存在，并且值为xx div[id=’ljh’]
*=
^=
$=
css3选择器
http://www.w3school.com.cn/cssref/css_selectors.asp
CSS常用样式
宽（width） 高（height） 前景色（color）border border-radius text-shadow box-shadow
Line-height font background float clear z-index position display
Div+css的网页布局
项目总结：
电商首页
JavaScript
环境的搭建
开发环境：记事本 sublime 、 pycharm、hbuilder……
运行环境：浏览器 chrome
JavaScript的发展历史（了解）：
Hello world
Alert
Confirm
Prompt
变量
数据类型
基本数据类型：
数字
字符串
Boolean
NaN
undefined
null
复杂数据类型:一切皆对象
常见的运算符
自加和自减（python中没有）
三大流程
顺序、分支（选择）、循环
函数
function funcName([参数列表]) {
//函数体
[return 返回值]
}
几个内置对象(掌握)
String：
属性： length 表示字符串长度
方法： indexOf(target) lastIndexOf(target) charAt(index) substr(start[,length]) substring(start[,end]) slice() concat split
Math:
属性：PI E
方法：abs sin tan random floor ceil round sqrt pow
Date：
Var myDate = new Date([format])
Array：
Push pop shift unshift splice slice concat sort reverse
BOM和DOM
|-- Window
|-- history
Length
Go(count)
Back()
forward
|-- location
reload()
host
hostname protocol href port search hash
|-- screen
Height
Width
|-- navigator
UA（userAgent）
|-- document
DOM编程
DOM编程
如何获取dom对象
如何操作dom对象的内容
如何操作dom对象属性
如何操作dom对象的样式
事件
事件的三元素
JavaScript绑定事件的几种方式
常规的事件
jQuery：
什么是jQuery
jQuery的选择器：
jQuery的动画：
jQuery的DOM操作
jQuery事件
jQuery的其他函数
网友评论