一.HTML
- 認識瀏覽器
- 瀏覽器內核
- web標準
- HTML初時
- 認識結構
- 網站優化三大標籤
- HTML基本標籤
- body
註釋
換行和空格
段落p和無語義span,div
水平線
超鏈接
圖片
表格
列表
音頻
表單
特殊字符標籤
- body
- 表單pattern正則屬性
- css基礎
- 嵌入css樣式的四種方式
- 常用選擇器
- 字體屬性
- 文本屬性
- box盒子
- 佈局屬性-浮動
- 背景屬性-background…
- position定位屬性
- overflow:hidden的作用
- outline設置表單輪廓
- vertical-align
- 行內元素和塊級元素
- css權重問題
- 高級技巧
- cursor鼠標樣式
- 防止文本域拖拽resize
- 精靈圖和矢量圖、字體圖標庫的使用
- 2D、3D、過渡、動畫
- transform-origin的使用
- 引入ico圖標
<link rel="shortcut icon" href="favicon.ico"/>
- 常見問題
- 文本、圖片居中方式
二.JavaScript
- 瞭解
- 什麼是JavaScript
- JavaScript最初的目的
- JavaScript目前應用場景
- JavaScript組成部分
- 引入JavaScript行爲的方式
- 數據類型
- 簡單數據類型(基本數據類型):5個
- 基本類型之間相互轉化
- 複雜數據類型(Object、function、array…)
- 判斷類型方法:typeof
- 運算符
- 基本數據類型和複雜數據類型的區別(堆和棧的理解)
- 簡單數據類型(基本數據類型):5個
- 流程控制
- 數組定義和初始化
- 函數
- 函數聲明、函數表達式、匿名函數、自調用函數
- 作用域鏈
- 預解析
- 自定義對象和內置對象
- 自定義對象方式:字面量、new實體類
- this用法
- 刪除對象的屬性關鍵字:delete 對象屬性
- 內置對象Math、Date、Array、基本包裝類型String/Number/Boolbean(和Java8的自動裝箱是一個意思)
- BOM對象API
- window以及子對象document,frames,history,location,navigator,screen
- DOM對象API
- 獲取DOM元素方式
- 事件
- 註冊事件、移除事件的三種方式
- 事件的三個階段
- 事件對象Event的屬性和方法
- 阻止事件傳播方式:event.stopPropagation();
- 常用事件
- 非表單元數屬性設置、表單元素屬性設置
- innerText、innerHTML
- 行內樣式設置、類名添加類樣式
- 自定義屬性
- 創建元素的三種方式以及三種方式性能問題
- 節點操作
- 節點層級
- offset-系列、clicent系列、scroll系列使用
9.高級運用 - 什麼是面向對象
- JavaScript運行環境、編程範式、版本
- 創建對象
- 字面量方式、簡單方式、工廠方式、構造函數
- 原型
- 繼承
- 原型繼承、構造函數繼承、組合繼承、拷貝繼承
- 理解call、apply、bind的區別
- 函數閉包
- 閉包、沙箱閉包(一種設計模式)
- 函數遞歸
- 正則表達式
- 匹配、提取、替換
10.常見問題
- 匹配、提取、替換
- 爲什麼js代碼塊有時候不起作用,需要放在body標籤中
JavaScript是多線程還是單線程?
window對象方法moveBy();moveTo()效果不顯示
JS之return用法
JS之clientX,clientY,screenX,screenY,offsetX,offsetY區別測試
escape 、encodeURI 、encodeURIComponent的區別與應用場景
JS監聽組合按鍵
通過 js 判斷鼠標左右鍵以及中鍵的事件
js禁止鼠標右鍵和禁止選中複製
怎麼應用vertical-align,才能生效?
js中const,var,let區別與用法
javascript使用for循環批量註冊的事件不能正確獲取索引值的解決方法