原创 element的DateTimePicker時間選擇器確定才變更時間的問題
需求:是點擊確定才變更時間 element的組件是change就會改變雙向綁定的值, 看到源碼有handleClose方法,於是嘗試在handleClose方法動收件,並且套了一層,封裝這個DateTimePicker組件, 缺點
2020-07-01 12:58:37
16
原创 基於圖片的cdn最終得到blob對象
基於圖片的cdn最終得到blob對象 實現並不是直接下載cdn圖片,所以最終blob數據大小和cdn原圖有偏差 通過cdn判斷資源是否是圖片 通過cdn鏈接拿到圖片資源,繪製在畫布上 canvas上下文的方法,轉爲base64格
2020-07-01 12:58:37
2
原创 mpvue跳轉同個路由頁面的問題
onLoad(options) { this.page_query = options; }, onShow() { const _this = this; wx.page
2020-07-01 12:58:37
原创 限制input標籤中,只允許輸入大於0的正數且保留兩位小數
基於監聽事件和通過正則處理字符串實現一、原生JS二、基於vue三、基於vue和element-ui 一、原生JS <body> <input type="text" id="number" placeholder="只能輸入數字且
2020-07-01 12:58:37
5
原创 JavaScript原型學習筆記
JavaScript原型學習筆記一、理解誤區關於 instanceof理解誤區關於isPrototypeOf理解誤區二、重新理解後重新理解instanceof後重新理解isPrototypeOf後 一、理解誤區 關於 instan
2020-02-20 15:14:42
原创 結合通過把富文本內容的px轉換成rem
需求:在移動端需要展示各種富文本編輯器產出的富文本內容,且橫向不滾動 問題:因爲移動端用的是rem適配,富文本內容固定是px單位,會導致頁面橫向滾動 p.style{ weight:auto; } //把富文本的px轉
2019-08-25 13:28:17
2
原创 全局解決IOS輸入框失焦後頁面留白問題
IOS在輸入框輸入確認後,會存在頁面被鍵盤頂起來,下部分留白問題 目前沒發現此方法有BUG 在app.vue裏面添加函數和失焦事件 //在對應生命週期添加以下邏輯 //最好加一個是否爲IOS環境的判斷 this.$next
2019-08-08 13:25:51
3
原创 vue中優雅的解決IOS滑動穿透問題
添加指令 在滾動的最外層元素使用該指令 1.適用於彈窗內部不需要滾動的場景 Vue.directive('lockScrollBack', { update: function (el, binding, vnode) {
2019-08-07 13:25:28
3
原创 一個實現拖動效果的demo
PC端,基於vue框架,通過原生api實現的拖動效果 一、使用addEventListener實現,要手動解綁事件 <template> <div id="app" ref="app"> <!--draggable設置爲
2019-03-17 13:26:23
原创 優雅的實現vue父子組件的value雙向綁定
需求:父子組件value的雙向綁定 v-model可以拆分爲@input和:value v-model實現雙向綁定是@input的回調函數中,執行賦值給value的語法糖 子組件向父組件通訊,第一個參數爲input,其實是給父組件中
2018-12-21 13:12:17
2
原创 基於圖片的cdn最終轉化爲blob對象
基於圖片的cdn最終轉化爲blob對象 需求分解 利用cdn鏈接判斷文件是否是圖片格式 轉化爲base64格式轉化爲base64格式 base64格式轉化爲blob對象 // 判斷文件是否爲圖片類型
2018-12-13 02:57:19
1
原创 在微信小程序解析html富文本
基於wxParse插件實現一、使用基礎二、封裝組件三、父組件使用 github地址: https://github.com/icindy/wxParse 因第一次開發小程序,此文更偏向於記錄簡單的使用方式 一、使用基礎 1.基於wep
2018-12-11 13:06:58
1
原创 限制input標籤中,只允許輸入數字且保留兩位小數
基於監聽事件和通過正則處理字符串實現一、原生JS二、基於vue三、基於vue和element-ui 一、原生JS <body> <input type="text" id="number" placeholder="只能輸入數字且最多
2018-12-11 13:06:58
220
原创 微信小程序列表懶加載
基於微信小程序原生API實現數據列表懶加載一、子組件二、父組件 基於wepy的項目需要實現小程序的列表懶加載 沒找到合適的微信小程序懶加載插件,找的資料基本都是圖片懶加載,於是自己實現 小程序API檔:https://develop
2018-12-11 13:06:58