整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
o語言中文網，致力于每日分享編碼、開源等知識，歡迎關注我，會有意想不到的收獲！
使用你的臉授權解鎖你的手機正在成為一種趨勢，但是在 Web 上，這種情況看到的并不多，也許是因為這種功能對 Web 來說不太重要，不足以被實現(xiàn)。那么，僅通過 HTML5，Javascript 和一些 Go 語句，能夠實現(xiàn)人臉識別的功能么？答案是肯定的，我使用 Facebox在一個小時完成了這個工作，并將 代碼作為一個名為 Web Face ID 的開源項目發(fā)布。
你怎么從使用人臉識別的網站上獲益？
通過 Machinebox 使用 Web Face ID 來驗證自己。
作為一個通用的方法，我們將會使用 HTML5 通過網絡攝像頭來獲取用戶頭像，用 Javascript 發(fā)送一張照片到服務器端。一旦照片到了服務器上，我們將使用 Go 解碼照片并使用 Facebox 進行檢查，以便能夠發(fā)出響應。
我們把整個過程分成以下幾個步驟。
你需要啟動 Facebox 并運行，為此您 只需注冊一個賬戶 即可將 Facebox 作為 Docker 容器運行。還需要使用你想要識別的人的照片給 Facebox 進行訓練，一張照片就夠，但多張照片會使結果更準確。
使用 HTML5 和 Javascript 捕捉攝像頭
對于網站，我們可以利用 HTML5 的 video 標簽和 canvas 標簽。
我們將使用 video 標簽去捕捉攝像頭，并使用 canvas 標簽拍攝照片，然后發(fā)送到服務器端，下面是 Javascript 代碼
上面的代碼基本上實現(xiàn)了這樣的過程，當你單擊該按鈕時，將攝像頭的照片信息捕獲到 canvas 中，并將照片發(fā)送到服務器端的斷點（endpoint) /webFaceID。這張照片將是一個以 base64 編碼的 PNG。
現(xiàn)在我們在服務器端有了你的臉部圖像，我們只需要解碼圖像，將解碼后的數據發(fā)送給 Facebox with the SDK 完成后面復雜的工作，然后將處理后的結果返回給前端. 這里我們可以寫一個 Go http handler 來做這個工作。
通過這幾行代碼，我們可以在任何網站上使用人臉驗證。
那么，任何類型的生物識別（比如使用你的臉，虹膜或是指紋）只能作為 “用戶名”，而不能作為 “密碼”。所以如果你的網站要實現(xiàn)這個功能，那么它可以作為一個理想的第二身份認證，或是某種降低風險的工作，但是它不能取代密碼。
另外請記住，惡意攻擊者可以拍下你的照片，并用你的照片來仿照你的身份。
重點提示：Facebox 經過優(yōu)化，可以在任何類型的場景下識別任何照片中的人物，但是端點 /check 具有可以調整的可選參數 tolerance。如果您的臉部驗證的條件不會改變（例如相同的位置，相同的環(huán)境照明），您可以減小容差，使得驗證時系統(tǒng)更加嚴格。
如果你想看看整個代碼，請訪問 Github 上的 Web Face ID。它是開源的。
你可以很容易地使用我們的盒子來實現(xiàn)這樣的功能。立即注冊并免費開始使用此功能。https://machinebox.io/
via: https://blog.machinebox.io/introducing-web-face-id-how-to-use-html5-go-and-facebox-to-verify-your-face-b75cf2aee5e8
作者：David Hernandez 譯者：Titanssword 校對：rxcai
本文由 GCTT 原創(chuàng)編譯，Go語言中文網 榮譽推出
家是否好奇，資深前端工程師，甚至前端專家的簡歷究竟是怎么寫的，又有哪些優(yōu)化的技巧呢？
今天我們就根據實際的輔導案例，來看看一位工作了 7 年的前端大佬的簡歷情況。
這份簡歷的主人公，是在近期報名的簡歷輔導。他在互聯(lián)網公司工作了 7 年，并且在團隊中擔任重要角色，帶領團隊完成過從 0 到 1 的大項目，技術能力和工作經驗都很豐富。
本篇點評經過本人的的授權，部分個人信息也做了脫敏處理，感謝這位小伙伴對我們的支持。
先來看看進行簡歷輔導的主要方向：
來看看修改前的簡歷
這塊寫的太過簡單了些，可以把「年齡、學歷、工作年限、所在城市」等信息加上，HR 篩選簡歷時會看。
“個人優(yōu)勢”可以改成“專業(yè)技能”，畢竟都是一些前端的通用技能，大部分都算不上優(yōu)勢。
參考修改如下：
1. 熟練掌握前端基礎（JavaScript、CSS3、HTML5），能夠快速實現(xiàn)Web端和移動端頁面搭建。
2. 熟悉小程序開發(fā)，包括云函數、云數據庫、云存儲和云托管以及 H5 頁面開發(fā)。
3. 熟練使用 Vue 框架以及相關生態(tài)技術，能夠獨立完成項目搭建和項目部署，熟悉相關框架原理。
4. 了解 React 和 Angular 框架技術，有相關實踐經驗。
5. 熟悉瀏覽器原理以及計算機網絡相關技術，在性能優(yōu)化方面有實踐經驗。
6. 對前端工程模塊化有一定理解，熟悉webpack、vite等打包工具及其日常開發(fā)配置，可以從0到1獨立搭建項目，并優(yōu)化構建流程。
7. 了解Node.js 和 java 服務端語言，能夠快速構建后端接口和處理服務器端邏輯，保證項目的順利推進。
8. 在多個項目中獨立負責，具備設計和實施前端架構的能力。最后總結一下，專業(yè)技能需要注意幾點：
工作經歷部分，可以列舉重點工作方向，最好以自己主導、負責等關鍵字開頭的描述，最好是加上數據，把具體收益也寫上。
另外工作經歷時間倒序排列，最近的放前面。
以最近的一份工作為例，參考修改如下：
深圳市**** 高級前端開發(fā) 2019.xx -2023.xx
* 主導OA系統(tǒng)和社區(qū)項目的從 0 到 1 建設，成功實現(xiàn)了平臺的快速上線和穩(wěn)定運行。
* 搭建高效的項目腳手架并集成框架全家桶，顯著提升團隊的開發(fā)效率和代碼質量。
* 實施持續(xù)集成與自動化測試，對接內部平臺的CI/CD和質量監(jiān)控系統(tǒng)，將錯誤率降低30%，發(fā)布時間縮短50%。遵循 STAR 法則展開描述一個項目：
以 OA 系統(tǒng)為例，參考修改如下：
項目名稱：xxOA系統(tǒng)
項目描述：xxOA系統(tǒng)是一個面向XX的XX系統(tǒng)，該系統(tǒng)包括個人門戶、人事中心、財務中心、法務中心、行政中心、服務中心、學習培訓等7個子系統(tǒng)，支撐公司所有部門的辦公自動化需求。
主要職責：
1. 負責整個系統(tǒng)前端架構的搭建，設計了高效的代碼結構和模塊劃分，提高了開發(fā)效率和可維護性。
2. 采用 vue生態(tài) + webpack + qiankun 搭建了 ** OA系統(tǒng)。
3. 開發(fā)了適配設計風格的Vue前端組件庫"**-oa-ui"，其中包含基礎組件和專為業(yè)務場景設計的定制組件。
4. 設計并開發(fā)了核心模塊，如表單生成器和流程設計器，并沉淀了相關文檔。
5. 持續(xù)學習和分享，積極推進公司內部前端框架的升級工作，規(guī)范了團隊的編碼風格，提高了項目開發(fā)效率；
項目成果：
* 成功按計劃完成**OA系統(tǒng)的上線，提供了全方位的辦公自動化支持，提高了工作效率和數據準確性。
* 開發(fā)效率提升 30% ，通過組件庫和優(yōu)化的前端架構，減少了重復代碼編寫和維護工作。
* 成功創(chuàng)建并部署 10 個微前端子系統(tǒng)，實現(xiàn)了并行開發(fā)和獨立部署的目標。
* 表單生成器和流程設計器的應用范圍擴大到4個部門，通過簡單的拖拽和配置，平均每個部門的OA流程開發(fā)時間減少了60%，顯著提高了業(yè)務部門的自主開發(fā)能力。
* 規(guī)范化的eslint規(guī)范、commit規(guī)則以及Cz工具集的使用，提高了代碼質量和團隊協(xié)作效率，減少了代碼錯誤和沖突。我們的簡歷輔導，會根據修改后的項目經歷，給出的一些常見的面試題，今天也貼出來讓大家參考下。
以 OA 系統(tǒng)為例：
最后，建議大家在面試之前多刷刷面試題，八股文有需要的小伙伴可以轉發(fā)+關注后私信【學習】即可免費獲取
王寶強個人博客首頁
個人博客簡介頁面
個人避開聯(lián)系我們頁面
首頁HTML代碼
*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。
