1+X Web前端开发职业技能标准（高级）考试内容

Web前端开发职业技能标准串讲高级

1 性能优化与自动化技术

（1）前端命名规范（掌握、应用）

HTML命名规范、CSS命名规范及JAVASCRIPT命名规范

（2）HTML优化（掌握）

网页文档结构规范、HTML代码优化及写法注意、HTML5新特性

（3）CSS优化（掌握）

CSS样式选择器及优先级、CSS多余样式去除及结构优化、CSS浏览器兼容性、浏览器样式重置、CSS3新特性

（4）前端资源优化（掌握）

图片（Sprite拼合图）、代码压缩（CSS压缩和JAVASCRIPT压缩）、预加载和懒加载

（5）JavaScript优化（掌握、应用）

可维护性、可扩展性、可调试性、DOM优化

（6）Webpack打包工具（掌握）

WEB前端安全性、NPM及模块化、Webpack简述、Webpack安装与配置、Webpack常用loader、Webpack常用plugin

（7）ES6（掌握、应用）

概述、新数据类型Symbol、Set和Map、let和const、解构赋值、箭头函数、相对于ES5的扩展、高级操作

2 前端高效开发框架技术与应用

（1）WEB前端框架简介及VUE简介（了解）

（2）VUE基础知识（掌握、应用）

常用指令、生命周期、模板语法、事件绑定、列表渲染和条件渲染、数组更新检测、事件对象、双向数据绑定

（3）VUE组件（掌握、应用）

组件概述、组件对象剖析、组件嵌套、组件间通信、组件插槽

（4）VUE工程化工具（掌握、应用）

nodejs搭建环境 、webpack、vue-cli、vue-devtools工具

（5）Express 服务器开发（掌握概念）

（6）axios（掌握、应用）

（7）VUE路由（掌握、应用）

单页面应用（SPA）、定义路由、静态路由和动态路由、路由参数传递、路由组件中使用ajax、路由导航

（8）VUE状态管理（掌握、应用）

vuex状态管理、vuex store对象、vuex与localstorage对象

（9）UI库（掌握、应用）

VUE框架UI库、ElementUI基本使用、第三方扩展库的使用

2.1 移动Web设计与开发

3 移动WEB设计与开发

（1）Px、em、rem、vh、vw、百分号

（2）H5多媒体与绘画（了解）

网页多媒体发展历史、音频格式、视频格式、 h5多媒体支持、 canvas、svg

（3）客户端存储数据（掌握、应用）

web storage与浏览器支持、web storage的使用

（4）less（掌握、应用）

less基本语法、less的使用

（5）jQuery Mobile（掌握、应用）

安装、使用、表单、事件

Web前端开发职业技能高级—综合案例

案例名称：点餐系统

案例实现：

根据案例说明，使用vue框架实现完整功能，包括：

点餐功能

显示详情页

模糊搜索功能

交互部分包括：

滚动页面，左侧对应菜单被高亮

点击左侧菜单，显示对应菜品

点击购物车图标，弹出购物车列表

点击菜品图片，显示详情页

详情页轮播图

案例重点：

使用vue搭建静态页面，100%实现UI效果图。

vue框架的基本应用，

数据接口设计

交互效果的实现

使用vuex进行状态管理