【前端開發】——綜述

来源:http://www.cnblogs.com/liufen/archive/2016/05/26/total_mine.html
-Advertisement-
Play Games

前端開發知識點大綱: HTML&CSS:對Web標準的理解、瀏覽器內核差異、相容性、hack、CSS基本功:佈局、盒子模型、選擇器優先順序及使用、HTML5、CSS3、Flexbox、移動端適應。 JavaScript:數據類型、運算、對象(面向對象)、Function、繼承、閉包、作用域、插件、作用 ...


前端開發知識點大綱:

HTML&CSS:對Web標準的理解、瀏覽器內核差異、相容性、hack、CSS基本功:佈局、盒子模型、選擇器優先順序及使用、HTML5、CSS3、Flexbox、移動端適應。

JavaScript:數據類型、運算、對象(面向對象)、Function、繼承、閉包、作用域、插件、作用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、自定義事件、記憶體泄漏、事件機制、非同步裝載回調、模板引擎、跨域、前端MVC、路由、模塊化、Canvas、ECMAScript 6、Nodejs

其他:自動化構建、HTTP、離線存儲、WEB安全、正則、優化、重構、響應式、移動端、團隊協作、易用性、可維護、SEO、UED、架構、職業生涯 、快速學習能力

作為一名前端工程師,無論工作年頭長短都應該掌握的知識點:
1、DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。
2、DOM操作 —— 如何添加、移除、移動、複製、創建和查找節點等。
3、事件 —— 如何使用事件,以及IE和標準DOM事件模型之間存在的差別。
4、XMLHttpRequest —— 這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
5、嚴格模式與混雜模式 —— 如何觸發這兩種模式,區分它們有何意義。
6、盒模型 —— 外邊距、內邊距和邊框之間的關係,及IE8以下版本的瀏覽器中的盒模型。
7、塊級元素與行內元素 —— 怎麼用CSS控制它們、以及如何合理的使用它們。
8、浮動元素 —— 怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
9、HTML與XHTML —— 二者有什麼區別,你覺得應該使用哪一個並說出理由。
10、JSON —— 作用、用途、設計結構。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、工廠模式 (1)簡單工廠模式: 創建一個產品介面,有一個賣產品的方法。 產品A實現產品介面,賣漢堡。 產品B實現產品介面,賣薯條。 創造者是簡單工廠模式的核心:返回值類型是IProduct介面,通過測試類傳來的形參確定返回哪個對象。 測試類:輸出薯條。 (2)方法工廠模式: (圖片來自於網路) ...
  • 在做校園網視頻網站的時候,首頁有一個導航頁面要實現滾動效果,有樣例,但代碼是在難弄懂,貌似網頁設計這塊還是只有自己的代碼自己懂,索性就仿造別人的效果自己做了一個,大體上還行,看起來還是比較流暢的,不次於原作的么。 現在先把代碼拷貝到這裡,以後再逐一簡化修改: 實現混動效果,腳本代碼如下: var a ...
  • 一:跑通ui-router. ui-router源碼在最後面 跑通後的樣子: 這個不解釋了,都是很基本的東西. 二:切換視圖: 這裡的name可以不寫,但是你得放到state的第一個參數里. 跑起來後的後果: 三:如何通過鏈接切換視圖. 1 <!DOCTYPE html> 2 <html> 3 <h ...
  • 如果你是一名前端開發工程師,一般px和em使用頻率比較高。但是今天本文的重點是介紹一些我們使用很少、甚至麽有聽說的單位。 一、重溫em 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <style type="text/css"> body {font-size: 12px; ...
  • 由於游戲類官網在頁面背景和裝飾人物的設計上追求畫麗且與游戲風格想匹配,這就給前端頁面製作人員帶來了很多的麻煩,一個頁面的製作主要時間和精力花費在相容ie6上,而ie6因為不相容png-24的圖片一直被開發人員所鄙視。 由於市場決定了頁面的存在的價值,所以ie6還是必須要相容。 下麵介紹幾種常用的解決 ...
  • 在JavaScript中,正則表達式由RegExp對象表示。RegExp對象呢,又可以通過直接量和構造函數RegExp兩種方式創建,分別如下: 其中,末尾的可選字元(g、i和m)分別表示: g: 模式執行一個全局匹配。簡而言之,就是找到所有匹配,而不是在找到第一個之後就停止。 i: 模式執行不區分大 ...
  • 恢復內容開始 接下來項目需要網頁相關知識,故在大牛的指引下前來閱讀本書。 當前水平:HTML&CSS&JS基本掌握,能在閱讀文檔以及Google查找的情況下完成前端代碼編寫,但是學習不深,HTML5&CSS3新特性、JS基礎&框架皆不熟悉 讀書目的:瞭解DOM概念並通過訓練熟悉掌握,瞭解JS特性 博 ...
  • 現在最熱門的前端框架有AngularJS、React、Bootstrap等。自從接觸了ReactJS,ReactJs的虛擬DOM(Virtual DOM)和組件化的開發深深的吸引了我,下麵來跟我一起領略ReactJS的風采吧~~ 章有點長,耐心讀完,你會有很大收穫哦~ 一、ReactJS簡介 Rea ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...