Web前端開(kāi)發(fā) 職業(yè)技能等級(jí)標(biāo)準(zhǔn)解讀

Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)解讀(2021年2.0版)標(biāo)準(zhǔn)設(shè)計(jì)思路標(biāo)準(zhǔn)解析書(shū)證融通標(biāo)準(zhǔn)修訂說(shuō)明01前端發(fā)展趨勢(shì)互聯(lián)網(wǎng)+

多屏融合移動(dòng)互聯(lián)網(wǎng)

自適應(yīng) 大前端響應(yīng)式全棧開(kāi)發(fā)

前后端分離(RESTful

API)

前端工程化互聯(lián)網(wǎng)+移動(dòng)互聯(lián)網(wǎng)多屏融合自適應(yīng)響應(yīng)式大前端全棧開(kāi)發(fā)前后端分離(RESTful

API)前端工程化Web崗位招聘要求1

、學(xué)歷要求?？?、本科2

、崗位要求精通HTML

5

、CSS3

、ECMA2015

標(biāo)準(zhǔn)，熟悉Less、Sass。精通HTML、CSS、Java

Script、Ajax等開(kāi)發(fā)技術(shù)，能夠精準(zhǔn)還原視覺(jué)設(shè)計(jì)稿以及交互動(dòng)效，熟悉Java、PHP等服務(wù)器端語(yǔ)言。熟練使用j

Query、Bootstrap等應(yīng)用框架。熟悉SVG、Canvas、Three.js、Web

GL等相關(guān)技術(shù)。了解一種流行前端框架，如VUE、React、Angular等。掌握一種前端工程化構(gòu)建工具：Webpack

或Gulp。熟悉一種包管理器：Npm

或Bower。熟悉Node.js，能利用Node.js開(kāi)發(fā)。熟練PHP及各主流框架(如：Laravel,Think

PHP,Yii等)。具有扎實(shí)的Java基礎(chǔ)，精通Java

EE、Web

Service、XML、SSM框架等編程技術(shù)。熟悉一種以上的WebLogic/Web

Sphere/Tomcat/JBoss/Nginx/XAMPP等主流服務(wù)器。熟悉My

SQL、SQL

Server、Oracle、DM

8

等數(shù)據(jù)庫(kù)操作和編程。Web崗位招聘要求3

、設(shè)計(jì)要求掌握面向?qū)ο缶幊趟枷?，?duì)表現(xiàn)與數(shù)據(jù)分離有深刻理解，會(huì)使用React/Angular/Vue等主流前端MVVM框架進(jìn)行開(kāi)發(fā)。熟悉MVC開(kāi)發(fā)框架，能夠選擇前端框架。能熟悉RESTful

API，并進(jìn)行API設(shè)計(jì)。理解Web標(biāo)準(zhǔn)，對(duì)前端工程化、模塊化、可維護(hù)性、高性能等有一定的理解和實(shí)踐。能根據(jù)項(xiàng)目需求，進(jìn)行網(wǎng)站架構(gòu)設(shè)計(jì)，兼顧網(wǎng)站性能優(yōu)化。4

、測(cè)試要求熟悉各種瀏覽器的兼容性調(diào)試，能使用瀏覽器控制臺(tái)調(diào)試程序。熟悉常用測(cè)試工具的使用，能協(xié)助進(jìn)行產(chǎn)品功能和接口測(cè)試。熟悉軟件測(cè)試?yán)碚摚炀氄莆認(rèn)Unit單元測(cè)試、mock測(cè)試等。Web主流技術(shù)棧AngularJSPHPJava.NETPythonReact.jsMySQLSQL

ServerOracle

DM8NoSQLNode.jsExpressnpmXAMPPWAMPServerApacheHBuilderSublime

TextWebStormEclipse-jeeVue.jsHTMLHTML5JavaScriptjQueryCSSCSS3Bootstrap標(biāo)準(zhǔn)總體設(shè)計(jì)圖形繪制靜態(tài)網(wǎng)站制作CSS預(yù)處理

ES9Vue.js靜態(tài)網(wǎng)站制作Bootstrap響應(yīng)式開(kāi)發(fā)Ajax/JSON靜態(tài)網(wǎng)站制作HTMLHTML5CSSCSS3網(wǎng)站架構(gòu)設(shè)計(jì)RESTful

API

接口開(kāi)發(fā)Node.js應(yīng)用網(wǎng)站性能優(yōu)化ExpressNPM代碼 資源WebpackJavaScript網(wǎng)頁(yè)編程jQuery應(yīng)用MySQL操作動(dòng)態(tài)網(wǎng)站制作PHP+框架

(Laravel/ThinkPHP)Java+框架

(SSM)02職業(yè)技能等級(jí)劃分Web前端開(kāi)發(fā)職業(yè)技能等級(jí)分為三個(gè)等級(jí)：初級(jí)、中級(jí)、高級(jí)，三個(gè)級(jí)別依次遞進(jìn)，高級(jí)別涵蓋低級(jí)別職業(yè)技能要求。網(wǎng)站架構(gòu)設(shè)計(jì)，接口開(kāi)發(fā)，性能優(yōu)化高級(jí)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站中級(jí)開(kāi)發(fā)靜態(tài)網(wǎng)站初級(jí)職業(yè)技能等級(jí)要求描述標(biāo)準(zhǔn)工作領(lǐng)域工作任務(wù)職業(yè)技能要求初級(jí)1.靜態(tài)網(wǎng)站制作4項(xiàng)16條2.JavaScript網(wǎng)頁(yè)編程3項(xiàng)13條3.輕量級(jí)前端框架應(yīng)用3項(xiàng)10條中級(jí)1.靜態(tài)網(wǎng)站制作3項(xiàng)11條2.MySQL數(shù)據(jù)庫(kù)操作3項(xiàng)12條3.PHP動(dòng)態(tài)網(wǎng)站制作4項(xiàng)15條4.Java動(dòng)態(tài)網(wǎng)站制作PHP與Java二選一4項(xiàng)15條高級(jí)1.靜態(tài)網(wǎng)站制作4項(xiàng)18條2.Node.js高性能服務(wù)器應(yīng)用4項(xiàng)14條3.網(wǎng)站架構(gòu)設(shè)計(jì)3項(xiàng)10條4.網(wǎng)站性能優(yōu)化3項(xiàng)12條靜態(tài)網(wǎng)站制作HTML、HTML5、CSS、CSS3JavaScript網(wǎng)頁(yè)編程JavaScript基礎(chǔ)編程、面向?qū)ο缶幊?、DOM操作、事件輕量級(jí)前端框架應(yīng)用jQuery基礎(chǔ)編程、動(dòng)畫(huà)、jQuery插件初級(jí)主要面向IT互聯(lián)網(wǎng)企業(yè)、互聯(lián)網(wǎng)轉(zhuǎn)型

的傳統(tǒng)型企事業(yè)單位、政府部門等信

息化數(shù)字化部門，從事靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)、網(wǎng)頁(yè)編程、靜態(tài)網(wǎng)站制作等工作，能

根據(jù)視覺(jué)和交互原型要求開(kāi)發(fā)靜態(tài)網(wǎng)

站。初級(jí)

–

靜態(tài)網(wǎng)站制作工作領(lǐng)域工作任務(wù)職業(yè)技能要求1.靜態(tài)網(wǎng)站制作HTML靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)能使用HTML文檔聲明標(biāo)簽、頭部標(biāo)簽、主體標(biāo)簽等構(gòu)建網(wǎng)頁(yè)基本結(jié)構(gòu)。能使用文本標(biāo)簽、圖像、列表、表格、表單等搭建靜態(tài)網(wǎng)頁(yè)。能使用超鏈接完成頁(yè)面跳轉(zhuǎn)。能使用iframe標(biāo)簽嵌入子窗口頁(yè)面。1.2

HTML5靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)能使用HTML5語(yǔ)義化元素搭建頁(yè)面主體結(jié)構(gòu)。能使用HTML5新增全局屬性、頁(yè)面增強(qiáng)元素、表單等制作靜態(tài)網(wǎng)頁(yè)。能使用HTML5多媒體元素在網(wǎng)頁(yè)中播放音頻和視頻。能使用HTML5新特性制作移動(dòng)端靜態(tài)網(wǎng)頁(yè)。1.3

CSS網(wǎng)頁(yè)設(shè)計(jì)能使用CSS選擇器獲取網(wǎng)頁(yè)元素。能使用CSS單位、字體樣式、文本樣式、顏色、背景等美化頁(yè)面樣式。能使用CSS盒模型、區(qū)塊、浮動(dòng)、定位等設(shè)計(jì)網(wǎng)頁(yè)布局。1.4

CSS

3網(wǎng)頁(yè)設(shè)計(jì)能使用CSS3新增選擇器獲取網(wǎng)頁(yè)元素。能使用CSS3邊框、顏色、字體、盒陰影、背景、漸變等新特性美化頁(yè)面樣式。能使用CSS3動(dòng)畫(huà)、過(guò)渡等完成網(wǎng)頁(yè)動(dòng)態(tài)效果。能使用CSS3多列布局、彈性布局等設(shè)計(jì)網(wǎng)頁(yè)布局。能使用2D、3D轉(zhuǎn)換完成網(wǎng)頁(yè)元素的旋轉(zhuǎn)、平移、縮放和傾斜效果。初級(jí)

–

JavaScript網(wǎng)頁(yè)編程工作領(lǐng)域工作任務(wù)職業(yè)技能要求2.JavaScript網(wǎng)頁(yè)編程JavaScript基礎(chǔ)編程能在網(wǎng)頁(yè)中正確引入JavaScript腳本。能使用JavaScript基本語(yǔ)法、編碼規(guī)范、數(shù)據(jù)類型、變量、運(yùn)算符、流程控制語(yǔ)句等編寫JavaScript程序。能使用JavaScript中的函數(shù)完成代碼的封裝和復(fù)用。能使用JavaScript中的數(shù)組進(jìn)行數(shù)據(jù)的存取操作。能使用瀏覽器控制臺(tái)調(diào)試JavaScript程序。2.2

JavaScript面向?qū)ο缶幊棠苷莆彰嫦驅(qū)ο蟪绦蛟O(shè)計(jì)的方法。能使用字面量方式創(chuàng)建JavaScript對(duì)象。能使用構(gòu)造函數(shù)方式創(chuàng)建JavaScript對(duì)象。能使用原型鏈等原生方式開(kāi)發(fā)網(wǎng)頁(yè)。2.3

JavaScript交互效果開(kāi)發(fā)能使用Window對(duì)象操作瀏覽器。能使用DOM對(duì)象操作網(wǎng)頁(yè)元素。能使用JavaScript修改網(wǎng)頁(yè)元素樣式。能使用JavaScript事件響應(yīng)用戶的交互操作。初級(jí)

–

輕量級(jí)前端框架應(yīng)用工作領(lǐng)域工作任務(wù)職業(yè)技能要求3.輕量級(jí)前端框架應(yīng)用jQuery基礎(chǔ)編程能在網(wǎng)頁(yè)中引入jQuery。能使用jQuery操作網(wǎng)頁(yè)元素。能使用jQuery修改網(wǎng)頁(yè)元素樣式。能使用jQuery事件響應(yīng)用戶的交互操作。3.2

jQuery動(dòng)態(tài)效果開(kāi)發(fā)能使用jQuery基本動(dòng)畫(huà)為頁(yè)面添加動(dòng)態(tài)效果。能使用jQuery自定義動(dòng)畫(huà)為頁(yè)面添加動(dòng)態(tài)效果。能使用jQuery動(dòng)畫(huà)的取消、延遲等控制網(wǎng)頁(yè)動(dòng)態(tài)效果。3.3

jQuery插件應(yīng)用能在網(wǎng)頁(yè)中引入jQuery插件。能使用常用的jQuery插件進(jìn)行網(wǎng)頁(yè)的快捷開(kāi)發(fā)。3.2.3能使用jQuery

UI插件開(kāi)發(fā)交互效果頁(yè)面。初級(jí)關(guān)于flex說(shuō)法錯(cuò)誤的是(

)。A、設(shè)置flex布局以后，子元素的float和clear等樣式全部失效

B、任何一個(gè)容器都可以使用flex彈性布局C、設(shè)置flex:1無(wú)意義

D、flex是彈性布局考核知識(shí)和技能：彈性布局flex屬性float、clear單選題在JavaScript中alert("11">"2")的運(yùn)行結(jié)果正確的是(

)。A、TB、FC、trueD、false考核知識(shí)和技能：BOMalert()字符串比較運(yùn)算符單選題初級(jí)實(shí)操試題：【問(wèn)題】（

28分，每空2分）這是某購(gòu)物網(wǎng)站首頁(yè)頁(yè)面局部效果。當(dāng)鼠標(biāo)懸停到導(dǎo)航文字上時(shí)，背景色會(huì)變?yōu)榧t色。現(xiàn)在我們需要編寫該網(wǎng)站效果圖部分代碼。進(jìn)行靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)，補(bǔ)全代碼：1、打開(kāi)“考生文件夾\60002\shopping”文件夾中的文件“index.html”，在空（1）至（5）處填入正確的內(nèi)容，完成后保存文件“index.html”。2、打開(kāi)“考生文件夾\60002\shopping\css”文件夾中的文件“style.css”，在空（6）至（14）處填入正確的內(nèi)容，完成后保存文件“style.css”。初級(jí)實(shí)操試題：主要技能靜態(tài)網(wǎng)站制作Bootstrap、響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)、調(diào)用RESTful

API、AjaxMySQL數(shù)據(jù)庫(kù)操作MySQL安裝、SQL編程、MySQL數(shù)據(jù)庫(kù)維護(hù)(備份、恢復(fù))動(dòng)態(tài)網(wǎng)站制作：二選一PHP動(dòng)態(tài)網(wǎng)站搭建：PHP基礎(chǔ)編程、PHP

Web、數(shù)據(jù)庫(kù)編程、框架(Laravle或ThinkPHP)Java動(dòng)態(tài)網(wǎng)站搭建：Java基礎(chǔ)編程、Java

Web、數(shù)據(jù)庫(kù)編程、框架(SSM)中級(jí)主要面向IT互聯(lián)網(wǎng)企業(yè)、互聯(lián)網(wǎng)轉(zhuǎn)型的傳統(tǒng)型企事業(yè)單位、政府部門等的信息化數(shù)字化部門，從事響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)、Web前后端數(shù)據(jù)交互、數(shù)據(jù)庫(kù)開(kāi)發(fā)與管理、動(dòng)態(tài)網(wǎng)站搭建等工作，能根據(jù)網(wǎng)站開(kāi)發(fā)需求開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站。中級(jí)

–

靜態(tài)網(wǎng)站制作工作領(lǐng)域工作任務(wù)職業(yè)技能要求1.靜態(tài)網(wǎng)站制作Bootstrap前端框架應(yīng)用能在頁(yè)面中引入Bootstrap前端框架。能使用Bootstrap前端框架的布局、柵格系統(tǒng)搭建網(wǎng)頁(yè)基本結(jié)構(gòu)。能使用Bootstrap前端框架的基本樣式美化網(wǎng)頁(yè)。能使用Bootstrap前端框架的組件進(jìn)行快捷開(kāi)發(fā)。1.2響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)能分析響應(yīng)式頁(yè)面的結(jié)構(gòu)和布局特性。能使用HTML5、CSS3、彈性布局Flex等開(kāi)發(fā)響應(yīng)式頁(yè)面。能使用Bootstrap前端框架開(kāi)發(fā)響應(yīng)式頁(yè)面。1.3

Web前后端數(shù)據(jù)交互能理解RESTful

API設(shè)計(jì)規(guī)范，并調(diào)用API。能熟練使用Ajax中的XML、JSON數(shù)據(jù)格式與網(wǎng)站后端進(jìn)行數(shù)據(jù)交互。能使用Ajax完成異步刷新、異步獲取數(shù)據(jù)。能使用XMLHttpRequest或jQuery完成Ajax異步操作。中級(jí)

–

MySQL數(shù)據(jù)庫(kù)操作工作領(lǐng)域工作任務(wù)職業(yè)技能要求2.MySQL數(shù)據(jù)庫(kù)操作MySQL安裝能安裝MySQL數(shù)據(jù)庫(kù)。能進(jìn)行MySQL數(shù)據(jù)庫(kù)的配置。能啟動(dòng)MySQL服務(wù)并登錄MySQL數(shù)據(jù)庫(kù)。2.2

SQL編程能使用SQL語(yǔ)句創(chuàng)建、修改、刪除數(shù)據(jù)庫(kù)。能使用SQL語(yǔ)句創(chuàng)建表、復(fù)制表結(jié)構(gòu)、刪除表、設(shè)置約束、設(shè)置自增型字段、修改表、修改字段、修改約束條件、修改表名。能使用SQL語(yǔ)句創(chuàng)建索引、刪除索引。能使用SQL語(yǔ)句插入、修改、刪除數(shù)據(jù)。能使用SQL語(yǔ)句進(jìn)行數(shù)據(jù)的查詢。能使用事務(wù)、存儲(chǔ)過(guò)程、觸發(fā)器、視圖等進(jìn)行數(shù)據(jù)管理。2.3

MySQL數(shù)據(jù)庫(kù)維護(hù)能正確備份數(shù)據(jù)庫(kù)。能正確恢復(fù)數(shù)據(jù)庫(kù)。能查詢數(shù)據(jù)庫(kù)日志。中級(jí)

–

PHP動(dòng)態(tài)網(wǎng)站搭建工作領(lǐng)域工作任務(wù)職業(yè)技能要求3.PHP動(dòng)態(tài)網(wǎng)站制作1PHP基礎(chǔ)編程能搭建和配置PHP開(kāi)發(fā)環(huán)境。能使用PHP的基本語(yǔ)法、編碼規(guī)范、數(shù)據(jù)類型、變量與常量、運(yùn)算符、輸入輸出、流程控制語(yǔ)句、函數(shù)、數(shù)組等編寫腳本程序。能使用PHP的類和對(duì)象、繼承、接口、抽象類等編寫可復(fù)用的程序。3.2

PHP

Web編程能在網(wǎng)頁(yè)中嵌入PHP腳本代碼。能使用PHP進(jìn)行頁(yè)面跳轉(zhuǎn)。能使用PHP超級(jí)全局變量進(jìn)行網(wǎng)頁(yè)編程。能使用PHP操作Session和Cookie。3.3

PHP數(shù)據(jù)庫(kù)編程能掌握PHP常用數(shù)據(jù)庫(kù)的操作方法。能根據(jù)數(shù)據(jù)庫(kù)類型選擇數(shù)據(jù)庫(kù)編程組件。能編寫預(yù)處理SQL語(yǔ)句完成數(shù)據(jù)庫(kù)操作。能使用PHP編程完成MySQL數(shù)據(jù)庫(kù)的新增、修改、刪除和查詢操作。3.4

PHP框架應(yīng)用能應(yīng)用MVC程序設(shè)計(jì)的方法。能使用PHP

MVC框架的路由、控制器、模板完成動(dòng)態(tài)頁(yè)面開(kāi)發(fā)。能使用PHP

MVC框架完成MySQL數(shù)據(jù)庫(kù)的新增、修改、刪除和查詢操作。能根據(jù)項(xiàng)目特點(diǎn)，使用Laravel或Think

PHP框架構(gòu)建動(dòng)態(tài)網(wǎng)站2

。中級(jí)

–

Java動(dòng)態(tài)網(wǎng)站搭建工作領(lǐng)域工作任務(wù)職業(yè)技能要求4.Java動(dòng)態(tài)網(wǎng)站制作1Java基礎(chǔ)編程能搭建和配置Java開(kāi)發(fā)環(huán)境。能使用Java的基本語(yǔ)法、編碼規(guī)范、數(shù)據(jù)類型、變量與常量、運(yùn)算符、輸入輸出、流程控制語(yǔ)句、函數(shù)、數(shù)組與集合等編寫控制臺(tái)程序。能使用Java的類和對(duì)象、繼承、接口、抽象類等編寫可復(fù)用的程序。4.2

Java

Web編程能使用JSP腳本語(yǔ)法編寫JSP頁(yè)面。能使用Servlet技術(shù)編寫Java

Web服務(wù)器端程序。能使用Java操作Session和Cookie。能使用JSP和Servlet技術(shù)進(jìn)行動(dòng)態(tài)網(wǎng)站編程。4.3

Java數(shù)據(jù)庫(kù)編程能掌握J(rèn)ava常用的數(shù)據(jù)庫(kù)操作方法。能根據(jù)數(shù)據(jù)庫(kù)類型選擇數(shù)據(jù)庫(kù)編程組件。能編寫預(yù)處理SQL語(yǔ)句完成數(shù)據(jù)庫(kù)操作。能使用Java編程完成MySQL數(shù)據(jù)庫(kù)的新增、修改、刪除和查詢操作。4.4

Java框架應(yīng)用能使用Spring框架構(gòu)建Java

Web動(dòng)態(tài)網(wǎng)站。能使用Spring

MVC框架構(gòu)建動(dòng)態(tài)網(wǎng)站。能使用MyBatis框架完成MySQL數(shù)據(jù)庫(kù)的新增、修改、刪除和查詢操作。能整合Spring、MyBatis和Spring

MVC框架構(gòu)建動(dòng)態(tài)網(wǎng)站。中級(jí)下列MySQL語(yǔ)句正確的有（ ）。A、創(chuàng)建視圖的命令是create

viewB、創(chuàng)建存儲(chǔ)過(guò)程的命令是create

procedureC、創(chuàng)建觸發(fā)器的命令是create

triggerD、刪除以上對(duì)象的命令是delete考核知識(shí)和技能：1、視圖2、存儲(chǔ)過(guò)程3、觸發(fā)器多選題下列PHP代碼輸出的結(jié)果是（

）A、012345B、01234C、12345D、1234考核知識(shí)和技能：1、變量2、運(yùn)算符3、for循環(huán)4、echo單選題在JDBC

API中，下列哪個(gè)接口或類用于連接數(shù)據(jù)庫(kù)（

）A、ResultSetB、ConnectionC、StatementD、DriverManager考核知識(shí)和技能：1、Java數(shù)據(jù)庫(kù)編程2、JDBC單選題中級(jí)實(shí)操試題：【問(wèn)題】（

20分，每空2分）酒類商品的分類信息頁(yè)面，項(xiàng)目采用Bootstrap框架構(gòu)建，分類信息界面使用導(dǎo)航和柵格系統(tǒng)布局，PC端和移動(dòng)端能夠自適應(yīng)顯示，內(nèi)容分為三部分。打開(kāi)“考生文件夾\40013”中的素材，閱讀說(shuō)明并參考效果圖，進(jìn)行靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)。在編號(hào)（1）至（10）處填寫正確代碼，操作完成后保存當(dāng)前文件。中級(jí)實(shí)操試題：主要技能靜態(tài)網(wǎng)站制作網(wǎng)頁(yè)圖形繪制(Canvas、SVG)、CSS預(yù)處理語(yǔ)言編程(Less、Sass)、ES9、Vue.jsNode.js高性能服務(wù)器應(yīng)用Node.js安裝、Node.js模塊和包管理、Node.js服務(wù)器創(chuàng)建、Express框架應(yīng)用網(wǎng)站架構(gòu)設(shè)計(jì)前端架構(gòu)設(shè)計(jì)、RESTful

API接口設(shè)計(jì)、網(wǎng)站接口開(kāi)發(fā)高級(jí)主要面向IT互聯(lián)網(wǎng)企業(yè)、互聯(lián)網(wǎng)轉(zhuǎn)型的傳

統(tǒng)型企事業(yè)單位、政府部門等的信息化數(shù)字化部門，從事網(wǎng)站規(guī)劃與建設(shè)、前端框架搭建、高性能服務(wù)器搭建、前端架構(gòu)設(shè)計(jì)、網(wǎng)站接口開(kāi)發(fā)、網(wǎng)站性能優(yōu)化等工作，能根據(jù)網(wǎng)站開(kāi)發(fā)需求，設(shè)計(jì)網(wǎng)站架構(gòu)，管理和實(shí)施網(wǎng)站建設(shè)開(kāi)發(fā)方案。網(wǎng)站性能優(yōu)化靜態(tài)網(wǎng)頁(yè)代碼優(yōu)化、前端資源優(yōu)化、Webpack網(wǎng)站資源打包工作領(lǐng)域工作任務(wù)職業(yè)技能要求1.靜態(tài)網(wǎng)站制作網(wǎng)頁(yè)圖形繪制能使用Canvas繪制圖表、動(dòng)畫(huà)。能創(chuàng)建SVG二維矢量圖形。能使用圖形美化網(wǎng)頁(yè)。1.2

CSS預(yù)處理語(yǔ)言編程能使用Less的基本語(yǔ)法編寫網(wǎng)頁(yè)樣式。能使用Sass的基本語(yǔ)法編寫網(wǎng)頁(yè)樣式。能將Less和Sass代碼編譯成CSS代碼。能使用Less和Sass定制和優(yōu)化Bootstrap前端框架。1.3

ES

9編程能使用let和const關(guān)鍵字聲明變量和常量。能使用ES

9解構(gòu)賦值進(jìn)行變量的賦值。能使用ES

9的函數(shù)擴(kuò)展、數(shù)組擴(kuò)展、對(duì)象擴(kuò)展等編寫JavaScript程序。能使用ES

9模塊封裝和復(fù)用代碼。能使用ES

9構(gòu)建前端程序。1.4

Vue.js前端框架應(yīng)用能引入Vue.js前端框架。能使用Vue.js的基礎(chǔ)語(yǔ)法、組件、路由等構(gòu)建用戶界面。能使用常用UI庫(kù)美化網(wǎng)頁(yè)。能使用Vuex管理用戶狀態(tài)。能使用Axios與服務(wù)器端通信。能使用Vue

CLI構(gòu)建前端頁(yè)面。高級(jí)

–

靜態(tài)網(wǎng)站制作高級(jí)

–

Node.js高發(fā)能服務(wù)器應(yīng)用工作領(lǐng)域工作任務(wù)職業(yè)技能要求2.Node.js高性能服務(wù)器應(yīng)用Node.js安裝能安裝Node.js。能配置Node.js運(yùn)行環(huán)境。能使用Node.js交互模式運(yùn)行JavaScript代碼。2.2

Node.js模塊和包管理能使用模塊封裝代碼。能使用JavaScript腳本引入模塊。能使用NPM管理包和模塊。2.3

Node.js服務(wù)器創(chuàng)建能使用Node.js的異步編程、異步I0、事件循環(huán)構(gòu)建高性能服務(wù)器。能使用HTTP模塊創(chuàng)建Web服務(wù)器并監(jiān)聽(tīng)端口。能使用HTTP模塊接收用戶的HTTP請(qǐng)求。能使用HTTP模塊設(shè)置HTTP請(qǐng)求響應(yīng)。2.4

Express框架應(yīng)用能引入Express框架。能使用Express框架創(chuàng)建Web服務(wù)器并監(jiān)聽(tīng)端口。能使用中間件、路由響應(yīng)HTTP請(qǐng)求。2.3.4能使用Express腳手架搭建網(wǎng)站。高級(jí)

–

網(wǎng)站架構(gòu)設(shè)計(jì)工作領(lǐng)域工作任務(wù)職業(yè)技能要求3.網(wǎng)站架構(gòu)設(shè)計(jì)前端架構(gòu)設(shè)計(jì)能根據(jù)網(wǎng)站需求，設(shè)計(jì)網(wǎng)站架構(gòu)。能根據(jù)網(wǎng)站項(xiàng)目特點(diǎn)選擇MVC、MVVM等前端開(kāi)發(fā)模型。能根據(jù)網(wǎng)站項(xiàng)目特點(diǎn)設(shè)計(jì)前后端分離架構(gòu)的API。能根據(jù)網(wǎng)站項(xiàng)目特點(diǎn)設(shè)計(jì)前端組件。3.2

RESTful

API接口設(shè)計(jì)能使用API設(shè)計(jì)原則設(shè)計(jì)可用、易用、可維護(hù)的API。能使用RESTful

API設(shè)計(jì)跨平臺(tái)跨語(yǔ)言的數(shù)據(jù)接口。能閱讀和編寫RESTful

API接口文檔。3.3網(wǎng)站接口開(kāi)發(fā)能根據(jù)項(xiàng)目實(shí)際接口設(shè)計(jì)，選用適當(dāng)?shù)木幊陶Z(yǔ)言開(kāi)發(fā)接口。能根據(jù)RESTful

API接口規(guī)范和設(shè)計(jì)，選用適當(dāng)?shù)木幊陶Z(yǔ)言開(kāi)發(fā)接口。能使用瀏覽器或其他工具測(cè)試接口。高級(jí)

–

網(wǎng)站性能優(yōu)化工作領(lǐng)域工作任務(wù)職業(yè)技能要求4.網(wǎng)站性能優(yōu)化靜態(tài)網(wǎng)頁(yè)代碼優(yōu)化能分析HTML、CSS、JavaScript代碼結(jié)構(gòu)。能運(yùn)用文檔結(jié)構(gòu)規(guī)范、HTML代碼書(shū)寫規(guī)范、HTML5新特性等優(yōu)化HTML代碼。能運(yùn)用瀏覽器樣式重置、CSS樣式優(yōu)先級(jí)、CSS3新特性、CSS去冗余、CSS瀏覽器兼容性等優(yōu)化CSS代碼。能運(yùn)用JavaScript代碼合并、JavaScript文件加載、DOM操作等優(yōu)化JavaScript代碼。4.2前端資源優(yōu)化能使用圖片壓縮技術(shù)優(yōu)化網(wǎng)站圖片。能使用代碼壓縮工具優(yōu)化網(wǎng)站代碼。能使用HTTP緩存優(yōu)化前端資源加載。4.3.4能使用預(yù)加載和懶加載技術(shù)優(yōu)化前端資源加載。4.3

Webpack網(wǎng)站資源打包能安裝和配置Webpack。能使用Webpack分析項(xiàng)目結(jié)構(gòu)。能使用Webpack將JavaScript模塊及其他瀏覽器不能直接運(yùn)行的拓展語(yǔ)言打包為合適的格式以供瀏覽器調(diào)用。能使用Webpack的Entry入口、Output出口、Loader、Plugin插件、Module模塊等技術(shù)打包網(wǎng)站資源。高級(jí)考核知識(shí)和技能：1、canvas2、SVG3、querySelector4、queryString單選題關(guān)于HTML5說(shuō)法錯(cuò)誤的是（

）A、canvas元素用于在網(wǎng)頁(yè)上繪制圖形

B、SVG表示可縮放矢量圖形C、querySelector的功能類似于jQuery的選擇器

D、queryString是HTML5查找字符串的新方法考核知識(shí)和技能：1、模塊2、HTTP模塊3、Node.js服務(wù)器創(chuàng)建多選題在Node.js環(huán)境下，使用http模塊創(chuàng)建http

server，需要調(diào)用以下哪些函數(shù)（

）A、http.createClientB、http.createServerC、http.Server.listenD、http.get高級(jí)實(shí)操試題：【問(wèn)題】（

30分，每空2分）使用Vue創(chuàng)建美食網(wǎng)項(xiàng)目如圖1所示。要求單擊菜品將其添加進(jìn)購(gòu)物車，購(gòu)物車菜品數(shù)量自動(dòng)更新，并計(jì)算出購(gòu)物車菜品的總價(jià)格和總數(shù)量。購(gòu)物車清單頁(yè)面如圖2所示。高級(jí)實(shí)操試題：【問(wèn)題】（

30分，每空2分）打開(kāi)“考生文件夾\20011\food-page”中的素材，閱讀說(shuō)明并參考效果圖，進(jìn)行靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)。在編號(hào)（

1

）至（

15

）處填入正確代碼，操作完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src”文件夾中的“App.vue”文件，在編號(hào)（

1

）處填入正確代碼，完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src\components”文件夾中的“Header.vue”文件，在編號(hào)（

2

）至（

4

）處填入正確代碼，完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src\router”文件夾中的“index.js”文件，在編號(hào)（

5

）處填入正確代碼，完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src\store”文件夾中的“index.js”文件，在編號(hào)（

6

）、（

7

）處填入正確代碼，完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src\components”文件夾中的“Food

Home.vue”文件，在編號(hào)（

8

）、（

9

）處填入正確代碼，完成后保存當(dāng)前文件。打開(kāi)“考生文件夾\20011\food-page\src\components”文件夾中的“Cart.vue”文件，在編號(hào)（

10

）至（

15

）處填入正確代碼，完成后保存當(dāng)前文件。高級(jí)實(shí)操試題：主要技能03專業(yè)課程、企業(yè)崗位、標(biāo)準(zhǔn)關(guān)系不同級(jí)別對(duì)應(yīng)人才結(jié)構(gòu)技能等級(jí)（Web前端開(kāi)發(fā)：初級(jí)、中級(jí)、高級(jí)）專業(yè)方向(人才培養(yǎng)方案)軟件技術(shù)計(jì)算機(jī)應(yīng)用技術(shù)網(wǎng)絡(luò)技術(shù)大數(shù)據(jù)技術(shù)不同工作領(lǐng)域?qū)?yīng)企業(yè)就業(yè)崗位前端開(kāi)發(fā)工程師小程序開(kāi)發(fā)工程師全棧開(kāi)發(fā)工程師開(kāi)發(fā)工程師(PHP、Java等)證書(shū)知識(shí)地圖項(xiàng)目實(shí)踐就業(yè)(持證上崗)適用院校專業(yè)中等職業(yè)學(xué)校高等職業(yè)學(xué)校本科學(xué)校電子信息技術(shù)、物聯(lián)網(wǎng)技術(shù)應(yīng)用、電子技術(shù)應(yīng)用、計(jì)算機(jī)應(yīng)用、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、軟件與信息服務(wù)、數(shù)字媒體技術(shù)應(yīng)用、移動(dòng)應(yīng)用技術(shù)與服務(wù)、網(wǎng)站建設(shè)與管理、計(jì)算機(jī)平面設(shè)計(jì)、現(xiàn)代通信技術(shù)應(yīng)用、界面設(shè)計(jì)與制作等專業(yè)。電子信息工程技術(shù)、物聯(lián)網(wǎng)應(yīng)用技術(shù)、移動(dòng)互聯(lián)應(yīng)用技術(shù)、智能產(chǎn)品開(kāi)發(fā)與應(yīng)用、計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、軟件技術(shù)、數(shù)字媒體技術(shù)、大數(shù)據(jù)技術(shù)、云計(jì)算技術(shù)應(yīng)用、信息安全技術(shù)應(yīng)用、人工智能技術(shù)應(yīng)用、移動(dòng)應(yīng)用開(kāi)發(fā)、智能互聯(lián)網(wǎng)絡(luò)技術(shù)、電子商務(wù)、智能物流技術(shù)、數(shù)字圖文信息處理技術(shù)、數(shù)字廣播電視技術(shù)、司法信息技術(shù)等專業(yè)。職教本科電子信息工程技術(shù)、物聯(lián)網(wǎng)工程技術(shù)、計(jì)算機(jī)應(yīng)用工程、網(wǎng)絡(luò)工程技術(shù)、軟件工程技術(shù)、數(shù)字媒體技術(shù)、大數(shù)據(jù)工程技術(shù)、人工智能工程技術(shù)、電子商務(wù)、電子信息工程等專業(yè)。應(yīng)用型本科電子信息科學(xué)與技術(shù)、電子信息工程、電子科學(xué)與技術(shù)、計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、數(shù)字媒體技術(shù)、數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)、信息管理與信息系統(tǒng)等專業(yè)。