web前端基础HTML
Html本质是超文本标记语言,可以用来表现文字、视频、音频、程序、等复杂元素。其结构包括《html》、《head》、《body》三部分组成。
其中部分包含、、、、</link></base></meta>
form 表单提交是不一定要通过 submit 操作的,可以通过 AJAX 请求序列化表单(serialize())的
方式完成表单数据的提交。(AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提
交到后台)通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。
表单元素标签
通过submit提交,浏览器会把表单元素的数据以名值对的方式提交给服务器。
form 是个什么样的概念?在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一
组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存在。
但是在 AJAX 请求中,可以不要求有 form 存在。
标签的语义
H1/H2/H3 表现大纲级别
div/span/p 表现布局
使用带语义的标签可以让搜索引擎快速的进行收录
虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS样式去控制
**在这里说一下浏览器** 浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。 我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其中Firefox/Chrome我们称之为标准 浏览器,最符合W3C组织定义的相关技术规范。 其中表格框架(frame)可以将浏览器窗口划分为多个独立窗口,每个窗口都是独立的HTML页面。
css语言基础
在web前端中css样式也是必须掌握的,可以通过css样式来将页面和样式分离,对HTML的缺陷是很好的帮手。
学习web前端要学习并掌握css 的基本内容:css基本语法结构、内外部样式、样式表的优先级(权重)、css的选择器、css样式属性、css页面布局。
css的基本语法结构:如图
css样式,内部样式、外部样式等
层叠样式表:元素样式可以通过多种方式进叠加。
css选择器
css样式属性包括:文本属性、字体属性、背景属性、分类属性。
css页面布局
css必须要掌握的内容
DIV + CSS 布局基础,充分理解盒子模型
box-sizing需要注意
样式选择器:ID(#) Class(。) 标签(A DIV SPAN)
JavaScript基础
对于编程语言的认识:
一门成熟的编程语言应该具备:变量、数据类型、运算符、控制语句(顺序结构、分支结构、循环
结构)、自成体系的 API。
JavaScript的基础语法,JavaScript拥有自身数据类型、运算符、表达式、级语法结构。
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分支结构的三种表示方式三目运算符是需要熟练掌握的,其本质就是个表达式
总的来说JavaScript是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的客户端脚本语言
JavaScript脚本包括行内JavaScript脚本、内部JavaScript脚本和外部JavaScript脚本三种形式
常见的数据类型包括String、Boolean、Undefined、Array、Number、Function和Object
注释主要分为两种:单行注释和多行注释
JavaScript包括赋值运算符、算术运算符、比较运算符、逻辑运算符、三元运算符等运算符
JavaScript中拥有分支结构(if、switch等)和循环结构(while、do while、for等),并支持break、continue、return等转移语句
函数是一组延迟动作集的定义,可以由事件或其他脚本进行调用,分为预定义函数和用户自定义函数
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery