HTML
什么是HTML
理解HTML本质是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。
什么是标签
理解什么是标签，标签对的组成：标签名、属性（名值对）、内容
属性类似是给这个标签的内容加了装备，让其具有一些特殊的能力
例如：<a href="www.baidu.com">百度</a>
重要标签说明
- 表格标签 <table>
thead tr th
tbody tr td建议定义表格的时候，把thead和tbody都描述出来。
- 表单标签 <form>
action:submit操作执行的请求地址
method:指定请求的类型 get/post
- form表单提交是不一定要通过submit操作的，可以通过AJAX请求序列化表单的方式完成表单数据的提交。（AJAX序列化就是将form中的数据构建为名值对的字符串统一的提交到后台）
- 通过form表单提交和AJAX请求方式提交数据是两个原理完全不一样的设计方式。
- 表单元素标签
通过submit操作，浏览器会把表单元素的数据以名值对的方式提交给服务器。
<input> : type(text,password,radio,checkbox,hidden)
<select> <textarea>关于select如何在JS中获取选中的值和选中的文本内容，在提交数据的时候，默认只会将select中选中option的value值传递过去。
form是个什么概念？在Web编程中，可以把form理解为一个数据集合（组），我们把一组数据包裹在form统一提交后后台进行业务逻辑处理，在一个页面中可以有多个form存在。
但是在AJAX请求中，可以不要求有form的存在
标签的语义
H1/H2/H3 表现大纲级别
div/span/p 表现布局
使用带语义的标签可以让搜索引擎快速的进行收录
虽然不同的标签也许能达到同样的显示效果，但是强烈建议使用语义化标签+CSS样式去控制
关于浏览器
浏览器就是能解析Html、CSS、JavaScript、图片、音视频等内容的运行环境。
我们一般说的浏览器是指包括：IE/Firefox/Chrome/Opera等等，其中Firefox/Chorme我们称为标准浏览器，最符合W3C组织定义的相关技术规范。
如果没有一个规范定义，为了迎合不同厂商的浏览器，程序员将为此付出沉重的代价。但是级别如此，不同的浏览器之间还是有些细微的差异的，这个一般是前端开发要注意的问题，要考虑浏览器的兼容性。
我们一般使用的360、搜狗都是基于某个浏览器内核深度改造的。
CSS
层叠样式表：元素样式可以通过多种方式进行叠加
本身HTML元素是不具备样式的，但是在不定义样式的情况，不同的标签也能表现不同的显示样式，原因是浏览器对于不同的标签是有个默认样式的。
如何书写定义元素样式
在开发过程中，一般都是通过外链的样式表去定义页面的样式，降低代码之间的耦合，让美工专心的去做页面。
简单的理解就是，可以让不同在人不在同一个页面修改文件，自己关心自己的工作。
需要掌握的内容
- DIV+CSS布局基础，充分理解盒子模型
- 样式选择器：ID(#) Class(.) 标签(A DIV SPAN)
JavaScript
- 对于编程语言的认识
一门成熟的编程语言应该具备：变量、数据类型、运算符、控制语句（顺序结构、选择判断结构、循环结构）、自成体系的API - JavaScript的作用
- 对DOM进行操作（DOM:Document Object Model）:通过事件驱动页面模型发生变化（DOM树中元素的增删改查，特别是改：改内容，改样式），JavaScript能操作DOM的原因在于JavaScript实现了DOM相关操作的接口，能满足对DOM的操作。
- 业务逻辑的处理
需要掌握的内容
JavaScript是个弱语言，而且书写非常的随意。
- 弱语言体现在变量是没有准确的数据类型定义的。通过var命令定义。
var flag = 'abc';
flag = 12;
flag = true;
flag = {name:'Tom'};
flag = function() {
alert("Hello,JavaScript");
};
- 关于JavaScript的判断条件
- 在条件表达式中，数字0和非0也可以表现为false和true。在条件表达式中，数字0和非0也可以表现为false和true。
- 只需要运用if-else结构即可。
- 三运运算符是需要熟练掌握的，其本质是个表达式
- 表达式是有返回值（结果）的
-
数据类型
数据类型其本质就是在内存中存储的结构是不一样的，在使用者开来，对于不同的业务需求，可以选用不同的数据类型定义变量。
- 数值型（精度问题的要注意，比如执行 0.3 + 0.2）
- 字符型（拼接使用+）
- 布尔类型：0和非0也能表现假和真
- 对象类型：要充分理解下面一段代码的意思
- 函数类型
var obj = {
name : "Tom",
age : 12,
eat : function () {
console.log("eat");
}
}
var tt = function(){}
var Login = function() {
var tableInit = function(){console.log("tableInit")};
return {
init : function() {
tableInit();
}
};
}();
Login.init();
- DOM操作
- 通过选择器定位元素（知道有相关的方法找到元素）
- 对选择的元素进行处理
大部分的DOM处理时围绕以下三种节点类型操作的
Element：网页的各种HTML标签（比如：<body> <h> <a> <div>）
Attribute：网页元素的属性（比如：id=”id” class=”class” type=”text”）
Text：标签之间或标签包含的文本
556
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
