Web前端工作的主要內容，需要掌握哪些技能

檢視前端應用程式庫？ 推薦的 3D 視覺化庫，比如 ThingJS，都是基於 WebGL 的 3D 框架，但如果你不想花更多的時間學習 3D 專業知識，想盡快做乙個 3D 專案，推薦 ThingJS，它是物聯網 3D 視覺化領域的獨角獸。 估計需要提高你的技術應用水平，這樣你才能做乙個3D專案，從實際操作中吸收知識。

1.網路中常見的攻擊方式。

注入---常見的安全問題。

解決方案：前端頁面需要驗證使用者的輸入資料（限制使用者輸入的型別、範圍、格式和長度），不能只依靠後端來驗證使用者的資料。 一是可以提高後端處理的效率，二是可以提高後端資料的安全性。

後端不使用動態 SQL 語句，而是使用儲存過程查詢語句。 限制使用者對資料庫的訪問。 當後端接受來自前端的資料時，需要過濾一些特殊字元（如“-”字元）。

如果後端出現異常，請使用自定義錯誤頁面，防止使用者通過伺服器預設錯誤頁面發現伺服器漏洞。

攻擊---相對複雜的安全問題。

攻擊手法：基於DOM的XSS是直接通過瀏覽器執行JS指令碼，無需提交到伺服器，由客戶端的**造成。

儲存 XSS 攻擊是通過輸入框提交 JS 指令碼或從資料庫上傳檔案到伺服器而引起的攻擊。

反射 XSS 攻擊是通過 URL 向伺服器提交 JS 指令碼，然後根據受害者的請求發起攻擊的攻擊。

攻擊---比 XSS 攻擊更危險的安全問題。

攻擊手法：受害者開啟**a，登入**a，**a在本地儲存一些cookie（不關閉瀏覽器），受害者開啟**b，**b儲存一些惡意cookie，並將受害者的請求傳送給**a（**b利用受害者攻擊**a）。

攻擊---常見且具有破壞性的安全問題（分布式攻擊中的 DDoS 攻擊）。

攻擊手法：Ping Flood攻擊使用ping命令持續向伺服器傳送報文。

快取汙染---常見的**無法訪問的問題。

攻擊手法：受信任的第三方名稱伺服器快取了一些DNS解析，但一些虛假的名稱伺服器是由其他人建立的，用於封裝和破壞。

Web前端需要掌握8個方面的知識，可以按照前端路線圖的順序學習，在選擇前端培訓機構時注重機構的口碑。

前端學習路線圖。

前端前景很好，像前端這樣的專業在一線城市還是比較好的，師資隊伍能跟上，用人薪也挺可觀，學習前端可以按照路線圖的順序進行

1.入門級。

製作頁面。 就這麼簡單。 將設計器的各種設計圖紙轉換成html+css+js+image的靜態網頁，交給後端開發者製作頁面模板。

這就是入門級前端工程師所做的。

2.糞便成核成類。

或者做頁面。 但要變得更複雜一點，您需要開始關注一些更複雜的問題，從瀏覽器相容性開始。 說實話，瀏覽器相容性問題真的不是那麼容易解決的，畢竟每個專案對瀏覽器版本的要求都不一樣，現在不僅有PC瀏覽器，各種移動裝置上也有瀏覽器，同時國內廠商的瀏覽器型別也越來越多，坑也密密麻麻。

除了相容性之外，你可能還需要注意效能問題，包括但不限於網格挖掘效能、渲染效能、JS邏輯效能等，這些都可以寫在本手冊中。

3.中級。 與團隊一起。 您可能想知道中級工程師如何領導團隊？

但很多公司都是這種情況，尤其是小公司。 一旦你了解了 HTML、JS、CSS 的細節，以及各種瀏覽器的各種功能，你就會被任命領導乙個小型開發團隊，當然，還有乙個前端開發團隊。 也許總共只有三四個人，甚至更少。

這時，除了自己寫一點點頁面外，你還會幫助組員解決各種細節問題，畢竟你是組裡最了解技術細節的。 這時，一些人開始停滯不前，而另一些人則開始關注另乙個新問題：工程。

前端**很鬆散，專案結構很差，一旦開發者數量增加，業務就變得複雜了，如何管理這麼多人，這麼多**是乙個非常大的問題。 能否在這個問題上取得突破，決定了你是否能更上一層樓。

4.高階。 建築設計。 這時，你熟悉了前端開發的技術細節，同時熟悉了各種前端框架和技術的特點，你懂得如何組織和管理專案，讓每個人都能盡快滿足專案需求，你甚至知道你手下每個人的長處和短處。

因此，IT培訓發現，當乙個新專案到來時，你要根據自己過去的經驗，快速選擇一些技術和工具，並將它們與你認為最合適的人選相匹配，組成乙個專案團隊。 在為一兩個專案做這件事之後，你可能會再次感到空虛，你需要尋找新的目標。 碰巧的是，nodejs 開啟了通往新世界的大門。

1. Adobe Photoshop的

Adobe Photoshop（PS）是一種基本的繪圖工具，用於處理位圖軟體、修飾、合成等。 PS主要處理由畫素組成的數字影象（即位圖影象）。 PS有很多功能，涉及到影象、圖形、文字、**、發布等各個方面。

一般情況下，製作海報、捲簾橫幅、名片、相簿等是沒有問題的。

2. Adobe 插畫師

Adobe Illustrator （AI） 也是乙個基本的必備品，因為它具有廣泛的用途和大量的材料，例如圖形製作和排版。

Illustrator 在英語中翻譯為“illustrator”。 它是插畫家不可或缺的創意軟體之一。 當然，在平面設計領域，我們經常利用其強大便捷的圖形處理能力進行logo設計、圖案平面設計、字型設計等。

3. Corel繪製

易於使用的CorelDraw，該軟體為設計師提供了圖形插圖，頁面布局，網頁設計和其他設計場景。

Corel對自己的定位是專業的向量圖形，這與Illustrator的定位是一樣的。 徽標設計、專輯布局和圖形處理都可以通過 CDR 輕鬆處理。

4. Adobe In設計

Adobe InDesign（ID）排版軟體，速度非常快，使用起來非常方便。 如果你想成為一名平面設計師，除了自己的努力，還需要努力進行專業培訓，還需要專案實踐。 這將幫助您更好地實現目標。

5. AutoCAD的

AutoCAD是Autodesk於1982年首次開發的自動計算機輔助設計軟體，用於二維繪圖、詳細繪圖、設計文件和基本三維設計。

AutoCAD可以繪製任意二維和三維圖形，與傳統的手工繪圖相比，使用AutoCAD繪圖更快、更準確、更方便個性化，主要應用於土木工程、裝飾、工業製圖、工程製圖、電子工業、服裝加工等領域。