web前端复习第一节课笔记整理

web前端基础HTML
Html本质是超文本标记语言,可以用来表现文字、视频、音频、程序、等复杂元素。其结构包括《html》、《head》、《body》三部分组成。
其中部分包含

、、、、</link></base></meta>
  1. form 表单提交是不一定要通过 submit 操作的,可以通过 AJAX 请求序列化表单(serialize())的
    方式完成表单数据的提交。(AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提
    交到后台)
  2. 通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。
    表单元素标签
    通过submit提交,浏览器会把表单元素的数据以名值对的方式提交给服务器。
    form 是个什么样的概念?在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一
    组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存
    在。
    但是在 AJAX 请求中,可以不要求有 form 存在。
    标签的语义
    H1/H2/H3 表现大纲级别
    div/span/p 表现布局
    使用带语义的标签可以让搜索引擎快速的进行收录
    虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS样式去控制

标题1

标题1 **在这里说一下浏览器** 浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。 我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其中Firefox/Chrome我们称之为标准 浏览器,最符合W3C组织定义的相关技术规范。 其中表格框架(frame)可以将浏览器窗口划分为多个独立窗口,每个窗口都是独立的HTML页面。

css语言基础
在web前端中css样式也是必须掌握的,可以通过css样式来将页面和样式分离,对HTML的缺陷是很好的帮手。
学习web前端要学习并掌握css 的基本内容:css基本语法结构、内外部样式、样式表的优先级(权重)、css的选择器、css样式属性、css页面布局。

css的基本语法结构:如图web前端复习第一节课笔记整理
css样式,内部样式、外部样式等
层叠样式表:元素样式可以通过多种方式进叠加。
css选择器
web前端复习第一节课笔记整理
css样式属性包括:文本属性、字体属性、背景属性、分类属性。
web前端复习第一节课笔记整理
css页面布局

css必须要掌握的内容
DIV + CSS 布局基础,充分理解盒子模型
box-sizing需要注意
样式选择器:ID(#) Class(.) 标签(A DIV SPAN)

JavaScript基础
对于编程语言的认识:
一门成熟的编程语言应该具备:变量、数据类型、运算符、控制语句(顺序结构、分支结构、循环
结构)、自成体系的 API。
JavaScript的基础语法,JavaScript拥有自身数据类型、运算符、表达式、级语法结构。
JavaScript 的作用

  1. 业务逻辑处理
  2. 对 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 的判断条件
  3. 在条件表达式中,数字0和非0也可以表现为false和true
  4. 分支结构的三种表示方式
  5. 三目运算符是需要熟练掌握的,其本质就是个表达式

总的来说JavaScript是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的客户端脚本语言
JavaScript脚本包括行内JavaScript脚本、内部JavaScript脚本和外部JavaScript脚本三种形式
常见的数据类型包括String、Boolean、Undefined、Array、Number、Function和Object
注释主要分为两种:单行注释和多行注释
JavaScript包括赋值运算符、算术运算符、比较运算符、逻辑运算符、三元运算符等运算符
JavaScript中拥有分支结构(if、switch等)和循环结构(while、do while、for等),并支持break、continue、return等转移语句
函数是一组延迟动作集的定义,可以由事件或其他脚本进行调用,分为预定义函数和用户自定义函数

以上基本是对web前端基础的大概总结,也是对课堂老师所讲内容的大概整理。