原创 Vue:生命週期 詳解

Vue實例有一個完整的生命週期,也就是從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、銷燬等一系列過程,我們稱這是Vue的生命週期。通俗說就是Vue實例從創建到銷燬的過程,就是生命週期。同時在這個過程中也會運行一些

原创 算法 - 回溯算法

回溯算法 (1)基本概念 回溯算法實際上一個類似枚舉的搜索嘗試過程,主要是在搜索嘗試過程中尋找問題的解,當發現已不滿足求解條件時,就“回溯”返回,嘗試別的路徑。 回溯法是一種選優搜索法,按選優條件向前搜索,以達到目標。但當探索到某

原创 數據庫:區分笛卡兒積、自然連接、內連接、等值連接、外連接

假設存在兩張表 c 和 p,這裏使用的是MySQL數據庫。 數據表 c: course_id title dept_name credits BIO-301 Genetics Biology 4 CS-190 G

原创 Vue項目實戰:產品站與商品詳情頁面實現

目錄 1. 產品站頁面 組件吸頂實現 視頻模塊實現 視頻模塊實現 交互實現 解決一個視頻模塊bug 2. 商品詳情頁面 清楚浮動 交互實現 產品站頁面 (1)組件吸頂實現 在要實現吸頂的組件文件ProductParam.

原创 Vue:模板編譯 與 Virtual DOM

(一)Vue模板編譯 在Vue中我們有三種方式來創建HTML 模板 手動寫渲染函數 JSX 渲染函數是最原始的方法,而模板最終會通過編譯轉換陳渲染函數。渲染函數執行後,會得到一份vnode用來渲染真實DOM。所以,模板編譯其實

原创 HTML link元素的rel屬性

<link> 標籤定義文檔與外部資源之間的關係,該元素是空元素,它僅包含屬性。且該元素只能位於head 部分,但可以出現任何次數。 而<link>的rel屬性規定當前文檔與被鏈接文檔/資源之間的關係。只有當使用href屬性時,才能

原创 Vue項目實戰:上線部署

剔除項目無用代碼 前端性能優化 配置服務器做域名解析 上傳項目 啓動服務 (1)路由按需加載方案 路由懶加載能把不同路由對應的組件分割成不同的代碼塊,然後當路由被訪問的時候才加載對應組件,這樣就更加高效了。 路由懶加載主要

原创 Vue項目實戰:訂單列表頁面實現

目錄 調整Order父組件結構(解決Bug) 訂單列表數據渲染 Loading 和 NoData優化 訂單列表分頁 - 分頁器 訂單列表分頁 - 加載更多 訂單列表分頁 - 滾動加載 (1)調整Order父組件結構(解決Bu

原创 《HTML5 與CSS3 權威指南》(第四版 上冊)學習筆記

目錄 Web時代的變遷 HTML5和HTML4的區別點 HTML5的結構 表單及其他新增和改良元素 ECMAScript中新增功能 一.Web時代的變遷 (1)HTML5 的目標 : 能夠創建更簡單的Web程序,書寫出更簡潔

原创 Vue項目實戰:登錄頁面實現與Vuex集成

目錄 1. 登錄頁面 登錄功能 拉取用戶信息 2. Vuex集成 Vuex框架搭建 Vuex存儲讀取數據 解決vuex頁面數據延遲 登錄頁面 (1)登錄功能 <template> <div class="lo

原创 async 、await、Generator 原理實現

目錄 1. async await 2. Generator 3. async await 和 Generator 區別 本文主要是學習:異步編程二三事 | Promise/async/Generator實現原理解析 中一部分

原创 Vue項目實戰:訂單結算功能實現

目錄 訂單詳情數據加載 支付寶支付對接 微信支付對接 微信支付轉態輪詢 (1)訂單詳情數據加載 在orderPay.vue中: <p> 訂單詳情 <em class="icon-down up" :class

原创 Vue項目實戰:購物車頁面實現與ElementUI集成

目錄 1. 購物車頁面 Order-Header組件 購物車列表渲染 購物車全選和非全選 購物車商品更新和刪除 購物車結算 2. ElementUI集成 3. Babel介紹 購物車頁面 (1)Order-Header組件

原创 HTTP 超詳解 一文搞定HTTP面試知識

目錄 1. HTTP原理 概念 HTTP過程 特點 2. HTTP請求報文 請求報文結構 請求行(請求方法、URL、協議版本) 請求方法 URL 協議版本 請求頭 請求體 3. HTTP響應報文 響應報文結構 響應

原创 Vue項目實戰:退出功能實現

(1)退出功能實現 在NavHeader.vue中: <div class="topbar-user"> <a href="javascript:;" v-if="username">{{use