一，最简单也是最基础的H5+C3

1.HTML4

文档标题可见文本...1.基本标签(Basic Tags)

最大的标题

. . .

. . .

. . .

. . .

最小的标题

这是一个段落。

2.换行标签(br)3.水平线标签( hr)4.文本格式化(Formatting)粗体文本计算机代码强调文本斜体文本键盘输入预格式化文本更小的文本,缩小字体重要的文本，字体加粗5.其他标签 (缩写) (联系信息) (文字方向) (从另一个源引用的部分) (工作的名称) (删除的文本) (插入的文本)(sub)下标文本(sup)上标文本6.链接(Links)普通的链接：链接文本图像链接： 邮件链接： 发送e-mail书签：提示部分跳到提示部分7.引入图片(Images)8.样式/区块(Styles/Sections)9.区块元素文档中的块级元素文档中的内联元素10.无序列表第一项第二项11.有序列表第一项第二项12.定义列表项目 1描述项目 1项目 2描述项目 213.表格(Tables)添加行 添加单元格 加粗字体表格标题表格标题表格数据表格数据14.框架(Iframe)文本字段密码域复选框单选按钮提交按钮普通按钮重置按钮隐藏域16.菜单列表类表单元素内容在表单内部，可以选择苹果香蕉樱桃17.多行文本框18.字符实体(Entities)(); 等同于 >(©); 等同于 ©2.在面试中经常会问到H5在H4的基础上增加了那些新的标签1，新的语义标签 定义了文档的头部区域 定义了文档的尾部区域定义文档的导航 定义文档中的节(section、区段) 定义页面独立的内容区域定义页面的侧边栏内容用于描述文档或文档某个部分的细节标签包含 details 元素的标题定义对话框，比如提示框2，增强型表单color主要用于选取颜色date从一个日期选择器选择一个日期datetime选择一个日期(UTC 时间)datetime-local选择一个日期和时间 (无时区)email包含 e-mail 地址的输入域month选择一个月份number数值的输入域range一定范围内数字值的输入域search用于搜索域tel定义输入电话号码字段time选择一个时间urlURL 地址的输入域week选择周和年3， 元素规定输入域的选项列表使用 元素的 list 属性与 元素的 id 绑定提供一种验证用户的可靠方法标签规定用于表单的密钥对生成器字段。用于不同类型的输出比如计算或脚本输出**HTML5 新增的表单属性**placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。required 属性，是一个 boolean 属性。要求填写的输入域不能为空pattern 属性，描述了一个正则表达式用于验证 元素的值。min 和 max 属性，设置元素最小值与最大值。step 属性，为输入域规定合法的数字间隔。height 和 width 属性，用于 image 类型的 标签的图像高度和宽度。autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。multiple 属性 ，是一个 boolean 属性。规定 元素中可选择多个值。　4，视频和音频　　 video audio5，canvas 绘图6，地理定位 HTML5 Geolocation(地理定位)7，拖放API dragstart：拖动开始drag：拖动中 dragend：拖动结束8，Web Worker9，Web Storage10，WebSocket(双工通讯的协议)3.JavaScriptDOM+BOM+ECS5/6**dom**DOM(Document Object Model),文档对象模型。简单的说就是一套操作文档内容的方法。DOM操作的四种基本方法：getElementById(), getElementsByTagname(), getAttribute(), setAttribute()**bom:**BOM简单的说就是浏览器对象模型，对BOM的操作就是对浏览器的功能和属性的操作；BOM的核心是window,它是一个浏览器的功能实例，浏览器会为HTML文档创建一个专属的window对象，并为每一个框架创建额外的window对象。window对象是BOM的顶层，所有其他对象都是通过window对象衍生的；但是在调用子对象的时候并不强制要求声明DOM的document也是window的子对象之一；以下两种写法是相同的:window.document.getElementById("herd")document.getElementById("herd")4.vue+react+angular①.vue号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码码的飞快，项目也能快速上线。同时他也是双向数据流。有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系。②.React这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但是很多人反映上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多。③.angular大家眼里比较“叼”的框架，甚至有人说三大框架中只有她能称的上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们，可以推荐这个框架，学会之后简直能颠覆之前你对前端开发的认知。使用 TypeScript能够提高代码可维护性，有利于后期重构。双向数据流很方便，但是等业务复杂之后，你可能就搞不清楚数据流了。还有令人不开心的脏值检查，以及directive的封装并没有解决视图与数据关系完全分离，有时候还要用$digist强制触发检测。5.bootstrap+layUIBootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年秋，它区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是为服务端程序员量身定做，开发者无需涉足各种前端工具的复杂配置，只需面对浏览器本身，使得开发十分便捷。6.前端开发者常用的工具vscode+svn/git+ps+吸色器

总结

以上是生活随笔为你收集整理的web前端学习文档 电子版_web前端工程师要学习那些内容的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。