WEB前端基础复习

1.什么是HTML？

HTML 指的是超文本标记语言 (Hyper Text Markup Language)，是一种标记语言，能表现如文字、视频、音频、程序等复杂元素。

2.什么是标签

标签对的组成：标签名、属性（名值对）、内容。

例如： 百度

3.几个重要的标签

3.1表格标签 table

3.2表单标签 form

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

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

1. form 表单提交是不一定要通过 submit 操作的，可以通过 AJAX 请求序列化表单（serialize()）的方式完成表单数据的提交。（AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台）

   
   



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

   
   

4.标签的语义：

• H1/H2/H3 表现大纲级别


• div/span/p 表现布局

• 使用带语义的标签可以让搜索引擎快速的进行收录


• 虽然不同的标签也许能够达到相同的显示效果，但是强烈建议使用语义化标签+CSS样式去控制


标题1
标题1


5.关于浏览器

• 浏览器就是能解析HTML、CSS、Javascript、图片、音视频等内容的运行环境。


• 我们一般说的浏览器是指包括：IE/Firefox/Chrome/Opera等等，其Firefox/Chrome我们称之为标准浏览器，最符合W3C组织定义的相关技术规范。

如果没有一个规范定义，为了迎合不同厂商的浏览器，程序员将为此付出沉重的代价。但是即便

如此，不同的浏览器之间还是有些细微的差异的，这个一般是前段开发要注意的问题，要考虑浏览器的兼容性。

我们一般使用360、搜狗都是基于某个浏览器内核深度改造的。

6.CSS

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

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

样式选择器：id(#)，class（.）,标签（p，spam,div）

7.Javascript

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

  
  



• Javascript 的作用

  
  

1. 业务逻辑处理


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

7.1重点：

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

• 弱语言体现在变量是没有准确的数据类型定义。通过 var 关键字定义。

/ 动态类型,随值的变化而变化
var flag = 'abc';
flag = 12;
flag = true;
flag = {name : 'Tom'};
flag = function() {
alert("Hello,Javascript");
}


• 关于 Javascript 的判断条件

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


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


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

var age = 20;
var str = age >= 18 ? '成年' : '未成年';
console.log(str);


• 
  
  点赞
  


• 
  
  收藏


• 
  
  分享


• 
  

  
  

  
  
  • 文章举报