- 1-001 HTML、CSS系列之導學
- 1-002 什么是HTML和CSS
- 1-003 宇宙一編輯器VS Code
- 1-004 chrome瀏覽器
- 1-005 深入了解網站開發
- 1-006 web前端三大核心技術
- 1-007 HTML基本結構與屬性
- 1-008 HTML初始代碼
- 1-009.HTML中的注釋
- 1-010 HTML語義化
- 1-011 標題與段落
- 1-012 文本修飾標簽
- 1-013 圖片標簽與圖片屬性
- 1-014 引入文件的地址路徑
- 1-015 跳轉鏈接
- 1-016 跳轉錨點
- 1-017 特殊符號
- 1-018 無序列表
- 1-019 有序列表
- 1-020 定義列表
- 1-021 嵌套列表
- 1-022 表格標簽
- 1-023 表格屬性
- 1-024 表單input標簽
- 1-025 表單相關標簽
- 1-026 表格表單組合實例
- 1-027 div與span
- 1-028 CSS語法格式
- 1-029 內聯樣式與內部樣式
- 1-030 外部樣式及兩種寫法
- 1-031 CSS顏色表示法
- 1-032 背景樣式
- 1-033 背景實現視覺差效果
- 1-034 邊框樣式
- 1-035 邊框實現三角形
- 1-036 family字體類型
- 1-037 字體大小粗細樣式
- 1-038 文本修飾與文本大小寫
- 1-039 文本縮進與文本對齊
- 1-040 文本的行高
- 1-041 文本間距與英文折行
- 1-042 文本與段落實現簡介
- 1-043 css復合樣式
- 1-044 ID選擇器及注意事項
- 1-045 CLASS選擇器及注意事項
- 1-046 標簽群組通配等選擇器
- 1-047 層次選擇器
- 1-048 屬性選擇器
- 1-049 hover等偽類選擇器
- 1-050 after等偽類選擇器
- 1-051 結構偽類選擇器
- 1-052 css樣式的繼承
- 1-053 、單一樣式的優先級
- 1-054 important群組等優先級
- 1-055 層次的優先級
- 1-056 css盒子模型
- 1-057 box-sizing改變盒模型
- 1-058 盒模型之margin疊加問題
- 1-059 盒模型之margin傳遞問題
- 1-060 css盒子模型之擴展
- 1-061 盒子模型的嵌套練習
- 1-062 按類型劃分標簽
- 1-063 按內容劃分標簽
- 1-064 按顯示劃分標簽
- 1-065 display顯示框類型
- 1-066 標簽嵌套規范
- 1-067 overflow溢出隱藏
- 1-068 透明度與手勢
- 1-069 最大最小寬高
- 1-070 css默認樣式
- 1-071 css重置樣式
- 1-072 PS基本操作與圖片格式
- 1-073 PNG等圖片切圖流程
- 1-074 切圖小練習之新浪趣圖(上)
- 1-075 切圖小練習之新浪趣圖(下)
- 1-076 PSD源文件切圖流程
- 1-077 企業中的切圖流程
- 1-078 float浮動概念及原理
- 1-079 float注意點整理
- 1-080 清除float浮動(上)
- 1-081 清除float浮動(下)
- 1-082 float制作頁面小結構(上)
- 1-083 float制作頁面小結構(下)
- 1-084 relative相對定位
- 1-085 absolute絕對定位
- 1-086 fixed和sticky及zIndex
- 1-087 定位實現下拉菜單
- 1-088 定位實現居中和裝飾點
- 1-089 css添加省略號
- 1-090 css精靈及好處
- 1-091 css圓角設置
- 1-092 PC端企業類型整頁制作(1)
- 1-093 PC端企業類型整頁制作(2)
- 1-094 PC端企業類型整頁制作(3)
- 1-095 PC端企業類型整頁制作(4)
- 1-096 PC端企業類型整頁制作(5)
- 1-097 PC端企業類型整頁制作(6)
- 1-098 PC端企業類型整頁制作(7)
- 1-099 PC端企業類型整頁制作(8)
- 1-100 PC端游戲類型整頁制作(1)
- 1-101 PC端游戲類型整頁制作(2)
- 1-102 PC端游戲類型整頁制作(3)
- 1-103 PC端游戲類型整頁制作(4)
- 1-104 PC端游戲類型整頁制作(5)
- 1-105 PC端游戲類型整頁制作(6)
- 1-106 PC端游戲類型整頁制作(7)
- 1-107 PC端游戲類型整頁制作(8)
- 1-108 PC端游戲類型整頁制作(9)
- 1-109 PC端游戲類型整頁制作(10)
- 1-110 HTML和CSS發展歷史
- 1-111 HTML與XHTML的區別
- 1-112 b標簽與i標簽
- 1-113 引用標簽基本操作
- 1-114 iframe嵌套頁面
- 1-115 br標簽與wbr標簽
- 1-116 pre標簽與code標簽
- 1-117 map標簽與area標簽
- 1-118 embed標簽與object標簽
- 1-119 video標簽與audio標簽
- 1-120 文字注解與文字方法
- 1-121 link標簽擴展學習
- 1-122 meta標簽擴展學習
- 1-123 HTML5新語義化標簽(1)
- 1-124 HTML5新語義化標簽(2)
- 1-125 HTML5新語義化標簽(3)
- 1-126 表格擴展學習
- 1-127 表單擴展之美化控件
- 1-128 表單擴展之新input控件
- 1-129 表單擴展之新屬性
- 1-130 表單擴展之數據傳輸
- 1-131 表單擴展之標簽
- 1-132 BFC規范(上)
- 1-133 BFC規范(下)
- 1-134 瀏覽器內核與瀏覽器前綴
- 1-135 transition過渡基礎語法
- 1-136 transition實例之過渡導航
- 1-137 transform位移與縮放
- 1-138 transform旋轉與斜切
- 1-139 transform復合寫法與注意點
- 1-140 斜切的導航
- 1-141 變形的列表
- 1-142 animation動畫基礎語法
- 1-143 劃入劃出的小圖標
- 1-144 loading加載動畫效果
- 1-145 animation動畫擴展語法
- 1-146 animate.css動畫庫
- 1-147 3D基本語法及成像原理
- 1-148 實現3D立方體
- 1-149 3D相關語法及擴展學習
- 1-150 3D效果之旋轉木馬
- 1-151 3D效果之翻轉圖片
- 1-152 背景尺寸 位置 裁切等
- 1-153 線性漸變與徑向漸變
- 1-154 漸變的加載進度條
- 1-155 @font-face字體圖標
- 1-156 iconfont矢量圖標庫
- 1-157 自定義字體圖標
- 1-158 text-shadow文字陰影
- 1-159 box-shadow盒子陰影
- 1-160 小米官網盒子陰影效果
- 1-161 mask遮罩效果
- 1-162 box-reflect倒影與scale負值
- 1-163 blur模糊與calc計算
- 1-164 column分欄布局
- 1-165 偽元素概念與意義
- 1-166 hack概念與CSS屬性前綴法
- 1-167 選擇器前綴法與IE條件注釋法
- 1-168 IE低版本常見BUG
- 1-169 漸進增強與優雅降級
- 1-170 布局擴展之等高布局
- 1-171 布局擴展之雙飛翼布局
- 1-172 布局擴展之圣杯布局
- 1-173 PC端管理后臺整頁制作(1)
- 1-174 PC端管理后臺整頁制作(2)
- 1-175 PC端管理后臺整頁制作(3)
- 1-176 PC端管理后臺整頁制作(4)
- 1-177 PC端管理后臺整頁制作(5)
- 1-178 PC端管理后臺整頁制作(6)
- 1-179 PC端管理后臺整頁制作(7)
- 1-180 PC端管理后臺整頁制作(8)
- 1-181 PC端管理后臺整頁制作(9)
- 1-182 PC端管理后臺整頁制作(10)
- 1-183 PC端管理后臺整頁制作(11)
- 1-184 flex彈性布局(1)
- 1-185 flex彈性布局(2)
- 1-186 flex彈性布局(3)
- 1-187 flex彈性布局(4)
- 1-188 flex彈性布局(5)
- 1-189 flex彈性布局(6)
- 1-190 flex彈性布局(7)
- 1-191 grid網格布局(1)
- 1-192 grid網格布局(2)
- 1-193 grid網格布局(3)
- 1-194 grid網格布局(4)
- 1-195 grid網格布局(5)
- 1-196 grid網格布局(6)
- 1-197 grid網格布局(7)
- 1-198 移動端之viewport視口
- 1-199 移動端流式布局整頁制作(1)
- 1-200 移動端流式布局整頁制作(2)
- 1-201 移動端流式布局整頁制作(3)
- 1-202 移動端流式布局整頁制作(4)
- 1-203 rem單位及rem布局原理
- 1-204 js方式進行動態fontsize設置
- 1-205 vw單位進行動態fontsize設置
- 1-206 移動端rem布局實戰流程
- 1-207 響應式布局之媒體查詢語法
- 1-208 響應式布局之兩種操作模式
- 1-209 響應式布局之實戰導航菜單
- 1-210 bootstrap4之containers
- 1-211 bootstrap4之grid(上)
- 1-212 bootstrap4之grid(下)
- 1-213 bootstrap4之content
- 1-214 bootstrap4之components
- 1-215 bootstrap4之utilities
- 1-216 bootstrap個人博客整頁制作(1)
- 1-217 bootstrap個人博客整頁制作(2)
- 1-218 bootstrap個人博客整頁制作(3)
- 1-219 bootstrap個人博客整頁制作(4)
- 1-220 Sass與Less介紹和環境搭建
- 1-221 Sass與Less注釋 變量 插值 作用域
- 1-222 Sass與Less嵌套之選擇器 偽類 屬性
- 1-223 Sass與Less運算之單位 轉義 顏色
- 1-224 Sass與Less函數之內置 自定義
- 1-225 Sass與Less混入 命名空間 繼承
- 1-226 Sass與Less合并 媒體查詢
- 1-227 Sass與Less條件 循環 導入
- 1-228 PostCSS簡介與安裝
- 1-229 PostCSS插件使用(上)
- 1-230 PostCSS插件使用(下)
- 1-231 CSS架構與文件組織
- 1-232 CSS新特性之自定義屬性
- 1-233 CSS新特性之shapes
- 1-234 CSS新特性之scrollbar
- 1-235 CSS新特性之scrollsnap
- 1-236 CSS與JS結合之鐘表
- 1-237 CSS與JS結合之折疊菜單
- 2.1-001 JS基礎語法知識
- 2.1-002 JS基礎語法知識
- 2.1-003 常量和變量
- 2.1-004 變量命名和弱引用
- 2.1-005 進制轉換
- 2.1-006 JS基礎前情提要_xmind軟件
- 2.1-007 算數運算符
- 2.1-008 賦值和一元運算符
- 2.1-009 算數運算的練習
- 2.1-010 強制數據類型轉換
- 2.1-011 關系運算符
- 2.1-012 邏輯運算符
- 2.1-013 流程控制語句_順序結構
- 2.1-014 單分支和雙分支語句
- 2.1-015 多分支語句
- 2.1-016 多分支switch語句
- 2.1-017 三目運算符
- 2.1-018 省略break簡化代碼
- 2.1-019 while循環和練習
- 2.1-020 循環的區別
- 2.1-021 循環嵌套
- 2.1-022 循環練習
- 2.1-023 循環拓展訓練
- 2.1-024 輸出當前年第多少天
- 2.1-025 認識函數
- 2.1-026 有參數有返回值函數
- 2.1-027 函數封裝練習
- 2.1-028 arguments講解
- 2.1-029 函數作用域
- 2.1-030 認識遞歸
- 2.1-031 遞歸練習
- 2.1-032 認識數組
- 2.1-033 數組的遍歷
- 2.1-034 數組的方法
- 2.1-035 數組的方法
- 2.1-036 數組求平均數
- 2.1-037 數組的引用
- 2.1-038 聲明提升和省略var
- 2.1-039 二維數組
- 2.1-040 數組_冒泡排序
- 2.1-041 數組的_選擇排序
- 2.1-042 數組練習
- 2.1-043 嚴格模式片頭
- 2.1-044 ECMA5新增數組的方法
- 2.1-045 認識字符串
- 2.1-046 字符串查找的方法
- 2.1-047 字符串方法_重點
- 2.1-048 字符串練習
- 2.1-049 字符串_驗證碼(1)
- 2.1-050 字符串_驗證碼(2)
- 2.1-051 字符串練習
- 2.1-052 字符串_敏感詞過濾
- 2.1-053 字符串_表單驗證
- 2.1-054 認識對象
- 2.1-055 Math對象的方法
- 2.1-056 聲明日期對象
- 2.1-057 日期對象的方法
- 2.1-058 日期對象的練習
- 2.1-059 定時器
- 2.1-060 秒表
- 2.1-061 認識BOM
- 2.1-062 history對象
- 2.1-063 location對象的屬性
- 2.1-064 location對象方法
- 2.1-065 認識DOM
- 2.1-066 獲取元素節點
- 2.1-067 自定義byClassName方法
- 2.1-068 獲取當前有效樣式
- 2.1-069 改變字體顏色和大小
- 2.1-070 attribute和元素節點屬性
- 2.1-071 獲取子節點
- 2.1-072 屬性節點attributes
- 2.1-073 節點操作
- 2.1-074 節點操作案例
- 2.1-075 快速找到點擊按鈕的下標
- 2.1-076 選項卡
- 2.1-077 offset系列
- 2.1-078 文檔碎片
- 2.1-079 數組和對象的遍歷
- 2.1-080 認識事件和事件類型
- 2.1-081 Event事件類型
- 2.1-082 事件對象和事件對象屬性
- 2.1-083 跟隨鼠標移動提示框
- 2.1-084 事件對象屬性
- 2.1-085 事件冒泡和觸發對象
- 2.1-086 事件練習
- 2.1-087 阻止默認行為和超鏈接
- 2.1-088 拖拽
- 2.1-089 事件委托
- 2.1-090 Event事件監聽器
- 2.1-091 動態生成表格
- 2.1-092 放大鏡案例
- 2.1-093 認識正則表達式語法
- 2.1-094 正則_元字符
- 2.1-095 正則_練習
- 2.1-096 表單驗證和密碼強度驗證
- 2.1-097 localStorage
- 2.1-098 this和強制改變this指向
- 2.1-099 let和const關鍵字
- 2.1-100 箭頭函數
- 2.1-101 解構和ECMA6字符串
- 2.1-102 數組方法和合并對象
- 2.1-103 集合和英漢詞典案例
- 2.1-104 數組遍歷
- 2.1-105 回顧面向對象概念
- 2.1-106 構造函數封裝
- 2.1-107 面向對象多態和繼承
- 2.1-108proto__和instanceof關鍵字
- 2.1-109 ECMA6的class語法
- 2.1-110 面向對象實戰和this指向問題
- 2.1-111 繼承拖拽和選項卡改造
- 2.1-112 認識運動
- 2.1-113 分享到和淡入淡出案例
- 2.1-114 緩沖運動
- 2.1-115 緩沖菜單
- 2.1-116 多物體運動
- 2.1-117 多物體多樣式運動
- 2.1-118 鏈式運動
- 2.1-119 打磚塊
- 2.1-120 碰撞
- 2.1-121 打磚塊
- 2.1-122 圓周運動
- 2.1-123 完美運動框架
- 2.1-124 多圖片的縮放
- 2.1-125 banner圖效果
- 2.1-126 服務器安裝和入門
- 2.1-127 PHP語法
- 2.1-128 PHP語法
- 2.1-129 認識ajax
- 2.1-130ajax對象兼容try_throw_catch
- 2.1-131ajax的onreadystatechange
- 2.1-132 ajax_GET和POST提交
- 2.1-133 ajax函數的封裝
- 2.1-134 JSON對象和實戰案例
- 2.1-135 MySQL入門
- 2.1-136 mySQL命令操作
- 2.1-137 MySQL的SQL語句
- 2.1-138 可視化界面操作數據庫
- 2.1-139 通過php操作數據庫
- 2.1-140 獲取學員成績
- 2.1-141 添加學員成績
- 2.1-142 注冊前端頁面的實現
- 2.1-143 注冊后臺實現
- 2.1-144 獲取用戶列表
- 2.1-145 用戶數據的刪除
- 2.1-146 用戶數據的修改
- 2.1-147 用戶數據修改
- 2.1-148 認識JSONP跨域
- 2.1-149 JSONP跨域語法
- 2.1-150 天氣查詢_案例
- 2.1-151 百度搜索框_JSONP案例
- 2.1-152 網絡協議
- 2.1-153 cookie詳解
- 2.1-154 cookie可選項
- 2.1-155 cookie封裝
- 2.1-156 認識閉包
- 2.1-157 閉包的作用和注意事項
- 2.1-158 Gulp的準備工作
- 2.1-159 Gulp基本使用
- 2.1-160 Gulp插件的進階使用
- 2.1-161 模塊化歷程
- 2.1-162 模塊化開發規范
- 2.1-163 requireJS的語法
- 2.1-164 模塊化案例
- 2.1-165 模塊化_實戰項目
- 2.1-166 scss_簡介和安裝
- 2.1-167 scss_語法
- 2.1-168 scss編程_語法
- 2.1-169 scss編程_語法
- 2.1-170 git的準備工作
- 2.1-171 git命令操作
- 2.1-172 git命令操作
- 2.2-01 JQuery入門視頻
- 2.2-02 JQuery的方法
- 2.2-03 JQuery方法
- 2.2-04 JQuery方法
- 2.2-05 JQuery特效函數
- 2.2-06 JQuery動畫animate方法
- 2.2-07 JQuery方法
- 2.2-08 JQuery方法
- 2.2-09 JQuery工具方法
- 2.2-10 JQuery插件方法
- 2.2-11 JQuery的ajax和cookie
- 2.2-12 JQuery實戰_放大鏡
- 2.2-13 JQuery實戰_banner圖
- 2.2-14 JQuery實戰_購物車
- 2.2-15 JQuery實戰_購物車
- 2.2-16 JQuery實戰_購物車
- 2.3-01bootstrap的介紹
- 2.3-02bootstrap的安裝
- 2.3-03boostrap的使用_布局(柵格系統的初步體驗)
- 2.3-04柵格系統的詳細_固定寬度,百分比寬度 堆疊到水平
- 2.3-05柵格布局的詳細(堆疊到水平,適應三種屏幕,多余的列換行)
- 2.3-06表格
- 2.3-07表單
- 2.3-08按鈕
- 2.3-09組件_圖標
- 2.3-10組件_下拉菜單
- 2.3-11組件_輸入框組
- 2.3-12按鈕組
- 2.3-13javascript插件_模態窗口
- 2.4-01.小米項目前期準備
- 2.4-02.小米項目Gulp搭建
- 2.4-03.小米項目banner圖的實現
- 2.4-04.小米項目側邊導航
- 2.4-05.小米商城頂部導航
- 2.4-06.小米商城項目導航搜索框
- 2.4-07.小米商城項目滾動商品列表
- 2.4-08.小米商城項目首頁商品列表
- 2.4-09.小米商城項目商品列表頁導航實現
- 2.4-10.小米項目商品列表頁商品加載
- 2.4-11.小米商城項目商品列表頁banner圖
- 2.4-12.小米項目商品詳情頁(一)
- 2.4-13.小米項目商品詳情頁(二)..輪播圖
- 2.4-14.小米項目商品詳情頁(三)..購物車
- 2.4-15.小米項目購物車結算頁(一)
- 2.4-16.小米項目購物車結算頁(二)
- 2.4-17.小米項目購物車結算頁(三)
- 2.4-18.小米項目購物車結算頁(四)
- 2.4-19.小米商城項目注冊實現
- 2.4-20.小米商城項目登錄實現
- 3.1-01 NodeJS基礎介紹
- 3.1-02 開發環境配置
- 3.1-03 模塊 包與Common
- 3.1-04 npm帶來全新開發體驗
- 3.1-05 深入淺出Node核心模塊API-url
- 3.1-06 深入淺出Node核心模塊API-QueryString
- 3.1-07 深入淺出Node核心模塊API-http爬蟲tscproj
- 3.1-08 深入淺出Node核心模塊API-HTTP Request GET
- 3.1-09 深入淺出Node核心模塊API-HTTP Request POST
- 3.1-10 深入淺出Node核心模塊API-Events
- 3.1-11 深入淺出Node核心模塊API-fs
- 3.1-12 深入淺出Node核心模塊API-Stream
- 3.1-13 使用Node創建后端路由(一)
- 3.1-14 使用Node創建后端路由(二)
- 3.1-15 使用Node創建后端路由(三)
- 3.1-16.Node.js請求參數
- 3.1-17 Async,讓你更優雅的編寫同步異步代碼
- 3.1-18 使用npm script 提高開發效率
- 3.1-19 淺析socket的實際應用
- 3.1-20 Node中Net核心模塊對socket的支持
- 3.1-21 瀏覽器原生支持的websocket
- 3.1-22 兼容性卓越的socket.io
- 3.1-23 MongoDB安裝
- 3.1-24 MongoDB概念解析
- 3.1-25 常用的MongoDB操作命令
- 3.1-26 快速上手集合(colletion)操作
- 3.1-27 快速上手文檔(document)操作
- 3.1-28 MongoDB數據讀取進階
- 3.1-29 Node.js下方便快捷的Express框架
- 3.1-30 Express初始化項目詳解
- 3.1-31 Express中的路由
- 3.1-32 使用EJS模板
- 3.1-33 mocha安裝和準備
- 3.1-34 測試框架
- 3.1-35 斷言庫chai
- 3.1-36 項目案例
- 3.1-37 運行多個測試
- 3.1-38 項目效果演示
- 3.1-39 項目準備
- 3.1-40 首頁結構和樣式
- 3.1-41 注冊頁面結構和樣式
- 3.2-01 MongoDB課程介紹
- 3.2-02 MongoDB教學目標
- 3.2-03 數據庫簡介
- 3.2-04 MongoDB簡介
- 3.2-05-1 MongoDB安裝(linux系統)
- 3.2-05-2 MongoDB安裝(win系統)
- 3.2-06 MongoDB基本操作
- 3.2-07 MongoDB插入文檔
- 3.2-08 MongoDB查詢文檔
- 3.2-09 MongoDB修改文檔
- 3.2-10 MongoDB刪除文檔
- 3.2-11 MongoDB增刪改查總結
- 3.2-12 MongoDB教學系統數據庫設計
- 3.2-13 MongoDB排序 分頁
- 3.2-14 MongoDB聚合查詢
- 3.2-15-1 MongoDB索引(上)
- 3.2-15-2 MongoDB索引(下)
- 3.2-16 MongoDB權限機制
- 3.2-17 MongoDB備份還原
- 3.2-18 實戰可視化管理工具
- 3.2-19 mongoose簡介
- 3.2-20 mongoose使用
- 3.2-21 接口概念
- 3.2-22 接口開發規范(Restful API)
- 3.2-23 接口測試工具
- 3.2-24-1 教學系統開發(express)
- 3.2-24-2 教學系統開發(添加接口)
- 3.2-24-3 教學系統開發(學生列表接口)
- 3.2-24-4 教學系統開發(學生列表接口分頁)
- 3.2-25 實戰接口文檔開發apiDoc
- 3.2-26 總結
- 3.3-01 需求講解
- 3.3-02 項目工程搭建
- 3.3-03 注冊功能
- 3.3-04 登錄功能
- 3.3-05 登錄攔截
- 3.3-06 退出登錄
- 3.3-07 文章發布功能
- 3.3-08 文章列表
- 3.3-09 分頁查詢
- 3.3-10 刪除文章
- 3.3-11 修改文章
- 3.3-12 文章詳情頁
- 3.3-13 文件上傳
- 3.3-14 項目總結
- 4.1-001 vue介紹
- 4.1-002 vue插值
- 4.1-003 vue指令-(v-if和v-show)
- 4.1-004 vue-class綁定
- 4.1-005 vue-style綁定
- 4.1-006 vue-條件渲染
- 4.1-007 vue-列表渲染
- 4.1-008 vue-列表key值設置
- 4.1-009 vue-列表數組檢測
- 4.1-010 vue-列表過濾應用-1
- 4.1-011 vue-列表過濾應用-2
- 4.1-012 vue-事件處理器
- 4.1-013 vue-事件修飾符
- 4.1-014 vue-按鍵修飾符
- 4.1-015 vue-表單控件綁定-1
- 4.1-016 vue-表單控件綁定-2
- 4.1-017 vue-購物車-1
- 4.1-018 vue-購物車-2
- 4.1-019 vue-購物車-3
- 4.1-020 vue-購物車-4
- 4.1-021 vue-表單修飾符
- 4.1-022 vue-fetch
- 4.1-023 vue-axios
- 4.1-024 vue-計算屬性
- 4.1-025 vue-計算屬性模糊查詢
- 4.1-026 vue-虛擬dom_diff
- 4.1-027 vue-定義組件-1
- 4.1-028 vue-定義組件-2
- 4.1-029 vue-組件與實例區別
- 4.1-030 vue-父傳子
- 4.1-031 vue-屬性驗證
- 4.1-032 vue-子傳父
- 4.1-033 vue-子傳父案例
- 4.1-034 vue-ref通信
- 4.1-035 vue-非父子通信-事件總線-1
- 4.1-036 vue-非父子通信-事件總線-2
- 4.1-037 vue-動態組件
- 4.1-038 vue-slot
- 4.1-039 vue-slot應用
- 4.1-040 vue-具名slot
- 4.1-041 vue-單個元素過渡
- 4.1-042 vue-多個元素過渡
- 4.1-043 vue-多個組件過渡
- 4.1-044 vue-列表過渡
- 4.1-045 vue-生命周期
- 4.1-046 vue-過濾器
- 4.1-047 vue-swiper
- 4.1-048 vue-swiper組件封裝
- 4.1-049 vue-指令用法
- 4.1-050 vue-指令輪播
- 4.1-051 vue-單文件組件介紹以及腳手架安裝
- 4.1-052 vue-腳手架創建項目
- 4.1-053 vue-單文件組件
- 4.1-054 vue-多個單文件組件_socped-1
- 4.1-055 vue-多個單文件組件_socped-2
- 4.1-056 vue-eslint_打包
- 4.1-057 vue-反向代理配置
- 4.1-058 vue-一級路由配置
- 4.1-059 vue-路由聲明式導航
- 4.1-060 vue-二級路由以及重定向-1
- 4.1-061 vue-二級路由以及重定向-2
- 4.1-062 vue-動態路由
- 4.1-063 vue-命名路由
- 4.1-064 vue-history模式
- 4.1-065 vue-路由守衛
- 4.1-066 vue-項目數據請求
- 4.1-067 vue-項目iconfont
- 4.1-068 vue-項目nowplaying
- 4.1-069 vue-項目輪播-1
- 4.1-070 vue-項目輪播-2
- 4.1-071 vue-項目吸頂效果-1
- 4.1-072 vue-項目吸頂效果-2
- 4.1-073 vue-詳情頁面-1
- 4.1-074 vue-詳情頁面-2
- 4.1-075 vue-詳情頁面-輪播組件-1
- 4.1-076 vue-詳情頁面-輪播組件-2
- 4.1-077 vue-better-scroll-1
- 4.1-078 vue-better-scroll-2
- 4.1-079 vue-項目-事件總線實例
- 4.1-080 vue vuex控制tabbar-1
- 4.1-081 vue vuex控制tabbar-2
- 4.1-082 vue vue_devtools
- 4.1-083 vue vuex異步處理-1
- 4.1-084 vue vuex異步處理-2
- 4.1-085 vue vuex-mapState-1
- 4.1-086 vue vuex-mapState-2
- 4.1-087 vue vuex-getters
- 4.1-088 vue vuex-mutation常量風格
- 4.1-089 vue vuex-設計原則
- 4.1-090 vue-elementUI-1
- 4.1-091 vue-elementUI-2
- 4.1-092 vue-mintUI-indictor
- 4.1-093mintUI-infinitescroll-1
- 4.1-094mintUI-infinitescroll-2
- 4.1-095mintUI-infinitescroll-3
- 4.1-096mintUI-messagebox
- 4.1-097mintUI-swipe
- 4.1-098mintUI-indexList-1
- 4.1-099mintUI-indexList-2
- 4.1-100 vue-mintUI-indexList-3
- 4.1-101 vue-mintUI-indexList-4
- 4.1-102 vue-mintUI-indexList-5
- 4.1-103 vue-手勢事件
- 4.1-104 vue-ssr-1
- 4.1-105 vue-ssr-2
- 4.1-106 vue-nuxt-項目創建
- 4.1-107 vue-nuxt-一級路由
- 4.1-108 vue-nuxt-聲明式導航
- 4.1-109 vue-nuxt-嵌套路由
- 4.1-110 vue-nuxt-重定向
- 4.1-111 vue-nuxt-動態路由
- 4.1-112 vue-nuxt-視圖
- 4.1-113 vue-nuxt-asyncData-1
- 4.1-114 vue-nuxt-asyncData-2
- 4.1-115 vue-nuxt-asyncData-3
- 4.1-116 vue-nuxt-反向代理-1
- 4.1-117 vue-nuxt-反向代理-2
- 4.1-118 vue-nuxt-反向代理-3
- 4.1-119 vue-nuxt-elementUI-1
- 4.1-120 vue-nuxt-elementUI-2
- 4.2-01 項目演示與開發環境
- 4.2-02 項目開發流程
- 4.2-03 多人協作與靜態布局
- 4.2-04 搭建腳手架與遠程倉庫
- 4.2-05 路由配置與初始化代碼
- 4.2-06 頭部組件與底部導航組件
- 4.2-07 電影路由與組件拆分
- 4.2-08 影院組件與登錄組件
- 4.2-09 城市組件數據渲染(上)
- 4.2-10 城市組件數據渲染(下)
- 4.2-11 熱映電影組件數據渲染
- 4.2-12 搜索影片組件數據渲染
- 4.2-13 影院組件數據渲染
- 4.2-14 封裝better-scroll組件(上)
- 4.2-15 封裝better-scroll組件(下)
- 4.2-16 封裝loading組件
- 4.2-17 當前城市本地存儲與狀態管理
- 4.2-18 當前城市ID關聯相關數據
- 4.2-19 定位城市與彈窗組件(上)
- 4.2-20 定位城市與彈窗組件(下)
- 4.2-21 電影詳情頁組件開發(上)
- 4.2-22 電影詳情頁組件開發(中)
- 4.2-23 電影詳情頁組件開發(下)
- 4.2-24 項目優化與真機測試
- 4.2-25 項目打包與線上部署
- 4.2-26 搭建后臺與用戶接口分析
- 4.2-27 郵箱配置與發送驗證碼接口
- 4.2-28 數據持久化與用戶注冊接口
- 4.2-29 登錄登出接口與查詢用戶信息接口
- 4.2-30 修改密碼接口與用戶組件創建
- 4.2-31 用戶登錄組件開發
- 4.2-32 保存登錄態與用戶狀態管理
- 4.2-33 用戶注冊組件開發
- 4.2-34 用戶重置密碼組件開發
- 4.2-35 管理員接口與管理員權限
- 4.2-36 管理后臺組件開發
- 4.2-37 ElementUI搭建后臺布局
- 4.2-38 ElementUI導航與表格
- 4.2-39 用戶管理相關接口實現
- 4.2-40 賬號凍結與賬號刪除
- 4.2-41 ElementUI分頁處理
- 4.2-42 優化驗證碼時效與倒計時
- 4.2-43 優化密碼加密與安全
- 4.2-44 優化登錄創建防攻擊驗證碼
- 4.2-45 用戶上傳頭像(上)
- 4.2-46 用戶上傳頭像(下)
- 5.1-01 初始react
- 5.1-02 基本環境搭建
- 5.1-03 jsx語法基本使用
- 5.1-04 jsx語法進階使用
- 5.1-05 react列表
- 5.1-06 遍歷對象
- 5.1-07 面向組件編程基礎
- 5.1-08 面向組件編程props基礎
- 5.1-09 props驗證與默認值
- 5.1-10 渲染外部數據與練習
- 5.1-11 state基礎
- 5.1-12 state進階
- 5.1-13 ref 轉發
- 5.1-14 事件與this
- 5.1-15 條件渲染
- 5.1-16 狀態提升
- 5.1-17 create react app基本創建
- 5.1-18 腳手架組件使用
- 5.1-19 腳手架props與state
- 5.1-20 組件傳值
- 5.1-21 數據請求與json server
- 5.1-22 跨域請求
- 5.1-23 react router dom路由基礎
- 5.1-24 路由進階與高階組件
- 5.1-25 hook使用
- 5.1-26 redux
- 5.2-1.1 基本環境
- 5.2-2.1 首頁底部導航欄配置
- 5.2-2.2 首頁頭部與輪播圖配置
- 5.2-2.3 搜索框的實現
- 5.2-3.1 宮格布局
- 5.2-3.2 mock數據
- 5.2-4 axios請求完成宮格
- 5.2-5.1 配置redux
- 5.2-5.2 saga輪播圖數據請求
- 5.2-6 精品好菜
- 5.2-7 分類頂部切換
- 5.2-8 分類頁面還原
- 5.2-9 分類數據請求
- 5.2-10 使用第三方控件
- 5.2-11 跨組件狀態控制
- 5.3-01 項目創建和插件安裝
- 5.3-02 路由和頁面組件創建(一)
- 5.3-03 路由和頁面組件創建(二)
- 5.3-04 管理后臺頁面框架搭建(一)
- 5.3-05 管理后臺頁面框架搭建(二)
- 5.3-06 列表頁面搭建
- 5.3-07 表單頁面搭建(一)
- 5.3-08 表單頁面搭建(二)
- 5.3-09 登錄頁面 UI
- 5.3-10 管理后臺登錄判斷
- 5.3-11 管理后臺退出功能
- 5.3-12 axios請求封裝
- 5.3-13 對接api登錄和獲取商品數據
- 5.3-14 列表數據實現分頁
- 5.3-15 實現新增和修改功能
- 5.3-16 表格數據刪除和上下架處理
- 5.3-17 商品圖片上傳和展示
- 5.3-18 看板和通知中心 UI
- 5.3-19 使用redux實現跨組件傳參
- 5.3-20 使用富文本編輯器設置商品詳情
- 5.3-21 使用redux存儲商品列表數據
- 5.3-22 商品數據通過redux進行處理
- 6.1-01 小程序課程介紹
- 6.1-02 小程序的適用場景
- 6.1-03 小程序開發步驟
- 6.1-04 創建小程序項目
- 6.1-05 小程序的項目工程目錄介紹
- 6.1-06 小程序全局配置(1)
- 6.1-07 小程序全局配置(2)
- 6.1-08 小程序頁面配置
- 6.1-09 小程序MINA框架介紹
- 6.1-10 視圖的數據綁定
- 6.1-11 數據響應操作(data)
- 6.1-12 小程序中的事件處理
- 6.1-13 小程序樣式定義 rpx
- 6.1-14 小程序布局 flexbox
- 6.1-15 小程序頁面下拉刷新和上拉分頁事件
- 6.1-16 小程序中的路由與導航(1)
- 6.1-17 小程序編程式導航(2)
- 6.1-18 自定義組件 創建自定義組件
- 6.1-19 Component 構造器
- 6.1-20 組件的相互嵌套使用
- 6.1-21 組件間通信與事件(1)
- 6.1-22 組件間通信與事件(2)
- 6.1-23 組件中的插槽(slot)
- 6.1-24 組件間代碼共享Behavior
- 6.1-25 組件中的生命周期方法
- 6.1-26 數據監聽器(observers)
- 6.1-27 組件間關系(relations)
- 6.1-28 基本組件:View
- 6.1-29 基本組件:scrollview
- 6.1-30 基本組件 swiper
- 6.1-31 基本組件 movableview
- 6.1-32 組件案例 滑動刪除效果
- 6.1-33 內容組件 icon與阿里的圖標庫的使用
- 6.1-34 內容組件 rich text 顯示HTML
- 6.1-35 表單組件 form
- 6.1-36 表單組件 Button open type
- 6.1-37 表單組件 checkbox radio
- 6.1-38 表單組件 switch textarea
- 6.1-39 表單組件 picker
- 6.1-40 表單組件 pickview
- 6.1-41 open data組件獲取用戶信息
- 6.1-42 云開發 環境搭建
- 6.1-43 云開發 云函數定義與調用
- 6.1-44 云開發 云數據庫操作
- 6.2-01 小程序整體架構介紹
- 6.2-02 喵喵項目演示與介紹
- 6.2-03 創建項目初始化文件
- 6.2-04 iconfont使用
- 6.2-05 首頁布局及樣式編寫
- 6.2-06 創建用戶表及寫入用戶數據
- 6.2-07 利用login云函數自動登錄
- 6.2-08我的頁面和個人信息頁面布局
- 6.2-09 創建編輯子頁和修改簽名功能
- 6.2-10 修改手機和微信號及共享位置
- 6.2-11 修改自定義昵稱和微信昵稱
- 6.2-12 選擇頭像圖片及上傳到云存儲
- 6.2-13 修改自定義頭像和微信頭像
- 6.2-14 首頁用戶列表渲染及多賬號調試
- 6.2-15 點贊功能實現與update云函數
- 6.2-16 昵稱和點贊的優化及wxs使用
- 6.2-17 首頁的推薦與最新功能實現
- 6.2-18 詳情頁渲染數據和樣式布局
- 6.2-19 自定義callPhone和copyText組件
- 6.2-20 添加好友功能之創建message消息
- 6.2-21 添加好友功能之更新message消息
- 6.2-22 添加好友功能之監聽message消息
- 6.2-23 消息頁面和removeList組件布局
- 6.2-24 實現刪除消息與子父組件間通信
- 6.2-25 創建friendList字段實現好友關系
- 6.2-26 詳情頁根據好友關系處理渲染內容
- 6.2-27 完成查看好友列表頁面
- 6.2-28 附近頁面的布局及位置的獲取
- 6.2-29 獲取附近用戶及建立地理位置索引
- 6.2-30 優化附近頁面及跳轉詳情頁
- 6.2-31 search組件的布局和樣式
- 6.2-32 實現搜索歷史記錄及本地緩存
- 6.2-33 數據庫正則查詢及組件復用
- 6.2-34 搭建服務器與上傳文件到后端
- 6.2-35 服務器利用HTTP API進行云上傳
- 6.2-36 服務器利用HTTP API進行云插入
- 6.2-37 小程序發布及github代碼開放
- 7-1.1 微信公眾號開發課程內容介紹
- 7-1.2 微信公眾號介紹及注冊
- 7-1.3 編輯模式之自動回復
- 7-1.4 編輯模式之底部菜單
- 7-1.5 編輯模式之頁面模板
- 7-2.1 開發模式及其預備知識介紹
- 7-2.2 Express項目構建
- 7-2.3 Express服務端接口開發
- 7-2.4 MongoDB與Robo3T的使用
- 7-2.5 使用mongoose模塊連接并操作數據庫
- 7-2.6 使用新浪云部署node服務
- 7-3.1 JS-SDK鑒權流程梳理
- 7-3.2 公眾號JS安全域名設置
- 7-3.3 將自己的服務器接入微信
- 7-3.4 獲取鑒權所需的jsapi_ticket
- 7-3.5 生成signature簽名
- 7-3.6 完善jsapi鑒權接口并進行本地測試
- 7-3.7 鑒權接口在線部署并使用微信開發者工具進行測試
- 7-3.8 JS-SDK鑒權報錯排查技巧
- 7-3.9 云端數據庫啟動與連接
- 7-3.10 在云數據庫中緩存access_token
- 7-3.11 測試access_token存儲結果及部署
- 7-4.1 vue項目介紹及本地部署
- 7-4.2 vue項目部署并在微信平臺測試
- 8.1-01 uniapp基礎
- 8.1-02 uniapp初始化配置
- 8.1-03 uniapp視圖模板使用
- 8.1-04 uniapp生命周期
- 8.1-05 uniapp路由跳轉
- 8.1-06 uniapp常用組件
- 8.1-07 uniappScrollView使用
- 8.1-08 uniapp雙聯動實現
- 8.1-09 uniapp-uni-ui使用
- 8.1-10 uniapp-Vuex 使用
- 8.1-11 uniapp項目
- 8.1-12 uniapp項目
- 8.1-13 uniapp項目
- 8.1-14 uniapp項目
- 8.1-15 uniapp項目
- 8.1-16 uniapp項目
- 8.1-17 uniapp項目
- 8.1-18 uniapp項目
- 8.1-19 uniapp項目
- 8.1-20 uniapp項目
- 8.1-21 uniapp項目
- 8.2-01 靜態布局
- 8.2-02 靜態布局
- 8.2-03 靜態布局
- 8.2-04 靜態布局
- 8.2-05 配置分頁tscproj
- 8.2-06 裝載數據
- 8.2-07 裝載數據
- 8.2-08 請求數據 設置Vuex
- 8.2-09 登錄注冊
- 8.2-10 購買邏輯
- 8.2-11 跨平臺tscproj
- 8.2-12 完善購物車
- 8.2-13 跨平臺 條件編譯 發布
- 9-01 webpack4介紹
- 9-02 安裝與基本命令
- 9-03 配置文件_入口出口
- 9-04 加載器_url-loader
- 9-05 加載器-babel-loader
- 9-06 加載器-sass-loader
- 9-07 插件minCssExtract
- 9-08 插件DefinePlugin
- 9-09 插件Html
- 9-10 熱替換
- 9-11 webpack4升級實戰
- 01.前言 H5行業介紹
- 02.網頁為啥叫HTML?
- 03.開始前的準備工作
- 04.寫一篇博客
- 05.百度新聞列表
- 06.圖片的使用
- 07.如何下載圖片及切圖
- 08.知識點補充
- 09.百度云盤制作
- 10.簡單表格制作
- 11.個人簡歷制作
- 12.表格知識補充
- 13.登錄表單
- 14.get請求和post請求的區別
- 15.認識CSS
- 16.容器的作用
- 17.布局與選擇器
- 18.樣式表的層疊
- 19.選擇器的權重
- 20.CSS文本屬性
- 21.常見圖片格式的區別
- 22.背景圖的使用
- 23.元素的浮動布局(上)
- 24.元素的浮動布局(中)
- 25.元素的浮動布局(下)
- 26.為什么需要盒模型?(上)
- 27.為什么需要盒模型(下)
- 28.布局練習
- 29.CSS屬性的簡寫
- 30.元素的不同類型
- 31.布局中的定位(上)
- 32.布局中的定位(下)
- 33.hover鼠標劃入效果
動態網頁是與靜態網頁相對應的,之所以叫做動態網頁是因為能與后臺數據庫進行交互,數據傳遞,從而實現數據的實時更新,這是靜態網頁所做不到的。我們經常見到的動態網頁類型為asp或者是php(當然還有其他的類型),那么這些動態網頁是怎么制作的呢?
動態網頁特征
1想要制作動態網頁,我們首先需要了解動態網頁的特征,動態網頁的第一個特征就是使用動態語言制作而成,例如PHP,ASP,JSP等,用它們制作而成的網頁都會以相應的動態語言為后綴名,例如.php,.asp等,我們把這種動態語言制作的網頁叫做動態網頁。
2動態網頁一般以數據庫技術為基礎,之所以網頁有靜動之分,就是因為看數據是否能夠實時更新,而能夠完成這項工作的就是數據庫了,使用動態語言實現和數據庫的交互,從而達到數據及時更新的目的,同時也大大降低了網站的維護工作。
3動態網頁需要服務器作支持,我們平時見到的以html結尾的文件雙擊都能夠正常的打開,即使沒有服務器也不會對我們瀏覽頁面造成影響,但是動態網頁不同,我們需要服務器作支持,同時服務器還必須支持這種動態語言才能正常瀏覽。
END動態網頁的制作
首先我們需要安裝服務器,我們可以使用windows自帶的IIS服務器,當然也可以使用比較流行的apache服務器,這需要根據自己的動態語言決定,asp就選擇IIS,php就選擇apache(當然并非絕對)。
接著就是數據庫的選擇,同樣需要根據自己的動態語言來選擇,如果你使用的是ASP動態語言,那么就可以選擇ACCESS數據庫,如果你選擇的是PHP,那么就可以選擇MYSQL數據庫,當然還有其他的數據庫選擇,根據情況自己決定。
然后就是把動態語言和服務器數據庫相結合了,不同的組合結合方式也是不同的,小編就不在詳述了。有人可能會說,你說了半天我還是不會做,確實這些東西新手可能越看越糊涂,但是畢竟是動態網頁制作必須的步驟,因此小編先把它們講完,下面就叫大家實際制作一個動態的網頁。
4以上的過程又叫做搭配環境,是實現動態網頁必須的步驟,對于很多新手朋友可能有難度,沒關系我們先不急著記它,我們可以使用集成環境,windows下可以安裝wamp,linux下可以安裝xampp。都是一鍵安裝,沒有任何難度。
動態網頁是與靜態網頁相對應的,之所以叫做動態網頁是因為能與后臺數據庫進行交互,數據傳遞,從而實現數據的實時更新,這是靜態網頁所做不到的。我們經常見到的動態網頁類型為asp或者是php(當然還有其他的類型),那么這些動態網頁是怎么制作的呢?
想要制作動態網頁,我們首先需要了解動態網頁的特征,動態網頁的第一個特征就是使用動態語言制作而成,例如PHP,ASP,JSP等,用它們制作而成的網頁都會以相應的動態語言為后綴名,例如.php,.asp等,我們把這種動態語言制作的網頁叫做動態網頁。
動態網頁一般以數據庫技術為基礎,之所以網頁有靜動之分,就是因為看數據是否能夠實時更新,而能夠完成這項工作的就是數據庫了,使用動態語言實現和數據庫的交互,從而達到數據及時更新的目的,同時也大大降低了網站的維護工作。
動態網頁需要服務器作支持,我們平時見到的以html結尾的文件雙擊都能夠正常的打開,即使沒有服務器也不會對我們瀏覽頁面造成影響,但是動態網頁不同,我們需要服務器作支持,同時服務器還必須支持這種動態語言才能正常瀏覽。
網頁制作要能充分吸引訪問者的注意力,讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式,以及結合自己的認識通過藝術的手法表現出來;網頁制作通常就是將網頁設計師所設計出來的設計稿,按照W3C規范用html語言將其制作成網頁格式。網頁設計是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。
簡單來說,網頁設計的目的就是產生網站,什么是網站呢,就是服務器內的一系列網頁的組合,終端用戶發出請求后[[服務器通過傳輸特定的網頁向用戶傳輸所需的信息。簡單的信息如文字,圖片(GIFs,JPEGs,PNGs)和表格,都可以通過使用HTML/XHTML/XML放置到網站頁面上。而更復雜的信息如vector graphics,動畫,視頻,聲頻則需要插件程序例如Flash, QuickTime, Java run-time environment,等等,這些插件程序也是通過HTML/XHTML/XML植入網頁的。
隨著瀏覽器和W3C標準一致性的改善,XHTML/XML(可擴展標識語言)與CSS(層疊樣式表)共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發展,使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。