暑假前端学习总结与心得

通过一个暑假对于前端的学习，我对于前端这一方向有了初步的认识，对于其中的部分专业知识有了浅显的认知。
整个暑假，我通过网络课，完成了html+css、JavaScript、jquerey和部分html5的学习；借助JavaScript高级程序设计一书和w3c手册对于JavaScript这一语言有了较为深刻的理解。但从不断的学习中我愈发觉得自己实在是渺小。在网络课学习中，老师介绍了许多种框架，都是我未曾听闻过的。
学习了html+css（基础的网页设计和排版）
1. 标签：html语言中，html标签随处可见，同时也是最基础的单位。标签的类型又分为成对出现的（如

）和自结束型的，如（）
2. xHTML语法规范：
- html中不区分大小写
- html中的注释不能嵌套
- html标签必须结构完整
- html的标签可以嵌套，但不能交叉嵌套
- html标签中的二属性必须有值，且值必须加引号
3. 内联框架（）：使用内联框架可以引入一个外部的页面。具有的属性有src（用于指向一个外部链接），但内容并不会被搜索引擎搜索到。
4. 外部样式表：将样式表写到外部的css文件中，并在html的head标签中引用。
5. 元素选择：子元素、兄弟元素、后代元素。html中的标签以树为模型，互相之间具有一定关系，在用css调控样式时，需要通过元素选择器精准的选择元素，进行调控。
6. 盒子模型：盒中心为内容（content），由内向外扩散依次为内边距（padding）、边框（border）、外边距（margin）。内边距设置的相当于是内容与边框之间的距离；而外边距设置的则是不同的盒模型边框与边框之间的距离。
7. display：规定了元素应该生成的框的类型属性： - inline：将一个元素作为内联元素先使
-block：将一个元素作为块元素显示
- inline-block：将一个元素转换为行内块元素，既可以设计宽高，又可以不用独占一行
8. overflow：规定了元素中溢出元素框时发生的事情。属性
-hidden：完全隐藏溢出的部分
-visible：默认值，正常显示，超出于文件框外
-scroll：裁剪并滚动条显示

9. 文档流：文档流处在的网页的最底层，代表的是一个页面中的位置，我们的元素就在文档流中

   10. 浮动：使用float来使元素浮动，从而脱离文档流。属性：left和right，分别使文档流中的元素脱离文档流，并向左和向右浮动。
   11. 相对定位和绝对定位：position中的postive和absolute属性。相对定位中元素可以使用top、right、bottom、left，相对于它自己，来进行移动，且元素不会脱离文档流。而绝对定位中则是相对于其父元素进行定位，而且会脱离文档流，后面的元素会补齐脱离文档流元素的位置，因此会出现重叠等现象。
   12. 表单元素：表单元素指的是不同类型的 input 元素，比如输入的文本框、用于提交的确定按钮、多选、全选、全不选。

   学习了JavaScript

10. 基础的六种数据类型

    • undefined类型：一般而言，在使用var声明变量但未对其加以初始化时，这个变量值的值就是undefined；该类型只有一个值，即特殊的undefined
    • null类型：该类型也只有一个值，即null；逻辑角度上来讲，null表示的其实是一个空指针
      - booleam类型：该类型仅有两个字面量：true和false。booleam类型中的字面量区分大小写。
      - number类型：number类型中使用IEEE745格式来表示整数和浮点数值。浮点数值指的是该数值中必须包含一个小数点，且小数点后必须至少有一位数字。 —*NaN：非数值（Not a Number）是一个特殊的数值，用于表示一个本来要返回数值的操作数未返回数值的情况，以此来避免报错的情况出现。NaN具有两个特点：第一，任何NaN的操作都只会返回NaN。第二，NaN与任何数值都不相等，包括他自身。
      - String类型：字符串。ECMAScript中的字符串一旦创建，值就无法在改变。如果需要改变某个变量保存的字符串，首先要销毁原来的字符串，再填充新的值。toString()方法可以将一个值转换为一个字符串，但该方法会改边输出的值。转型函数String()能将任何类型的值转为字符串。
      - Object类型：对象类型其实就是一组数据和功能的集合，该剋行可以通过执行new操作符后跟要创建的对象类型的名称来创建。在ECMAScrpit中，Object类型是所有实例的基础，该类型所具有的任何属性和方法也同样存在于更加具体的对象中。最基本的几个属性有：
      - constructor：指向当前创建对象的函数。
      - hasOwnProperty：用于检查原型函数是否存在
      - isPrototypeOf：用于检测传入的对象是否是当前对象的原型。

    2.对象：对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性或者方法。对象又有三种分类：
    -内建变量：由ES标准中定义的对象，在任何的ES实例中都可以使用
    -宿主对象：由JS运行环境提供的对象，主要指浏览器提供的对象
    -自定义对象：由开发人员自己创建的对象
    向对象中插入属性：语法：对象.属性名 = 属性值；
    读取对象中的属性：对象.属性名；
    使用工厂方法创建对象：可以大批量的创建对象

		function createPeople(name, age,){
			var obj = new Object();
			obj.name = name;
			obj.age = age;
			obj.sayName = function(){
				console.log(this.name);
			}
			return obj;
		}
		
		var obj1 = createPerson("zjt",20);

3.对象字面量：使用对象字面量创建对象时可以直接指定创建对象中的属性；语法：{属性名：属性值，属性名：属性值}
4.引用类型：
-Object类型
-Array（数组）类型：数组中的每一项都可以用于保存任意类型的数据
-Date（日期）类型：用于保存日期的数据类型
-RegExp（正则表达式）类型
-Function类型：函数表达式
5.函数：函数的本质实际上是对象，函数名只是一个指向函数对象的指针。定义函数有三种方式，分别为函数表达式、函数声明以及调用Function构造函数。 对于前二种方式在浏览器中定义函数，有以下区别：
-对于函数声明，浏览器中的解析器会率先读取，并在执行任意代码前确保函数可以被访问。
-对于函数表达式必须等到解析器执行到当前的代码行，才会被解释和执行，不能被提前引用。
例如：
alert(sum(10,10)); function sum(num1, num2){ return num1 + num2; }
由于这段代码中函数定义方式是函数声明，因此完全可以正常运行。在执行第一行代码前，函数已经被创建且允许引用
但是

``