原创 vue基礎入門探討

簡單來說:Vue是當下很火的一個JS庫&框架 這裏談到的庫也就是一些屬性方法的集合,按需調用,框架也就是業務的一套解 決方案(N個庫的集合),它制定了統一的開發規範 真正意義上它解決了前後端分離便於開發和後期維護 學過vu

原创 vue中slot和v-slot使用

默認slot <li> {{value}} <button @click="deleteAction"> <slot>刪除</slot> </button> </li> <ul> <Item v-for=

原创 對微信小程序的理解

前言 相信很多人對微信小程序都比較情有獨鍾,首先大家應該知道小程序的優點,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念,用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,

原创 vue中的組件通信和vuex

組件是vue.js中最重要的一個功能,在vue中組件的實例都是相互獨立的,但開發過程中組件雨組件之間的數據相互引用是必不可少,下面來闡述vue的幾種通信方式 1:父組件->子組件:通過props接受父傳遞數據 步驟1:子通過pro

原创 vue中實現swiper組件

創建父組件 <template> <div id="app"> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" :index="2">

原创 react入門與初體驗

簡介 React 起源於 Facebook 的內部項目,因爲該公司對市場上所有 JavaScript MV* 框架,都不滿意,就決定自己寫一套,用來架設 Instagram 照片牆 的網站(17年 用戶量7億+)。做出來以後,發現

原创 混合App開發原理

前言 Hybrid App Hybrid App是指介於web-app(網頁APP,如京東web)、native-app(原生應用,如手機上面的APP應用)這兩者之間的app,它雖然看上去是一個Native App,但只有一個We

原创 vue中render使用及extend和$mount

vue全局組件 在vue中全局組件通常是一下方法: extend和$mount組件掛載 如果組件需要掛載,比如全局彈框,就需要extend和$mount 在跟文件html中創建一個標籤 創建一個掛載組件 在vue.confi

原创 vue中的computed和watch區別

<input type="number" v-model.number="a"/> <input type="number" v-model.number="b"/> <p>總和: {{ sum }}</p> <p>總

原创 在vue中熟練使用新手指引

方式一 driver.js 安裝 npm install driver.js --save 代碼 1:定義每一步的提示信息 創建 utils - driver.js export default [ {

原创 Redux基礎使用與入門

React-Redux是Redux的官方React綁定數據的庫。它能夠使你的React組件從store中讀取數據,操作數據並且向store分發actions以更新數據。 初體驗 工作流:state狀態 -> 到視圖展示 -> 通

原创 vue中函數式組件

函數是組件最主要的就是在組件中添加functional:true轉換

原创 通過snabbdom插件 實現虛擬dom / virtual dom / VDOM

用js模擬dom,在js中計算出最小的變更,再操作dom。 通過diff算法層層比較 遍歷舊的dom樹 遍歷新的dom樹 排序 時間複雜度O(n^3) 1000節點, 1000000000 不可取的。。。。 冒泡排序,時間複

原创 vue中實現自定義插件

給每個組件增加$eventBus的插件功能 函數裏面必須有install函數,在main.js中要聲明的話就要加static,再在項目中通過Vue.use()使用,所定義的插件相當於use這個函數的一個參數。下面瞭解下Vue.us

原创 vue中的數據的響應Object.defineProperty

在vue中v-model是通過Object.defineProperty來實現的,如下: const data = {}; let name = '張三'; // 對對象定義屬性 // 需要3個參數 // 參數1:對象本身 //