原创 微信小程序圖片渲染層錯誤

在我們加載圖片的時候往往會出現一些小問題,例如:明明圖片加載成功了,但是控制檯還是會報 渲染層網絡層錯誤,找了很多地方,也發現不出來問題。 出現這種情況的原因在於,頁面顯示加載的時候image裏面的值是空的,從後臺拿值是需要一定

原创 mpvue框架,元素設置了css屬性display會導致v-show失效

標題當前元素設置了display屬性後,導致了v-show無法控制元素隱藏和展示 頁面結構 解決辦法就是在外層包裹一個div,在上面設置v-show來控制元素的隱藏和顯示

原创 拋棄多坑的cnpm,使用npm切換淘寶鏡像下載依賴包

雖然可以通過cnpm的命令去淘寶鏡像去下載依賴包,但是cnpm本身的槽點太多,項目開發時總會有各種奇怪的問題,所以還是用回npm來安裝依賴包。但是npm原本的鏡像下載包的速度很慢,爲了更快安裝包我們可以把npm原本鏡像的地址改爲淘寶的

原创 css_消除多行文本溢出顯示省略號對最後一行行高的影響

要求:標題文字最多2行,多了隱藏,高度自適應(1行顯示一行高度) 問題:多行文本溢出顯示省略號會不顯示最後一行下部分的行高 這是標題文字的HTML 這是標題文字的css樣式 display: -webkit-box; -webk

原创 node後端_搭建靜態圖片服務器(讀取返回圖片接口)

1.安裝node和express框架 2.使用express框架初始化一個項目(後端服務) 3.準備好接口要返回的圖片,放到images目錄下 4.運行服務 訪問localhost:3000,能夠正常訪問說明服務已經啓動

原创 詳解vue的diff算法

前言 我的目標是寫一個非常詳細的關於diff的乾貨,所以本文有點長。也會用到大量的圖片以及代碼舉例,目的讓看這篇文章的朋友一定弄明白diff的邊邊角角。 先來了解幾個點… 1. 當數據發生變化時,vue是怎麼更新節點的? 要知道渲染真

原创 學習better-scroll掉過的坑

最近在學習vue和better-scroll結合開發音樂APP,看着視頻介紹中在製作slidet輪播圖的時候,視頻中講解要想實現無縫滾動,則加入snapLoot:true,但是不可以單獨引入它,必須將它作爲一個對象放在snap中,以後

原创 webstorm如何自動新建vue模板

webstorm如何自動新建vue模板

原创 better-scroll的中文文檔

better-scroll的中文文檔

原创 使用v-for時必須添加唯一的key

在學習vue過程中遇到Elements in iteration expect to have ‘v-bind:key’ directives.’ 這個錯誤,查閱資料得知Vue 2.2.0+的版本里,當在組件中使用v-for時,key

原创 如何消除圖片與文字之間的默認間隔

在外層盒子使用font-size=0來消除圖片與文字默認的間距

原创 微信小程序_設置底部導航欄

微信小程序_底部導航欄設置 1.準備靜態資源導航欄圖片(格式是png)放到images文件夾下面 images文件夾下準備的圖標 2.選中配置文件app.json 3.添加tabBar底部導航欄配置 注意:tabBar中的屬

原创 微信小程序掉過的坑

1使用this.data改變屬性的值是無法同步更新到視圖層的,必須要用setData函數