logo
分类于: 编程语言 计算机基础 人工智能 职场办公

简介

HTML5+CSS3+JavaScript前端开发基础

HTML5+CSS3+JavaScript前端开发基础 0.0分

资源最后更新于 2020-03-29 04:39:27

作者:王刚

出版社:出版社清华大学出版社

出版日期:2019-04

ISBN:9787302522829

文件格式: pdf

标签: 技术 计算机 编程 工具书 Java

简介· · · · · ·

本书面向Web前端开发初学者,全面系统地讲解了HTML5、CSS3、JavaScript基础知识和编程技巧,为使用各种流行的前端框架打下牢固的基础。本书分为25章,脚本内容包括JavaScript与ECMAScript基础;HTML5内容包括HTML基础、视频与音频、canvas、SVG、From、File、拖放与桌面通知、本地存储、Communication、Web Workers与Web SQL、WebSocket、地理位置、History等;CSS3内容包括CSS基础、选择器、插入内容、设置文本、设置图片与背景、设置表格与表单、超链接与鼠标样式、滤镜;*后一章为读者提供了两个实战案例。本书适合Web前端开发初学者及HTML5、CSS3、JavaScript初学者,也适合高等院校和培训学校相关专业的师生参考使用。王刚,毕业于西安理工大学,精通Web前端开发和服务器脚本语言技术,善于研究新技术,并在实际工作中灵活应用。熟悉各种设计模式和开发框架,具有计算机工程师职称,具有高级物流师、APTCH软件工程师、网络安全工程师等职业资格认证,撰写此书,希望对初学者有所帮助。

想要: 点击会收藏到你的 我的收藏,可以在这里查看

已收: 表示已经收藏

Tips: 注册一个用户 可以通过用户中心得到电子书更新的通知哦

目录

  1. 内容简介
  2. 前言
  3. 本书示例下载
  4. 本书读者对象
  5. 第1章 HTML5 + CSS3学习准备
  6. 1.1 学习准备
  7. 1.1.1 选择合适的浏览器
  8. 1.1.2 选择合适的开发工具
  9. 1.2 认识HTML5
  10. 1.2.1 HTML5语法
  11. 1.2.2 新增与废除的元素和属性
  12. 1.2.3 全局属性
  13. 1.2.4 HTML5中新增的API
  14. 1.3 本章小结
  15. 第2章 HTML元素、属性与结构
  16. 2.1 HTML元素
  17. 2.1.1 HTML元素概述
  18. 2.1.2 HTML元素的语法
  19. 2.1.3 HTML元素的嵌套
  20. 2.2 HTML5属性
  21. 2.2.1 属性的基本使用方法
  22. 2.2.2 HTML5全局属性
  23. 2.3 新增的主体结构元素
  24. 2.3.1 article元素
  25. 2.3.2 section元素
  26. 2.3.3 nav元素
  27. 2.3.4 aside元素
  28. 2.3.5 time元素
  29. 2.4 新增的非主体结构元素
  30. 2.4.1 header元素
  31. 2.4.2 hgroup元素
  32. 2.4.3 footer元素
  33. 2.4.4 address元素
  34. 2.5 HTML5结构
  35. 2.5.1 文档结构大纲
  36. 2.5.2 内容区块的编排方式
  37. 2.5.3 标题分级
  38. 2.6 本章小结
  39. 第3章 JavaScript基础知识
  40. 3.1 JavaScript简介
  41. 3.1.1 什么是JavaScript
  42. 3.1.2 JavaScript的特点
  43. 3.1.3 JavaScript的组成
  44. 3.1.4 JavaScript基本结构
  45. 3.1.5 JavaScript执行原理
  46. 3.2 在网页中引入JavaScript的方式
  47. 3.2.1 使用
  48. 3.2.2 使用外部JavaScript文件
  49. 3.2.3 直接在HTML标签中使用
  50. 3.3 数据类型和变量
  51. 3.3.1 变量
  52. 3.3.2 Number
  53. 3.3.3 字符串
  54. 3.3.4 布尔值
  55. 3.3.5 比较运算符
  56. 3.3.6 数组
  57. 3.3.7 对象
  58. 3.4 条件判断
  59. 3.4.1 if语句
  60. 3.4.2 if...else语句
  61. 3.4.3 if...else if....else语句
  62. 3.4.4 switch语句
  63. 3.5 循环语句
  64. 3.5.1 for循环
  65. 3.5.2 for...in循环
  66. 3.5.3 while循环
  67. 3.5.4 do...while循环
  68. 3.6 函数定义和调用
  69. 3.6.1 定义函数
  70. 3.6.2 调用函数
  71. 3.7 本章小结
  72. 第4章 ES6基础知识
  73. 4.1 准备测试环境
  74. 4.2 声明变量let和const
  75. 4.2.1 let命令
  76. 4.2.2 块级作用域
  77. 4.2.3 先声明后使用
  78. 4.2.4 重复变量名
  79. 4.2.5 实例:面试题
  80. 4.3 模板字符串
  81. 4.3.1 字符串格式化
  82. 4.3.2 多行字符串
  83. 4.3.3 运算与函数调用
  84. 4.3.4 includes()、startsWith()和endsWith()
  85. 4.3.5 repeat()
  86. 4.4 箭头函数
  87. 4.5 解构赋值
  88. 4.5.1 对象解构赋值
  89. 4.5.2 数组解构赋值
  90. 4.5.3 字符串解构赋值
  91. 4.6 Set和Map数据结构
  92. 4.6.1 Set数据结构
  93. 4.6.2 Set的基本操作
  94. 4.6.3 扩展运算符
  95. 4.6.4 Map数据结构
  96. 4.6.5 Map遍历方法
  97. 4.7 Promise对象
  98. 4.7.1 Promise简介
  99. 4.7.2 创建Promise对象
  100. 4.7.3 then()
  101. 4.7.4 catch()
  102. 4.7.5 Promise.all()
  103. 4.7.6 Promise.race()
  104. 4.7.7 Promise.resolve()
  105. 4.7.8 Promise.reject()
  106. 4.8 for...of循环
  107. 4.9 Generator函数
  108. 4.10 async函数
  109. 4.11 class
  110. 4.12 实例:下馆子吃饭
  111. 4.13 本章小结
  112. 第5章 HTML5音频和视频
  113. 5.1 Web视频的标准与格式
  114. 5.2 video/audio元素概述
  115. 5.3 检测浏览器是否支持HTML5视频
  116. 5.4 实例:在HTML5中显示视频/音频
  117. 5.5 video元素与audio元素详解
  118. 5.5.1 video/audio属性
  119. 5.5.2 video/audio方法
  120. 5.5.3 video/audio事件
  121. 5.6 本章小结
  122. 第6章 HTML5 canvas
  123. 6.1 canvas基础入门
  124. 6.1.1 什么是canvas
  125. 6.1.2 实例:在HTML5页面中添加canvas元素
  126. 6.1.3 实例:绘制一个蓝色矩形
  127. 6.2 绘制基本线条
  128. 6.2.1 实例:绘制直线
  129. 6.2.2 实例:绘制二次曲线
  130. 6.2.3 实例:绘制贝塞尔曲线
  131. 6.2.4 实例:绘制圆弧
  132. 6.3 绘制简单形状
  133. 6.3.1 实例:绘制圆形
  134. 6.3.2 实例:绘制三角形
  135. 6.3.3 实例:绘制圆角矩形
  136. 6.3.4 实例:绘制自定义图形
  137. 6.4 绘制渐变
  138. 6.4.1 实例:绘制线性渐变
  139. 6.4.2 实例:绘制径向渐变
  140. 6.5 图形组合
  141. 6.5.1 实例:绘制阴影
  142. 6.5.2 实例:透明效果
  143. 6.6 使用图像
  144. 6.6.1 实例:插入图像
  145. 6.6.2 实例:平铺图像
  146. 6.6.3 实例:裁剪图像
  147. 6.6.4 实例:像素级操作
  148. 6.7 绘制文字
  149. 6.7.1 实例:控制文本的字体、大小和样式
  150. 6.7.2 实例:控制文本的颜色
  151. 6.7.3 实例:描绘文本的边缘
  152. 6.7.4 实例:设置文本对齐方式
  153. 6.8 图像数据与URL
  154. 6.8.1 存储图像数据
  155. 6.8.2 将彩色转为灰度
  156. 6.8.3 图像数据URL
  157. 6.8.4 将绘制的图形保存为图像文件
  158. 6.9 用canvas实现动画效果
  159. 6.9.1 实例:清除canvas的内容
  160. 6.9.2 实例:创建动画
  161. 6.9.3 动画的开始与停止
  162. 6.10 实战演练
  163. 6.11 本章小结
  164. 第7章 HTML5 SVG
  165. 7.1 SVG简介
  166. 7.1.1 什么是SVG
  167. 7.1.2 SVG有哪些优势
  168. 7.2 HTML5中的SVG
  169. 7.2.1 实例:将SVG直接嵌入HTML5页面
  170. 7.2.2 实例:绘制简单的形状
  171. 7.2.3 实例:复用内容
  172. 7.2.4 实例:图形阴影
  173. 7.2.5 实例:图形渐变
  174. 7.2.6 实例:绘制自由路径
  175. 7.3 画布与SVG的比较
  176. 7.4 本章小结
  177. 第8章 Forms API
  178. 8.1 新增的Input输入类型
  179. 8.1.1 email类型
  180. 8.1.2 url类型
  181. 8.1.3 number类型
  182. 8.1.4 range类型
  183. 8.1.5 date pickers类型
  184. 8.1.6 search类型
  185. 8.1.7 color类型
  186. 8.2 新增的表单元素
  187. 8.2.1 datalist元素
  188. 8.2.2 keygen元素
  189. 8.2.3 output元素
  190. 8.3 新增的form属性
  191. 8.3.1 autocomplete属性
  192. 8.3.2 novalidate属性
  193. 8.4 新增的input属性
  194. 8.4.1 autocomplete属性
  195. 8.4.2 autofocus属性
  196. 8.4.3 form属性
  197. 8.4.4 form overrides属性
  198. 8.4.5 height和width属性
  199. 8.4.6 list属性
  200. 8.4.7 min、max和step属性
  201. 8.4.8 multiple属性
  202. 8.4.9 pattern属性
  203. 8.4.10 placeholder属性
  204. 8.4.11 required属性
  205. 8.5 本章小结
  206. 第9章 File API
  207. 9.1 Blob对象
  208. 9.2 File对象与Filelist对象
  209. 9.3 FileReader对象
  210. 9.3.1 FileReader对象的方法
  211. 9.3.2 FileReader对象的事件
  212. 9.3.3 实例:以二进制方式读取文件
  213. 9.3.4 实例:以文本方式读取文件
  214. 9.3.5 实例:以DataURL方式读取文件
  215. 9.4 FileSystem对象
  216. 9.4.1 FileSystem对象简介
  217. 9.4.2 请求文件系统
  218. 9.4.3 创建文件
  219. 9.4.4 写入文件
  220. 9.4.5 向文件中附加数据
  221. 9.4.6 复制选中的文件
  222. 9.4.7 删除文件
  223. 9.4.8 创建目录
  224. 9.4.9 读取目录内容
  225. 9.4.10 删除目录
  226. 9.4.11 复制文件或目录
  227. 9.4.12 移动文件或目录
  228. 9.4.13 filesystem:网址
  229. 9.5 本章小结
  230. 第10章 拖放API与桌面通知API
  231. 10.1 拖放API(Drag and Drop API)
  232. 10.1.1 实现拖放的步骤
  233. 10.1.2 使用DataTransfer对象
  234. 10.1.3 设置拖放时的视觉效果
  235. 10.1.4 自定义拖放图标
  236. 10.1.5 实例:选择图形
  237. 10.2 桌面通知API(Notification API)
  238. 10.2.1 桌面通知API的必要性
  239. 10.2.2 桌面通知生成流程
  240. 10.2.3 实例:桌面通知的两种实现方法
  241. 10.3 本章小结
  242. 第11章 本地存储与离线应用
  243. 11.1 认识Web Storage
  244. 11.1.1 客户端数据存储的历史与现状
  245. 11.1.2 Web Storage概述
  246. 11.1.3 实例:一个Web Storage的简单应用
  247. 11.2 使用Web Storage
  248. 11.2.1 检测浏览器的支持
  249. 11.2.2 存入与读取数据
  250. 11.2.3 清除数据
  251. 11.2.4 遍历操作
  252. 11.2.5 storage事件
  253. 11.3 离线应用
  254. 11.3.1 离线应用概述
  255. 11.3.2 离线资源缓存
  256. 11.3.3 Cache Mainfest基本用法
  257. 11.3.4 分析Cache Mainfest文件
  258. 11.3.5 在线状态监测
  259. 11.3.6 实例:创建离线应用
  260. 11.4 本章小结
  261. 第12章 Communication API
  262. 12.1 认识Communication API
  263. 12.1.1 Communication API简介
  264. 12.1.2 Communication API运行流程
  265. 12.1.3 Communication API的基本用法
  266. 12.2 跨文档消息通信详解
  267. 12.2.1 源安全简介
  268. 12.2.2 postMessage API基本用法
  269. 12.2.3 实例:使用postMessage API创建应用
  270. 12.3 XMLHttpRequest Level 2
  271. 12.3.1 跨源XMLHttpRequest
  272. 12.3.2 HTTP请求时限
  273. 12.3.3  FormData对象
  274. 12.3.4 上传文件
  275. 12.3.5 接收二进制数据
  276. 12.3.6 进度信息
  277. 12.3.7 实例:创建XMLHttpRequest应用
  278. 12.4 本章小结
  279. 第13章 Web Workers API与Web SQL API
  280. 13.1 Web Workers
  281. 13.1.1 Web Workers简介
  282. 13.1.2 实例:Web Workers简单应用
  283. 13.1.3 Web Workers嵌套
  284. 13.2 Web SQL
  285. 13.2.1 Web SQL基本使用
  286. 13.2.2 数据库的基本应用
  287. 13.2.3 实例:创建数据库并创建数据表
  288. 13.2.4 实例:插入数据与获取数据
  289. 13.3 本章小结
  290. 第14章 WebSocket API
  291. 14.1 WebSocket概述
  292. 14.2 WebSocket服务器
  293. 14.3 使用WebSocket API
  294. 14.3.1 浏览器支持情况检测
  295. 14.3.2 WebSocket API客户端的基本用法
  296. 14.4 实例:创建HTML5 WebSocket应用程序
  297. 14.4.1 编写客户端HTML文件
  298. 14.4.2 添加服务端WebSocket代码
  299. 14.4.3 添加WebSocket客户端代码
  300. 14.4.4 最终效果
  301. 14.5 本章小结
  302. 第15章 地理位置API
  303. 15.1 地理位置的定位原理
  304. 15.1.1 地理位置定位的方式及流程
  305. 15.1.2 HTML5中如何实现地理位置定位
  306. 15.2 Geolocation API
  307. 15.2.1 检测浏览器的支持
  308. 15.2.2 getCurrentPosition()方法
  309. 15.2.3 watchPosition()方法
  310. 15.2.4 clearPosition()方法
  311. 15.3 实例:在地图中显示地理位置
  312. 15.4 本章小结
  313. 第16章 History API
  314. 16.1 History API概述
  315. 16.2 为什么要用History API
  316. 16.3 如何使用History API
  317. 16.4 实例:浏览历史记录
  318. 16.5 实例:添加与修改历史记录
  319. 16.6 本章小结
  320. 第17章 CSS基础知识
  321. 17.1 CSS概述
  322. 17.1.1 CSS简介
  323. 17.1.2 CSS历史
  324. 17.1.3 CSS特点
  325. 17.1.4 CSS与浏览器的关系
  326. 17.1.5 CSS站点欣赏
  327. 17.2 基本CSS选择器
  328. 17.2.1 标记选择器
  329. 17.2.2 类别选择器
  330. 17.2.3 ID选择器
  331. 17.2.4 实例:应用基本选择器
  332. 17.3 复合选择器
  333. 17.3.1 “交集”选择器
  334. 17.3.2 “并集”选择器
  335. 17.3.3 后代选择器
  336. 17.3.4 实例:应用复合选择器
  337. 17.4 CSS继承特性
  338. 17.4.1 什么是继承
  339. 17.4.2 CSS属性继承
  340. 17.4.3 实例:正确使用CSS继承特性
  341. 17.5 CSS的层叠特性
  342. 17.6 CSS样式
  343. 17.6.1 行内样式
  344. 17.6.2 内部样式
  345. 17.6.3 外部样式
  346. 17.6.4 实例:CSS样式的实现方式
  347. 17.7 CSS优先级
  348. 17.7.1 id优先级高于class
  349. 17.7.2 后面的样式覆盖前面的样式
  350. 17.7.3 使用!important
  351. 17.7.4 指定的高于继承
  352. 17.7.5 行内样式高于内部或外部样式
  353. 17.7.6 实例:灵活运用CSS优先级
  354. 17.8 CSS盒子模型
  355. 17.8.1 盒子模型结构
  356. 17.8.2 边框(border)
  357. 17.8.3 内边距(padding)
  358. 17.8.4 外边距(margin)
  359. 17.8.5 盒子的浮动
  360. 17.8.6 盒子的定位
  361. 17.8.7 z-index空间位置
  362. 17.8.8 盒子的display属性
  363. 17.8.9 实例:用盒子模型创建网页布局
  364. 17.9 本章小结
  365. 第18章 CSS3选择器
  366. 18.1 属性选择器
  367. 18.1.1 E[att=“val”]
  368. 18.1.2 E[att^=“val”]
  369. 18.1.3 E[att$=“val”]
  370. 18.1.4 E[att*=“val”]
  371. 18.1.5 实例:文本效果
  372. 18.2 结构性伪类选择器
  373. 18.2.1 伪类选择器
  374. 18.2.2 伪元素选择器
  375. 18.2.3 root选择器
  376. 18.2.4 not选择器
  377. 18.2.5 empty选择器
  378. 18.2.6 target选择器
  379. 18.2.7 first-child选择器和last-child选择器
  380. 18.2.8 first-of-type选择器和last-of-type选择器
  381. 18.2.9 nth-child选择器和nth-last-child选择器
  382. 18.2.10 nth-of-type选择器和nth-last-of-type选择器
  383. 18.2.11 循环使用样式
  384. 18.2.12 only-child选择器和only-of-type选择器
  385. 18.2.13 实例:定位指定元素
  386. 18.3 UI元素状态伪类选择器
  387. 18.3.1 E:hover、E:active和E:focus选择器
  388. 18.3.2 E:enabled和E:disabled伪类选择器
  389. 18.3.3 E:read-only和E:read-write伪类选择器
  390. 18.3.4 E:checked、E:default和E:indeterminate伪类选择器
  391. 18.3.5 E::selection伪类选择器
  392. 18.3.6 实例:用户界面新体验
  393. 18.4 通用兄弟元素选择器E ~ F
  394. 18.5 本章小结
  395. 第19章 使用CSS选择器插入内容
  396. 19.1 插入文字
  397. 19.1.1 使用选择器插入文本
  398. 19.1.2 插入筛选内容
  399. 19.1.3 实例:CSS制作目录
  400. 19.2 插入图像
  401. 19.2.1 插入图像文件的方法
  402. 19.2.2 插入图像文件的好处
  403. 19.2.3 实例:列表图标与推荐标题
  404. 19.3 插入项目编号
  405. 19.3.1 插入连续项目编号
  406. 19.3.2 在项目编号中追加文字
  407. 19.3.3 设置编号种类
  408. 19.3.4 插入嵌套编号
  409. 19.3.5 在字符串两边添加嵌套文字编号
  410. 19.3.6 实例:导航菜单
  411. 19.4 本章小结
  412. 第20章 使用CSS设置文本样式
  413. 20.1 控制文本样式
  414. 20.1.1 文本字体和大小
  415. 20.1.2 文本颜色和粗细
  416. 20.1.3 斜体文本
  417. 20.1.4 文本装饰
  418. 20.1.5 英文字母大小写转换
  419. 20.1.6 实例:综合应用文本样式
  420. 20.2 控制段落样式
  421. 20.2.1 段落水平对齐
  422. 20.2.2 段落垂直对齐
  423. 20.2.3 行间距和字间距
  424. 20.2.4 段落首字下沉
  425. 20.2.5 实例:段落排版
  426. 20.3 CSS3中为文本添加阴影——text-shadow属性
  427. 20.3.1 text-shadow属性的使用方法
  428. 20.3.2 位移距离
  429. 20.3.3 阴影的模糊半径
  430. 20.3.4 阴影的颜色
  431. 20.3.5 指定多个阴影
  432. 20.4 CSS3中让文本自动换行——text-break属性
  433. 20.4.1 依靠浏览器让文本自动换行
  434. 20.4.2 指定自动换行的处理方法
  435. 20.5 本章小结
  436. 第21章 使用CSS设置图片与背景样式
  437. 21.1 图片样式
  438. 21.1.1 图片边框设置
  439. 21.1.2 设置图片位置
  440. 21.1.3 设置图片缩放
  441. 21.1.4 实例:图片边框按钮
  442. 21.2 图片对齐
  443. 21.2.1 水平对齐设置
  444. 21.2.2 垂直对齐设置
  445. 21.2.3 实例:排列的相册
  446. 21.3 图文混排
  447. 21.3.1 设置图文混排
  448. 21.3.2 设置混排间距
  449. 21.3.3 实例:看图说话
  450. 21.4 背景颜色
  451. 21.4.1 设置页面背景颜色
  452. 21.4.2 设置块背景颜色
  453. 21.5 背景图片
  454. 21.5.1 设置页面背景图片
  455. 21.5.2 重复的背景图片
  456. 21.5.3 设置背景图片的位置
  457. 21.5.4 设置背景滚动
  458. 21.5.5 背景样式的缩写方式
  459. 21.5.6 实例:创建背景皮肤
  460. 21.6 本章小结
  461. 第22章 使用CSS设置列表与表单样式
  462. 22.1 列表控制
  463. 22.1.1 列表的类型及使用
  464. 22.1.2 创建垂直导航条
  465. 22.1.3 创建水平导航条
  466. 22.2 使用列表制作实用菜单
  467. 22.2.1 实例:多级列表菜单
  468. 22.2.2 实例:会伸缩的列表菜单
  469. 22.3 表单设计概述
  470. 22.3.1 表单的设计原则
  471. 22.3.2 表单应用分类
  472. 22.3.3 实例:经典表单效果
  473. 22.4 表单的设计
  474. 22.4.1 form标签
  475. 22.4.2 表单元素
  476. 22.4.3 对表单文本应用样式
  477. 22.4.4 实例:滑块复选框
  478. 22.4.5 实例:会员注册页面
  479. 22.5 本章小结
  480. 第23章 对超链接和鼠标应用样式
  481. 23.1 使用CSS设置超链接
  482. 23.1.1 什么是超链接
  483. 23.1.2 关于超链接路径
  484. 23.1.3 超链接属性控制
  485. 23.1.4 图像映射
  486. 23.1.5 实例:实现多页面跳转
  487. 23.2 超链接特效
  488. 23.2.1 实例:按钮式超链接
  489. 23.2.2 实例:浮雕式超链接
  490. 23.3 鼠标特效
  491. 23.3.1 CSS控制鼠标箭头
  492. 23.3.2 实例:鼠标变化的超链接
  493. 23.4 本章小结
  494. 第24章 CSS中的滤镜
  495. 24.1 了解CSS滤镜
  496. 24.1.1 Alpha滤镜
  497. 24.1.2 Blur滤镜
  498. 24.1.3 Grayscale滤镜
  499. 24.1.4 Sepia滤镜
  500. 24.1.5 Brightness滤镜
  501. 24.1.6 Hue-rotate滤镜
  502. 24.1.7 Invert滤镜
  503. 24.1.8 Saturate滤镜
  504. 24.1.9 Contrast滤镜
  505. 24.1.10 Drop-shadow滤镜
  506. 24.2 本章小结
  507. 第25章 项目实战案例
  508. 25.1 项目实战案例一:企业门户网站
  509. 25.1.1 header元素中的内容
  510. 25.1.2 aside元素中的内容
  511. 25.1.3 section元素中的内容
  512. 25.1.4 footer元素中的内容
  513. 25.2 项目实战案例二:用户管理