html,css,javascirpt基础知识

HTML

是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。
HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。
HTML文档结构是由< html >、< head>和< body>这三大元素组成。

标签

标签对的组成：标签名、属性、内容

表格标签

table thead tr th tbody tr td

表单标签 form

action:submit 操作执行的请求地址

method:指定请求的类型 get/post

1. form 表单提交是不一定要通过 submit 操作的，可以通过 AJAX 请求序列化表单的

方式完成表单数据的提交。

2. 通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。

表单元素标签

通过submit提交，浏览器会把表单元素的数据以名值对的方式提交给服务器。解为一个数据集合，我们把这一组数据包裹在 form 中，统一提交后台，进行业务逻辑的处理，在一个页面中可以有多个 form 存在。但是在 AJAX 请求中，可以不要求有 form 存在。

标签的语义

H1/H2/H3 表现大纲级别

div/span/p 表现布局

浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。我们一般说的浏览器是指包括：IE/Firefox/Chrome/Opera等等。

CSS

层叠样式表：元素样式可以通过多种方式进叠加。

本身HTML 元素是不具备样式的，但是在不定义样式的情况下，不同的标签也能表现不同的显示样式，原因是浏览器对不同的标签是有个默认样式的。

样式是CSS的基本单元，每个样式包含两部分内容：

（1）选择器（Selector）：用于指明网页中哪些元素应用此样式规则。浏览器解析该元素时，根据选择器指定的样式来渲染元素的显示效果。

（2）声明（Declaration）：每个声明由属性和属性值两部分构成，并以英文分号（;）结束。

DIV + CSS 布局基础，充分理解盒子模型

box-sizing需要注意

样式选择器：ID(#) Class(.) 标签（A DIV SPAN）

JavaScript

一门成熟的编程语言应该具备：变量、数据类型、运算符、控制语句（顺序结构、分支结构、循环结构）、自成体系的 API。

JavaScript 的特点

解释性，嵌套在HTML中，弱数据类型，跨平台，基于对象，基于事件驱动。

JavaScript 的作用

1. 业务逻辑处理

2. 对 DOM 进行操作（DOM :Document Object Model）:通过事件驱动页面模型发生变化（DOM树中元素的增删改查，特别是改：改内容，改样式），JavaScript 能操作 DOM 的原因在于JavaScript 实现了 DOM 相关操作的接口，能满足对 DOM 的操作。

JavaScript 是弱类型语言，而且书写是比较随意的。

弱语言体现在变量是没有准确的数据类型定义。通过var 关键字定义。
在使用变量之前，可以通过关键字var对变量进行声明。

关于 JavaScript 的判断条件

1. 在条件表达式中，数字0和非0也可以表现为false和true

2. 分支结构的三种表示方式

3. 三目运算符是需要熟练掌握的，其本质就是个表达式

var flag = ‘abc’;

flag = 12;

flag = true;

flag = {name : ‘Tom’};

flag = function() {

alert(“Hello,JavaScript”);

}

var age = 20;

var str = age >= 18 ? ‘成年’ : ‘未成年’;

JavaScript的函数

在JavaScript中，函数可分为预定义函数和用户自定义函数。预定义函数是指在JavaScript引擎中预先定义的内建函数，用户无需定义便可直接使用。JavaScript中除了可以使用预定义函数外，还可以使用自定义函数。在自定义函数时既不需要声明函数的参数类型，也不需要声明函数的返回类型。

JavaScript目前支持的自定义方式有命名函数、匿名函数、对象函数和自调用函数。