2022-04-29
1. 技能描述
能磨平瀏覽器兼容性問題
能夠使用HTML+ CSS還原設(shè)計稿，熟悉HTML5 新屬性以及語義化、掌握CSS3動畫和 flex、grid、浮動等布局方式。
了解瀏覽器事件循環(huán)標(biāo)準(zhǔn)
熟悉JS數(shù)據(jù)類型及常用API，深入理解原型鏈、閉包、this等特性，掌握 Promise、async異步處理方案。
通過webpack優(yōu)化項目
掌握Vue/ React(小程序)框架，能使用腳本架和社區(qū)提供的工具、UI庫，獨(dú)立搭建項目。
核心競爭力之一
掌握git flow分支管理和git、Linux常用命令，熟悉HTTP協(xié)議，能與后端同事完成數(shù)據(jù)交互
核心競爭力之二
有較強(qiáng)的學(xué)習(xí)能力，掌握常用的設(shè)計模式、數(shù)據(jù)結(jié)構(gòu)和算法思想
根據(jù)公司崗位描述自由發(fā)揮
demo 類，一個仿首頁和小游戲
主要體現(xiàn)出對html，css，js的掌握程度
準(zhǔn)備2-3個例子
仿寫首頁
展現(xiàn)出自己扎實的html功底以及對CSS常用布局、選擇器的用法、響應(yīng)式原理、動畫、過渡的掌握
比如在寫的過程中掌握了各種選擇器、子選擇器、偽類選擇器的用法。
實現(xiàn)一個小游戲
通過這個游戲考驗自己抽象的能力，學(xué)會如何把復(fù)雜的邏輯用代碼表示
例如：2048，在寫的過程中需要考慮游戲初始化包括4X4的網(wǎng)格，生成兩個方塊，鍵盤事件的監(jiān)聽，上下左右觸發(fā)對應(yīng)的函數(shù)，每次移動后方塊是否合并，分?jǐn)?shù)增加、布局的改變、已經(jīng)新生方塊的位置，判斷游戲是否滿足終止條件
最主要的是能把一個項目做到最優(yōu)（完善到自己能做到的最好的程度）
工具：網(wǎng)頁柵格尺
組件或工具庫
實現(xiàn)一個可配置的swipe組件或者listview組件
通過自定義表單創(chuàng)建一張問卷調(diào)查
實現(xiàn)一個popDialog
甚至可以是一個日期選擇器
示例：圖片上傳組件
FormData?屬性
可以學(xué)到FormData?屬性以及他所提供的的API兼容性如何
原生XMLHttpRequest如何使用
canvas 實現(xiàn)壓縮、添加水印
如果圖片過大，你需要考慮canvas實現(xiàn)一個簡易的圖片壓縮算法，還能學(xué)到給圖片加水印
navigator.userAgent?判斷拍照手機(jī)型號、Exif.js讀取元數(shù)據(jù)改變角度心
如果是拍照后直接上傳，還需要考慮手機(jī)系統(tǒng)的識別決定拍到的角度是否需要調(diào)整
判斷文件后綴和類型復(fù)習(xí)正則，甚至還可以學(xué)習(xí)到文件流（Blob）
文件流操作
真實項目的某些模塊，重點了解背景
考慮：為什么 -> 用什么 -> 怎么做 -> 成果展示
有什么樣的需求遇到什么樣的困難
決定使用什么技術(shù)或方案
方案落地并不順利過程中我如何克服
取得了什么樣的效果我從中的思考與收獲
示例：
