整理重要的知识点

前端开发

前端开发有静态网站搭建，动态网站搭建，移动端静态网站开发。

1.静态网站搭建

1）静态网页开发

html,css,javascript,jquery

2)静态网页美化

css3,iframe

2.动态网站网站搭建

css3，JavaScript oop

3.移动端静态网站开发

html5，css3

CSS的相关选择器

1.类别选择器

div.box{
     }
div .box{
     }

2.标签选择器

3.ID选择器：值必须是唯一的

4.后代选择器

p code{
     }

5.子选择器

p>code{
     }

6.伪类选择器

p:first-child{
     }
p:nth-child(2){
     }

7通用选择器(在项目开发时，不要使用)

*{
     }

8群组选择器

.p1..p2{
     }

9相邻同胞选择器

p+code{
     }

10属性选择器

p[tit1e]{
     }
input[type-text] [name]{
     }

11伪元素选择器

.box: before{
     
content:"";
}
.box::before{
     
content:"";
}

12结构性伪类选择器

.container :nth-of-type(3){
     }

13UI元素状态伪类选择器

:input{
     }
:disabled{
     }
input: focus{
     }

css属性

1.a标签伪类

a:link:未访问的链接

a:visited:已访问的链接

a:hover:当有鼠标悬停在链接上

a:active:被选择的链接

2.布局.

布局原则:

先整体再局部，从上至下，从左至右。

网页结构:

“三”字型、“国”字型、“国”字型，“T”字型等。

布局标签:

header , nav ,main(aside , article, section), footer

3.权重

! important (10000)>style行间(1000)>id(100)>class(10)>标签 (1)

4. 兼容

厂商前缀:
-webkit-谷歌、苹果
-moz-
火孤
-0-
欧朋
-m5-

opacity取值在0-1之间，但是IE9以下不支持，要添加兼容样式处理:
=>filter:alpha(Copacity=50)这 里的opacity的取值是一个百分比(0-100之间)
IE6 (默认16px为最小)不识别较小高度的标签(- 般为10px) :

解决方案:
》给标签添加overflow:hidden;
》给标签添加font-size:0;

图片添加超链接时，在IE浏览器中会有蓝色的边框:
解决方案:
给图片添加border :0;或者border: none ;outline :none;

图片默认有间隙:
解决方案:
①给img添加float属性;
》给img添加display: block;
按钮默认大小不一:

解决方案:
中如果按钮是一-张图片，直接用背景图作为按钮图片:
》用a标记模拟按钮，使用JS实现其他功能;

5.语法基础

●标识符

必须以下划线、字母、$开头,其后可以跟字母.数字、下划线和$，不能使用关键字或保留字。
注意:严格区分字母大小写。

●变量、常量
用var定义变量，不能跟数据类型，所以说S是- -门弱类型的语言,或松散式语言。

var x;
var num = 100;
num = 'abc';
var x,y = true,z; //变量可以重复定义

●数据类型(基本、引用)
基本数据类型(数据存在栈中) : number string boolean undefined null

引用类型(数据存在堆中) : object array function

基本数据类型可以通过typeo获取到。

引用类型用typeof返回的只能是abject,如果要获取到具体的引用类型,需要用到instanceof
●运算符
算术运算符

+、-、*、/、% ++.--

关系运算符

>. >=.<.<、==、-==. !=、!==

逻辑运算符

&&  ||  !

三目运算符

expl ? exp2 : exp3;

流程语句

结构化:顺序、分支(选择)和循环。

●顺序结构
赋值、初始化等语句。

1.if语句
if(){}
if(){}else{}
if(){}else if(){}
2.for循环
for(初值;终值;自增/自减){
执行语句
}
3.while循环
while(条件){
执行代码；
}

do{
执行语句；
}while(条件)
4.for…in
for(var变量名in数组名){
}