原创 微信小程序做一個加入購物車功能

一 加入緩存的大體思路 標題 疑惑點 一 Q: 這個箭頭函數是什麼 A : handlePreviewImage(e){ const urls=this.GoodsInfo.pics.map(v=>v.

原创 小水牛數據結構日記

寫點廢話 數據結構和算法總是被我混淆在一起講,因爲他們關係就好像林黛玉和賈寶玉,不可分離,所以我打了很多洛谷題目,還自鳴得意在學東西,後面發現我其實是在捨本逐末,我個人方向還是喜歡前端居多,也在擼一些項目,怎麼說呢,我電腦昨天突

原创 電協小便籤實現--用typescript和vue腳手架

1. 需要的知識儲備 2.搭建環境 3. 模型設計 4.datahelper實現 數據類的封裝 實現數據的增刪查改 // DataHelper類 - 負責 localStorage 操作 cl

原创 詳細頁的banner實現

Banner的實現 首先是整個組件的頁面佈局 然後Banner 的代碼如下 <template> <div> <div class="banner" @click="handleBannerClic

原创 VUE實現字母列表點擊以實現屏幕定位

事件綁定 發送給父組件 事件監聽 定義事件 父組件傳給子組件 接收父組件 監聽器 最終的效果是這樣的 樣式雖醜 五臟俱全

原创 Vue去實現搜索框的業務邏輯

涉及到的知識點 數據雙向綁定 父子組件傳值 事件監聽 數據節流 數據接收和渲染 滾動條引入 v-show的用法 代碼的優化(計算邏輯放入computed裏面)

原创 Vuex 的基本操作流程

vuex實現當地的數據存儲 使用的api叫 localstorage 用localstorage時候可以用try catch來抓取異常 項目中 需要對vuex進行拆分以便後期維護 mapstate 把vuex的數

原创 手把手教你用VUE搭建一個旅遊網站以及給你優化方案

階段一: 輪播圖實現 實現過程 VUE快速搭建輪播圖 VUE實現css樣式以及圖片防抖動優化 開源源碼 輪播圖———swiperlist 階段二: 矢量圖佈局且自帶輪播效果 實現過程 VUE矢量圖佈局以及輪播效果 開源

原创 VUE如何用axios渲染json數據

涉及到的知識點 腳手架接口請求的默認地址設置 生命週期函數的使用 父級向子級組件傳值 腳手架接口請求的默認地址設置 在後端的接口尚未做出來之前,可以通過默認地址的設置讓他人看懂我們的接口請求 數據動態渲染的操作過程 其

原创 vue網頁性能優化

keep-alive進行頁面緩存 當頁面 keep-alive 進行頁面緩存 vuex 狀態管理 activated 頁面刷新變化時候重新渲染變化

原创 VUE組件實現一個防抖動效果

問題 防抖動問題顧名思義,由於html加載最後纔會加載圖片,所以如果沒有提前設置高度的話,就會出現窗口抖動,用戶體驗很不好. 如果固定死高度的話,又不能於寬等比例縮放 如果是vue裏面出現這種問題要怎麼解決 思路 給temp

原创 icon圖標實現輪播效果和頁面切換

VUE如何快速做一個輪播圖 溫馨提示==>>大家先看這個,再來理解下面的 實現以及優化的思路 引入輪播圖組件,嵌套兩層 swiper 和 swiper-slider,然後寫裏面就可以套圖片和文字實現輪播圖效果 但是數據(文字

原创 VUE如何快速做一個輪播圖

1. 第三方插件 https://github.com/surmon-china/vue-awesome-swiper npm install swiper vue-awesome-swiper --save 或者yarn a

原创 VUE中引入stylus的一些需要注意的地方以及優化方法

VUE如何設置全局的css/stylus/less 直接寫 import就好了 很多文件的路徑都很冗長,如何縮短 打開下面的文件 然後找出 resolve 其中需要注意的地方是,以這種縮寫的方法引入css的時候,要寫

原创 VUE擼了一個襪子商店,寫寫技術日記

vue的一些零散知識 大體目錄如下 實例創建 屬性綁定 條件渲染 列表渲染 事件觸發 class綁定 計算屬性 組件化開發(父子相互傳遞數據) 表單實現 Tabs 開源源碼 一.VUE對象和vue實例 如何使用Vue實例開