吾昂王

前言Web前端技术由 html、css 和 javascript 三大部分构成，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文主要对Web前端知识体系进行简单的梳理，对应的每个知识点 点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。因为知识点过多，导出图片会出现失真，所以此处只显示了大概知识点，需要查看具体内容的，可以点击前端地位导

HTML && CSS视频教程HTML学习笔记CSS学习笔记HTML && CSS 查漏补缺笔记Sass文档Javascript官方笔记视频教程 – 壹视频教程 – 贰项目教程学习笔记TypeScript官方文档入门文档视频教程 – 尚硅谷视频教程 – 千锋Webpack官方文档视频教程JQuery官方文档视频教程Ajax基础文档视频教程

HTML、CSS1、元素水平垂直居中• 定位偏移 top，left为50%，margin-left，margin-top自身的-50%• 定位平移 top，left，bottom，right为0，margin为auto• 定位平移 top，left为50%，transform：translate(自身的50%)• 弹性盒 主轴与交叉轴居中• 表格 父block，子table-cell2、C3新特性1 圆角边框：border-radius 2 多背景图：background 3

HTML5 新增语义化标签 header：表示页面中一个内容区块或整个页面的标题 nav：表示页面中导航链接部分 main：表示页面中的主要的内容 (ie不兼容) section：表示页面中的一个内容区块 article：表示一块与上下文无关的独立的内容 aside：在article之外的，与article内容相关的辅助信息 footer：表示页面中一个内容区块或整个页面的脚注 figure：表示一段独立的流内容，使用figcaption元素为...

滚动字幕： <marquee behavior（行为）="scroll(滚动)/alternate（晃动）" direction（方向）="up(从下向上)/down（从上向下）/left（从右向左）/right（从左向右）" scrollamount（滚动速度）="value" height="value(上下滚动范围)" width=""(左右滚动范围)> 内...

表单： 作用： 用来收集用户信息；也叫 表单框（表单域form）<form method=""></form> action: 传给后端的地址 method: 传给后端的方法 GET： 从后端获取数据，数据量比较小，安全性比较低，速度较快 POST： 向后端发送数据，数据量大，安全性高，速度较慢 name: 表单的标识表单控件: 在表单里面，绝大部分的表...