前端基础

前端web

• html基础
  1、HTML本质是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素
  2、标签对的组成：标签名、属性（名值对）、内容，而标签里面的属性类似是给这个标签的内容加了个装备，让这些标签具有一些特殊的能力
  3、HTML文档结构是由html、head和body这三大元素组成

---

• 表格标签 < table >
  表格的组成：

  <table>
  	<caption>企业员工薪水绩效表   </caption> 
  	<thead>
  		<tr>         
  			<th>员工编号</th>
  			<th>员工岗位</th>
  			<th>基本工资</th>
  			<th>本月绩效</th>
  		</tr>
  	</thead>
  	<tbody>
  		<tr>
  			<td></td>
  			<td></td>
  		</tr>
  	</tbody>
  	</table>
  

    ***建议定义表格的时候，把 tbody,thead 都描述出来。***
  

---

• form表单
  form 是个什么样的概念？在Web 编程中，可以把 form 理解为一个数据集合（组），我们把这一组数据包裹在 form 中，统一提交后台，进行业务逻辑的处理，在一个页面中可以有多个 form 存在。但是在 AJAX 请求中，可以不要求有 form 存在。
  1、action属性:submit 操作执行的请求地址
  2、method属性:指定请求的类型 get/post
  3、通过submit提交，浏览器会把表单元素的数据以名值对的方式提交给服务器。
  4、$(“form”).serialize() 也可以通过序列化表单的内容，（AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台）
  5、form中的标签
  <input>:type(text,password,radio,checkbox,hidden)
<select>
<textarea>
• 标签的语义
  H1/H2/H3 表现大纲级别
  div/span/p 表现布局
  使用带语义的标签可以让搜索引擎快速的进行收录虽然不同的标签也许能够达到相同的显示效果，但是强烈建议使用语义化标签+CSS样式去控制
• css
  css层叠样式表：元素样式可以通过多种方式进叠加。
  本身HTML 元素是不具备样式的，但是在不定义样式的情况下，不同的标签也能表现不同的显示样式，原因是浏览器对不同的标签是有个默认样式的。
  在开发过程中，一般都是通过外链的样式表去定义页面的样式，减低代码之间的耦合，让美工专业去做
  页面。
• 盒子模型
  
  DIV + CSS 布局基础，充分理解盒子模型
  box-sizing需要注意 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 “border-box”。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
  样式选择器：ID(#) Class(.) 标签（A DIV SPAN）

---

• javascript
  1、JavaScript 是弱类型语言，而且书写是比较随意的。
  弱语言体现在变量是没有准确的数据类型定义。通过 var 关键字定义。他的类型是变动的

2、关于 JavaScript 的判断条件

1. 在条件表达式中，数字0和非0也可以表现为false和true
2. 分支结构的三种表示方式
3. 三目运算符是需要熟练掌握的，其本质就是个表达式

var age = 18;
var str = age > 18 "小学生"? “大叔”