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

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

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

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

前后端分離(RESTful

API)

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

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

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

、崗位要求精通HTML

5

、CSS3

、ECMA2015

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

Script、Ajax等開發(fā)技術(shù)，能夠精準(zhǔn)還原視覺設(shè)計(jì)稿以及交互動效，熟悉Java、PHP等服務(wù)器端語言。熟練使用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開發(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ù)庫操作和編程。Web崗位招聘要求3

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

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

、測試要求熟悉各種瀏覽器的兼容性調(diào)試，能使用瀏覽器控制臺調(diào)試程序。熟悉常用測試工具的使用，能協(xié)助進(jìn)行產(chǎn)品功能和接口測試。熟悉軟件測試?yán)碚摚炀氄莆認(rèn)Unit單元測試、mock測試等。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)式開發(fā)Ajax/JSON靜態(tài)網(wǎng)站制作HTMLHTML5CSSCSS3網(wǎng)站架構(gòu)設(shè)計(jì)RESTful

API

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

(Laravel/ThinkPHP)Java+框架

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

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

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

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

站。初級

–

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

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

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

CSS

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

–

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

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

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

–

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

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

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

UI插件開發(fā)交互效果頁面。初級關(guān)于flex說法錯(cuò)誤的是(

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

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

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

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

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

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

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

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

–

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

–

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

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

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

–

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

PHP

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

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

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

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

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

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

。中級

–

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

Java

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

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

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

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

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

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

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

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

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

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

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

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

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

20分，每空2分）酒類商品的分類信息頁面，項(xiàng)目采用Bootstrap框架構(gòu)建，分類信息界面使用導(dǎo)航和柵格系統(tǒng)布局，PC端和移動端能夠自適應(yīng)顯示，內(nèi)容分為三部分。打開“考生文件夾\40013”中的素材，閱讀說明并參考效果圖，進(jìn)行靜態(tài)網(wǎng)頁開發(fā)。在編號（1）至（10）處填寫正確代碼，操作完成后保存當(dāng)前文件。中級實(shí)操試題：主要技能靜態(tài)網(wǎng)站制作網(wǎng)頁圖形繪制(Canvas、SVG)、CSS預(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)站接口開發(fā)高級主要面向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)站接口開發(fā)、網(wǎng)站性能優(yōu)化等工作，能根據(jù)網(wǎng)站開發(fā)需求，設(shè)計(jì)網(wǎng)站架構(gòu)，管理和實(shí)施網(wǎng)站建設(shè)開發(fā)方案。網(wǎng)站性能優(yōu)化靜態(tài)網(wǎng)頁代碼優(yōu)化、前端資源優(yōu)化、Webpack網(wǎng)站資源打包工作領(lǐng)域工作任務(wù)職業(yè)技能要求1.靜態(tài)網(wǎng)站制作網(wǎng)頁圖形繪制能使用Canvas繪制圖表、動畫。能創(chuàng)建SVG二維矢量圖形。能使用圖形美化網(wǎng)頁。1.2

CSS預(yù)處理語言編程能使用Less的基本語法編寫網(wǎng)頁樣式。能使用Sass的基本語法編寫網(wǎng)頁樣式。能將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ò)展、對象擴(kuò)展等編寫JavaScript程序。能使用ES

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

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

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

CLI構(gòu)建前端頁面。高級

–

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

–

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)聽端口。能使用HTTP模塊接收用戶的HTTP請求。能使用HTTP模塊設(shè)置HTTP請求響應(yīng)。2.4

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

–

網(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等前端開發(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ì)跨平臺跨語言的數(shù)據(jù)接口。能閱讀和編寫RESTful

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

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

–

網(wǎng)站性能優(yōu)化工作領(lǐng)域工作任務(wù)職業(yè)技能要求4.網(wǎng)站性能優(yōu)化靜態(tài)網(wǎng)頁代碼優(yōu)化能分析HTML、CSS、JavaScript代碼結(jié)構(gòu)。能運(yùn)用文檔結(jié)構(gòu)規(guī)范、HTML代碼書寫規(guī)范、HTML5新特性等優(yōu)化HTML代碼。能運(yùn)用瀏覽器樣式重置、CSS樣式優(yōu)先級、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)行的拓展語言打包為合適的格式以供瀏覽器調(diào)用。能使用Webpack的Entry入口、Output出口、Loader、Plugin插件、Module模塊等技術(shù)打包網(wǎng)站資源。高級考核知識和技能：1、canvas2、SVG3、querySelector4、queryString單選題關(guān)于HTML5說法錯(cuò)誤的是（

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

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

D、queryString是HTML5查找字符串的新方法考核知識和技能：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高級實(shí)操試題：【問題】（

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

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

1

）至（

15

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

1

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

2

）至（

4

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

5

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

6

）、（

7

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

Home.vue”文件，在編號（

8

）、（

9

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

10

）至（

15

）處填入正確代碼，完成后保存當(dāng)前文件。高級實(shí)操試題：主要技能03專業(yè)課程、企業(yè)崗位、標(biāo)準(zhǔn)關(guān)系不同級別對應(yīng)人才結(jié)構(gòu)技能等級（Web前端開發(fā)：初級、中級、高級）專業(yè)方向(人才培養(yǎng)方案)軟件技術(shù)計(jì)算機(jī)應(yīng)用技術(shù)網(wǎng)絡(luò)技術(shù)大數(shù)據(jù)技術(shù)不同工作領(lǐng)域?qū)?yīng)企業(yè)就業(yè)崗位前端開發(fā)工程師小程序開發(fā)工程師全棧開發(fā)工程師開發(fā)工程師(PHP、Java等)證書知識地圖項(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)用、移動應(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ù)、移動互聯(lián)應(yīng)用技術(shù)、智能產(chǎn)品開發(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)用、移動應(yīng)用開發(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è)。