原创 組件的創建方式
原始方式：使用Vue.extend()方式創建組件 /*1.使用Vue.extend({ template：" HTML結構 " }) 創建組件,接收一個返回值（創建組件對象）*/ var com
2020-07-04 19:30:22
原创 vue中基本的品牌案例增刪改查
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="
2020-07-04 19:30:22
原创 JavaScript中DOM與jQuery中DOM操作詳解
DOM:文檔對象模型（document object module） 用於操作頁面元素 jquery 1.version 方式 無兼容性問題 凡是使用jquery1.version 無論是事件操作還是獲取元素等操作都無兼容性問題 獲取元素
2020-07-04 19:30:22
1
原创 vue實戰項目 vue-typescript-music 音樂項目 解析
vue vue-router vuex vue/cli typescript 高仿網易雲音樂實現代碼全方位解析 前言: vue全家桶 + TypeScript 構建一款移動端音樂webApp 項目的筆記 項目源碼地址 （http
2020-07-04 19:30:22
3
原创 vue中的路由router詳解
路由（router） 後端路由：所有的超鏈接都是URL地址，所有的URL地址都定義服務器上對應的資源 前端路由：對於單頁面應用程序來說，通過URL中的hash值（#號）來實現不同頁面之前的切換 hash有一個特點：http請求中不會包含h
2020-07-04 19:30:22
3
原创 Node基礎原理
環境變量 （windows系統中變量path） 當我們在一個命令行窗口打開一個文件或程序時， 系統首先會在當前目錄下尋找文件程序，如果找到了則直接打開 如果沒有找到則會依次到環境變量path的路徑中查找，直到找到爲
2020-07-04 19:30:22
1
原创 vue-cli2創建一個基本的nuxt.js
Nuxt.js : vue-cli@2 前提：全局安裝過vue-cli工具 vue -V 查看安裝版本號 若大於2的版本需要進行橋接 橋接方式 見文章最後 初始化一個nuxt 項目 ： vue init nuxt/start
2020-07-04 19:30:22
原创 vue中的slot插槽
slot插槽的作用： 爲了讓我們封裝的組件更加具有擴展性 讓使用者可以決定組件內部的一些內容到底展示什麼 slot插槽的簡單使用： <div id='app'> <temp>
2020-07-04 19:30:22
原创 Vue中父子組件之間的訪問及通信和雙向綁定
組件中的訪問： 父組件訪問子組件內部的data/methods ：可通過 $children 或 $refs 子組件訪問父組件內部的data/methods： 通過 $parent 訪問根組件（vue實例）內部的data/method
2020-07-04 19:30:22
原创 vue全指令和詳細說明
1.在Vue實例中，如果想要獲取data上的數據或則調用methods中的方法，通過this.data上的屬性名或this.methods上的方法名來進行獲取！ 2.凡是定義全局的操作，都沒有s；凡是定義私有的操作都需要s 指令 v-cl
2020-07-04 19:30:22
原创 JavaScript中BOM操作與jQuery中BOM操作詳解
BOM瀏覽器對象模型(頂級對象：window) onload()和ready()的區別 window.onload = function(){ // 原生JavaScript 頁面加載可完畢執行的方法 } $(documen
2020-07-04 19:30:22
原创 JavaScript事件處理機制（捕獲，目標，冒泡）
事件處理機制的三個階段（捕獲階段，目標階段，冒泡階段） 冒泡階段：事件從內向外執行捕獲階段：事件從外向內執行； addEventListener(type,fn,useCapture) useCapture:事件處理
2020-07-04 19:30:22
原创 Qpage（依賴於jquery的翻頁插件）
css .QPAGE{font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,"Hiragino Sans GB","Microsoft Y
2020-07-04 19:30:22
原创 移動端彈出層滑動，導致底層body滑動（阻止touchmove事件冒泡？）
事件冒泡？移動端如何阻止觸摸滑動事件冒泡，一個節點可滑動而不影響body節點的滑動 準確的說：應該是鎖定背景滾動 描述：原body內容的高度已經超過了手機屏的可視區域的好幾倍了，這時候點擊某個按鈕，出現一個彈出層，固定定位在底
2020-04-20 10:23:52
1
原创 component標籤實現組件之間的切換外加動畫
使用<component :is=' comName ' ></component> 標籤實現組件切換 :is=' comName ' -------> 佔位符 使用transition 標籤 加 mode=' out-in '
2020-04-03 14:02:55