原创 Taro多行文本省略不生效
使用Taro框架編譯成小程序發現多行省略不生效。。。 多行文本省略： .textHide { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-
2020-06-30 01:32:44
原创 vue使用elementUI打包後字體圖標丟失問題
vue+elementUI構建的項目，打包後發現彈窗信息的圖標丟失了，控制檯顯示找不到字體文件 解決方法： 打包配置文件build目錄下webpack.base.conf.js文件添加（vue-cli構建項目會有的） utils.j
2020-06-30 01:32:44
原创 ES6特性：let 和 const命令
ES6新增let命令，用來聲明變量。 （1）用法類似於var，但是let聲明的變量，只在let所在的代碼塊內有效。 { var a=1; let b=2; } console.log(a); // 1 consol
2020-06-08 23:37:06
原创 vue自定義全局組件 - 提示框組件
該組件掛載在Vue原型上，通過調用方法顯示隱藏提示框，並定義了三種狀態：加載、警告及成功 1、定義組件Toast.vue，以便extend方法使用 <template> <div class="toast-container" :c
2020-05-15 01:05:00
原创 餓了麼el-upload上傳圖片限制圖片尺寸、大小、格式
餓了麼中的Upload組件已經提供了限制用戶上傳的圖片格式和大小的例子（https://element.eleme.io/#/zh-CN/component/upload），在此又新加圖片的尺寸 <el-upload class="
2020-03-16 09:26:43
原创 vue-awesome-swiper自定義分頁器樣式
使用方法：https://www.npmjs.com/package/vue-awesome-swiper 安裝並註冊（全局or組件內） <template> <swiper :options="swiperOption" ref=
2020-03-08 22:00:35
3
原创 小程序父組件觸發子組件方法
小程序中有一個橫向導航菜單，點擊不同選項去加載不同的自定義組件，有些菜單選項所對應的組件是相同的，這時候發現點擊這些選項進行切換的時候數據並沒有發生變化。 原因：因爲組件在上一次已經加載完成了，而組件中數據初始化操作（initData方法
2020-02-22 11:17:00
原创 小程序-map路線規劃
需求 獲取出發點和目的地的距離、步行時間及路線規劃 原理 採用微信小程序的map組件進行路線展示 騰訊地圖的 微信小程序SDK 獲取規劃路線的座標點 wxml <view class="container"> <map
2020-02-22 11:17:00
原创 小程序--模擬@人的功能
小程序需求：可以像微信羣聊一樣@某個人或多個人 功能：輸入框輸入@符號（index.wxml），跳轉至可以@人的頁面（select.wxml） 實現思路： 1、監聽input的輸入，判斷是否有@符號輸入 2、拿到選中人的名稱 3、設置in
2019-10-26 00:34:40
原创 小程序自定義導航欄
小程序可以在頁面的json文件中去配置導航欄相關的內容，如導航欄的標題等，但是這些內容是固定的。有時候我們需要其他的一些東西，比如下圖，此時需要我們去自定義導航欄 1. 在頁面的json文件中添加屬性navigationStyle爲cu
2019-09-02 23:18:03
原创 小程序點擊tabbar事件
對於小程序中的每個頁面，都需要在頁面對應的 js 文件中調用 Page 方法註冊頁面示例，指定頁面的初始數據、生命週期回調、事件處理函數等。詳細請看官方：https://developers.weixin.qq.com/miniprogr
2019-07-31 00:37:47
原创 小程序嵌套組件中孫子組件之間的傳值
之前做了無限嵌套的樹形結構的功能，其實就是自定義組件嵌套的原理，現在新增需求：點擊樹圖的某項，顯示一個祖先組件中已經隱藏了的選項結構。 一開始想到了組件之間的傳值，做了之後發現問題來了，點擊第一層級的組件也就是子組件是沒問題的，點孫子組件
2019-06-14 17:20:54
3
原创 小程序實現樹形菜單以及摺疊效果
實現原理：利用自定義組件遞歸使用，也就是自定義組件自引用 因爲樹狀圖的數據是從後臺獲取的，沒有辦法知道具體層級，但是他們的結構都是相同的，所以在自定義的組件中再去引用自身來實現需求 1.先寫好樹形菜單的樣式結構，可以自定義假數據，將靜態寫
2019-06-13 16:11:47
1
原创 小程序實現書籍翻頁效果
做的小程序中突然加了一個相冊，要求相冊可以點擊實現翻頁，web能實現這種翻頁效果的插件有很多，如turn.js，類似這種插件基本都是基於jQuery的，但是小程序是不支持jQ的。參考了網上大佬的代碼，實現了一個最簡單的翻頁效果 基本結構：
2019-06-13 16:11:47
原创 CSS文本溢出省略（單行和多行）
在頁面中經常見到帶省略號（...）形式的標題 1、單行省略 CSS中只需要添加3個樣式屬性就可以了 .textHide1{ text-overflow:ellipsis; /* 文字溢出顯示方式 */ white
2019-06-11 04:04:44
2