前端部分
主要学习搭建软件界面,包含了HTML、CSS、JavaScript、jQuery。
HTML(hyperText Markup Language)超文本标记语言
HTML的历史
1990年左右诞生的,万维网之父,HTML的互联网基石
HTML的版本变迁
HTML1.0 è HTML2.0 è HTML3.0 è html4.0 è html4.01 è xhtml
[if !supportLists]ð [endif]HTMl5
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位置问题
[if !supportLists]a) [endif]写在标签内部的style属性上
[if !supportLists]b) [endif]Style标签内部
[if !supportLists]c) [endif]*.css文件 使用link标签引入 rel=“stylesheet”
CSS选择器
[if !supportLists]1、 [endif]基本选择器
[if !supportLists]a) [endif]Id选择器 #
[if !supportLists]b) [endif]Class选择器 .
[if !supportLists]c) [endif]标签选择器
[if !supportLists]d) [endif]通配符选择器*
[if !supportLists]e) [endif]逗号选择器
[if !supportLists]2、 [endif]范围选择器
[if !supportLists]a) [endif]子代选择器>
[if !supportLists]b) [endif]后代选择器空格
[if !supportLists]3、 [endif]属性选择器
[if !supportLists]a) [endif]属性是否存在div[id]
[if !supportLists]b) [endif]属性存在,并且值为xx div[id=’ljh’]
[if !supportLists]c) [endif]*=
[if !supportLists]d) [endif]^=
[if !supportLists]e) [endif]$=
[if !supportLists]4、 [endif]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编程
[if !supportLists]1、 [endif]如何获取dom对象
[if !supportLists]2、 [endif]如何操作dom对象的内容
[if !supportLists]3、 [endif]如何操作dom对象属性
[if !supportLists]4、 [endif]如何操作dom对象的样式
事件
事件的三元素
JavaScript绑定事件的几种方式
常规的事件
jQuery:
什么是jQuery
jQuery的选择器:
jQuery的动画:
jQuery的DOM操作
jQuery事件
jQuery的其他函数