web前端現狀
開發工具介紹
webstorm的安裝
webstorm的使用
html介紹
html基本結構
基本結構中的屬性
基本元素
圖片標籤
超連結
錨點定位
區塊元素和行內元素
無序和有序列表
自訂列表
表格基本結構
表格常用屬性
表格行和列的屬性
合併儲存格
Iframe框架
表單作用
文字方塊和密碼
單選按鈕和複選框
按鈕組
下拉清單
多行文字和lable標籤
表單域
html5新增類型1
html5新增類型2
html5新增屬性
div標籤和span標籤
html5新增結構標籤1
html5新增結構標籤2
datalist標籤
影片
音訊
embed標籤
canvas標籤1
canvas標籤2
認識css
css引進方式
css規則與註釋
chrome調試工具使用
元素選擇器和通用選擇器
類別選擇器和ID選擇器
css樣式表特徵
合併選擇器
div+css佈局
背景顏色和影像
背景圖片位置
背景附著
背景簡寫
字體屬性
顏色透明度和內容溢出
文字屬性1
文字屬性2
列表屬性
關係選擇器
屬性選擇器
連結偽類選擇器
結構性偽類選擇器
偽物件選擇器
認識盒子
外邊距
內邊距
外邊距合併
怪盒子
魅族官網
彈性盒子
彈性盒子應用
浮動
清除浮動
display屬性
position定位
瀏覽器核心及其前綴
z-index堆疊順序
金立官網導航條
金立官網導航條2
居中總結
金立官網輪播圖
金立官網明星產品
圓角
陰影
線性漸變
徑向漸變
動畫
繪製圖形
多列
微信導覽列
小米白色導航條
小米輪播圖和滑動門
小米小廣告位
小米閃購
小米手機部分
仿小米隱藏特效
行動端導航條
行動端輪播圖
行動端訊息部分
移動推薦餐廳
行動端頁腳
if分支
js初始
變數類型和轉換上
其他運算符
三目運算符
數學運算符
算術運算符
字面量
中斷並繼續
switch練習
switch練習(2)
while初識
單層循環結束
隨機數
小練習
循環初始
作業
作業結束
break+continue嵌套+菱形
嵌套循環
質數初始
質數簡化操作
字串常用方法上
字串上
字串中
字串常用方法
加密解密
數組初始
數組的遍歷
數組常用方法上
數組常用方法下
二維數組
二維數組練習
圖書管理系統
對象的初識
物件的操作
函數的形參和實參
函數的型別+補充
作業-對象班圖書管理系統
閉包
閉包的補充
變數的宣告提升
函數的一等公民
函數的作用域鏈+函數內變數提升
值傳遞和地址傳遞
函數出現同名參數
模擬函數的重載
eval+instanceof
Math
產生驗證碼
函數作用域補充
引用傳遞補充
日期對象
date作業
dom初始
dom的常用屬性上
location和dom常用屬性中
title跑馬燈
選擇頁面元素
dom建立頁面元素與屬性+css實作導航
設定內部樣式
node常用屬性上
node常用屬性下
node常用方法
html元素
事件概述+html事件
非IEdom0事件
非iedom2事件
ie中的dom2事件
dom2相容性寫法
滑鼠練習
滑動哦難過的div
調色盤
文檔的載入順序
div移動補充
onresize+setTimeOut
焦點事件
註冊用戶
滾動事件
有意義
鍵盤事件
作業1註冊用戶
小div在大div中移動
觸摸事件
this
this小例子
event屬性
取消節點預設行為+取消事件傳遞
新聞滾動
相容性寫法
滑鼠滾輪
新聞新增滾動事件
圖片驗證
二級聯動
三級聯動
事件委託
window初識
window.name
常用方法
右鍵IE和非IE對應的值
自訂右鍵選單
定時調用和延時調用
定時器的移動
淘寶例子
資料解析
頁面載入順序
js檔案的載入順序
回流和重繪
window.history
call和apply
iife
補充
對應和排他
物件導向+建構函數
女孩行走1
女孩行走2
初識原型
復用函數
物件導向和過程
模擬封裝
原型中的constructor
原型鏈
繼承的練習
原型練習
設計模式
設計模式結束
正規初識
表達式+範圍+組匹配
元字元模式
量詞模式
正規物件中的方法
正規高級-初位
重複類
貪婪和懶惰
數組去重上
hash去重
效率對比
冒泡排序初始版本
冒泡優化完整
遞迴
快速排序
二分查找
json解析
書城
尺寸相關
瀑布流
錯誤解決
無限滾動的瀑布流
課程主要解說WEB前端基礎,從了解WEB前端到安裝建置環境,使用WebStorm進行開發。本課程全面系統地闡述HTML和CSS基礎知識以及實際運用技術,透過大量實例深入淺出地分析了網頁製作的各個方面。主要涵蓋HTML標籤、CSS概念及字體設置,CSS選擇器、CSS盒子模型,CSS浮動及清除浮動,初識javascript,運算符,字串,物件和函數等。