相對全面的前端知識點

2022-04-09 06:17:00 字數 2576 閱讀 4670

1 1. html語義化標籤的理解; 結構化的理解; 能否寫出簡潔的html結構; seo優化 2. h5中新增的屬性; 如自定義屬性data, 類名classname等, 新增表單元素, 拖拽drag 3. h5中新增的api, 修改的api, 廢棄的api 稍作了解 (離線儲存, audio, video)

1. css選擇器( 三大特性 ) 2. bfc機制 3. 盒模型 4. css模組化開發(封裝); scss和less的使用 5. 螢幕適配 以及 頁面自適應 6. css3中新增的選擇器 7. css3中新增的屬性, transform trasition animation等...

1. 標準文件流(padding + margin + 負margin) + 浮動float + 定位 left + right + top + bottom 2. 百分比布局: px單位 用 %num代替, 佔父級元素的百分比 3. flex彈性布局: 主軸 輔助軸的幾個屬性 4. grid柵格布局: 使用框架中的類名來替代: 本質上還是百分比布局

1. 作用域, 作用域鏈, 閉包 2. 原型, 原型鏈, 繼承 3. 函式上下文, this指向 4. js的執行機制, 事件佇列和迴圈 5. ajax原理, axios庫 6. 同步, 非同步程式設計 7. jquery原始碼學習

1. 瀏覽器的構成和執行機制, 2. 瀏覽器核心 3. 瀏覽器互動: bom和dom相關webapi, 監聽事件 4. 瀏覽器快取機制 5. 瀏覽器的渲染原理 6. 瀏覽器的安全性: 跨域 和 攻擊

1. http協議 2. cookie, session, token

1. 字串, 陣列, 物件 擴充套件的api 2. 變數擴充套件: let const 解構賦值 塊級作用域 3. 函式擴充套件: 箭頭函式 預設引數, rest引數 4. 展開運算子, 模板字串 5. set 和 map資料結構 6. 迭代器和生成器函式 next 和 yield的理解 7. proxy物件 屬性**器: 屬性的讀取(get)和設定(set)相關操作 8. promise物件, 非同步程式設計的解決方案 9. async + await: 非同步程式設計的終極方案 promise + generator的語法糖 10. class語法 建構函式的語法糖 11. 模組化程式設計 export + import 的 匯出和匯入

1. 基本指令 2. 例項的 屬性 和 方法 3. 例項的生命週期 4. 元件基礎: 建立,註冊,新增屬性方法,套用等... 5. 元件通訊傳值 父子, 兄弟, 跨級 6. 插槽slot 等...

1. vue-router: 搭建spa,分發頁面 2. 路由,元件的配置 3. 路由間的傳值 4. 路由跳轉 5. 路由的導航守衛 6. 記住在router.js 和 元件頁面中的使用方式 7. vuex: 狀態管理: 資料倉儲store 8. 例項化倉庫的5大屬性的使用: state, getters, mutations, actions, modules 9. 輔助函式mapstate等..., 倉庫中計算屬性的對映, 方便操作 10. 記住在 store.js 和 元件中使用方式

1. 資料響應式原理 2. virtual dom 3. diff 演算法 4. nexttick等等...

1. vue-cli腳手架搭建 和 功能配置 vue.config.js 2. webpack的常用配置 3. 專案構建 打包 4. 熟悉各類框架的文件... 5. ui框架: bootstrap, mui, element-ui等 6. 常用的外掛程式整理, 整理乙個自己外掛程式庫, 封裝自己的方法庫,元件庫 7. 常用的工具熟練度 8. pc端 和 移動端開發注意事項 9. 經驗總結: 快速確定專案的技術選型 10. 坑點總結: 專案遇到坑坑坑!!! 11. 專案中的效能優化記錄 ( 都是細節點...多記錄 ) 12. 需求文件的理解, 可以結合 專案流程圖, uml圖 13. 問題解決能力: (bug定位除錯, 查詢文件, 尋求他人...) 14. 記錄習慣養成

1. 專案分類; 各類檔案整理,分類 2. 各類功能封裝 3. 元件和功能模組的抽離, 解耦, 復用

1. 類的抽象 2. 物件的封裝, 繼承 為了更好的去管理資料, 分類資料 實現高內聚, 低耦合

設計模式感覺也是 將物件導向思想 再度抽象成現實中 某些特定模式

學習常用的排序搜尋演算法, 順序表,鍊錶,棧,佇列,樹,堆 結構等等... 考驗你的 抽象思維 和 數學功底了 將現實需求 抽象成 計算機** 的思維能力

1. 學習能力 1. 持續學習的態度--部落格, 筆記記錄 2. 技術論壇活躍度高, 問答多 3. github開源專案參與 2. 了解一門後端語言 1. python, node.js, php等... 2. 資料庫mysql,redis,mongodb. sql的操作語句, mongo的操作語句, redis操作語句 3. node + express 搭建本地服務等 4. python + django + request + scrapy 3. 系統程式設計 1. linux命令列操作, 系統檔案管理 2. 多工, 多執行緒, 多程序, 協程, 併發, 並行, 序列, 同步, 非同步等概念的理解

前端知識點

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...

前端知識點

css實現單行文字溢位顯示 overflow hidden text overflow ellipsis white space nowrap 實現多行文字溢位顯示 display webkit box webkit box orient vertical webkit line clamp 3 o...

前端知識點

關於html 1.html語義化標籤的理解 結構化的理解 能否寫出簡潔的html結構 seo優化 2.h5中新增的屬性 如自定義屬性data,類名classname等,新增表單元素,拖拽drag 3.h5中新增的api,修改的api,廢棄的api 稍作了解 離線儲存,audio,video 關於cs...