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进行状态管理