1+X WEB前端开发高级教案.pdf-资料库

Ｗeb 前端开发职业技能标准串讲教案（高级）工业和信息化部教育与考试中心二Ｏ一九年制

第一篇性能优化与自动化技术第一章 HTML 与 CSS 代码优化 ..................................................................................... 1 第一节前端命名规范................................................................................................ 1 第二节 HTML 代码优化 ........................................................................................... 2 第三节 CSS 代码优化 ................................................................................................ 3 第二章前端资源优化 ....................................................................................................... 5 第一节 Sprite 拼合图 ................................................................................................. 5 第二节代码压缩打包工具....................................................................................... 7 第三节预加载............................................................................................................ 7 第四节懒加载............................................................................................................ 8 第三章 JavaScript 代码优化 ............................................................................................ 9 第一节 JavaScript 代码可维护性 .............................................................................. 9 第二节 JavaScript 代码可扩展性 .............................................................................. 9 第三节 JavaScript 代码可调试性 .............................................................................. 9 第四节 JavaScript DOM 优化 .................................................................................. 10 第四章 webpack 入门 ..................................................................................................... 12 第一节简介.............................................................................................................. 12 第二节安装.............................................................................................................. 13 第三节基本应用...................................................................................................... 13 第五章配置文件入门 ..................................................................................................... 16 第一节核心概念...................................................................................................... 16 第二节简单的配置文件.......................................................................................... 17 第六章配置详解 ............................................................................................................. 18 第一节 entry 和 output ............................................................................................. 18

第二节 module.......................................................................................................... 18 第三节 plugins .......................................................................................................... 20 第四节 resolve .......................................................................................................... 21 第五节其他配置项.................................................................................................. 21 第七章 webpack-dev-server ........................................................................................... 22 第一节安装.............................................................................................................. 22 第二节安装配置...................................................................................................... 22 第三节完整案例...................................................................................................... 23 第四节运行.............................................................................................................. 24 第八章 ES6 基础 .............................................................................................................. 25 第一节概述.............................................................................................................. 25 第二节 symbol 数据类型 ......................................................................................... 25 第三节 let 与 const ................................................................................................... 27 第四节变量的解构赋值.......................................................................................... 27 第五节 Set 与 Map ................................................................................................... 28 第六节箭头函数...................................................................................................... 30 第七节 ES6 相对于 ES5 扩展 .................................................................................. 31 第八节 ES6 高级操作 .............................................................................................. 33 第二篇前端高效开发框架技术与应用第一章 vue 基础............................................................................................................... 40 第一节框架简介...................................................................................................... 40 第二节基础语法...................................................................................................... 43 第三节渲染.............................................................................................................. 51 第二章 Vue 组件 .............................................................................................................. 58 第一节组件概述...................................................................................................... 58

第二节事件通信...................................................................................................... 60 第三节组件类型...................................................................................................... 64 第三章 Vue 工程化工具 .................................................................................................. 68 第一节搭建 Node.js 环境 ....................................................................................... 68 第二节使用 Vue CLI .............................................................................................. 74 第三节 Vue 项目配置 .............................................................................................. 76 第四节 js 模块 .......................................................................................................... 78 第五节 vue-devtools 工作 ........................................................................................ 80 第四章 Express 服务器开发 ........................................................................................... 81 第一节概述.............................................................................................................. 81 第二节 Express ......................................................................................................... 82 第三节请求响应对象.............................................................................................. 90 第四节 Session 使用 ................................................................................................ 94 第五节 Express 中使用 RESTful API ..................................................................... 95 第六节规划目录结构.............................................................................................. 98 第七节 Nodemon 热刷新 ......................................................................................... 98 第五章 axios 网络交互 .................................................................................................. 100 第一节 axios 库的概述 .......................................................................................... 100 第二节 axios 库的使用 .......................................................................................... 100 第三节发送 get 请求 ............................................................................................. 103 第四节发送 post 请求 ........................................................................................... 104 第五节 Vue 中使用 axios ....................................................................................... 104 第六节 axios 跨域问题 .......................................................................................... 104 第六章 Vue-router ........................................................................................................ 106 第一节 SPA 和 Vue 路由 ....................................................................................... 106

第二节路由使用.................................................................................................... 106 第三节路由导航.................................................................................................... 108 第四节嵌套路由和命名路由视图........................................................................ 110 第七章 Vuex 状态管理 ................................................................................................. 112 第一节状态管理.................................................................................................... 112 第二节 Vuex Store 对象 ......................................................................................... 113 第三节 Vuex 多模块 .............................................................................................. 116 第四节 Vuex 插件使用 .......................................................................................... 117 第八章 Vue ui ................................................................................................................ 118 第一节 Vue ui 库 .................................................................................................... 118 第二节 Element 组件 ............................................................................................. 119 第三节第三方扩展库 Express .............................................................................. 119 第三篇移动 web 设计与开发第一章多媒体与绘图 ................................................................................................... 121 第一节 HTML5 多媒体支持 ................................................................................. 121 第二节 HTMLAudioElement 和 HTMLVideoElement ......................................... 122 第三节

第一节 jQuery Mobile 的安装 ............................................................................... 138 第二节 jQuery Mobile 的使用 ............................................................................... 138 第三节 jQuery Mobile 主题 ................................................................................... 147 第四节 jQuery Mobile 事件 ................................................................................... 150

工信教育 Web 前端开发职业技能等级证书教师培训讲义第一篇性能优化与自动化技术第一章 HTML 与 CSS 代码优化第一节前端命名规范前端结构组织与文件命名规范前端结构组织具有如下原则： • 同一项目中代码的组织结构要清晰 • 同类型文件归类到相同的文件夹中 • 文件命名规则须统一并且命名要有意义 HTML 命名规范 • HTML 代码所有的标签名和属性应该都为小写 • 属性值应该用引号括起来 • 元素的 id 与 class 按照特定规范命名 • 代码缩进 4 个空格 • 给 HTML 代码块添加必要注释 CSS 命名规范 • 尽量使用 class 选择器进行样式设定 • 类命名时取父元素的 class 名作为前缀，使用-连接 • 类名与样式之间以空格进行分割 • 添加 CSS 代码注释工业和信息化部教育与考试中心 1 / 158 北京新奥时代科技有限责任公司

资料库

1+X WEB前端开发高级教案.pdf

相关推荐

课程资源

热门标签

最新资料