原创 深度克隆

const deepClone = (item) => { /** * 深度複製 除了方法以及_proto_不復制 * 採用遞歸複製 */ var result = {}; const _type = is

原创 小程序批量畫布轉圖片保存

在做一個首頁輪播圖需要一維碼,點擊輪播圖單項出現彈窗,顯示一維碼加二維碼需求。 問題:使用了太多的canvas,因爲canvas是原生組件,所以不存在層級限制。而且彈窗中的畫布有時候出現有時候不出現的。 解決方案:1. 想重開一個頁面 內

原创 promise與async/await 結合使用

在es6中,這兩個都是代表異步轉同步函數。 但是兩者又有些不同之處的。 不同點:1. promise還有多種方法,像resolve,reject,then,catch,finally,all,try,race這些方法。不過一般使用的多的就

原创 數組的奇葩去重

比如說 [a,b,a,'-1'] 需要去重 去重後的數據爲[b] const _actionList = actionList.filter(v => { if (v !== '-1' && actionList.lastIn

原创 數組的方法

最近一直在尋找關於數組的操作最優解 發現了好多數組方法 indexOf : 查找某一個元素,返回下標,一般是查找數組元素 lastIndexOf : 從後面開始查找元素,返回下標。用法同上 includes

原创 小程序向上彈出框式動畫

使用transform實現 默認樣式代碼: transform: translateY(100%); transition-duration: 0.3s; 彈出的時候把transform: translateY(100%);改爲t

原创 小程序去掉滾動條

小程序去掉滾動條方案: 原因:小程序不允許單獨設置頁面中單獨元素的滾動條樣式 只有全局設置 解決方案:在app.wxss 中添加如下代碼 即可實現 ::-webkit-scrollbar { width: 0; height:

原创 小程序生成一維碼

生成一維碼的時候長度與數值必須息息相關,數值與長度成正比,不然掃描不出來結果。

原创 如何判斷對象,數組,日期,文件,函數

1. 使用typeof判斷返回的都是Object,所以要找找別的方法 2. 使用instanceof 判斷 val instanceof Array 3. 使用call、apply、bind判斷 Object.prototype.to

原创 vue oss 上傳圖片

今天 有人問阿里雲的上傳圖片的問題。 我就去查看了下,阿里雲的上傳分爲表單上傳,普通上傳,點斷上傳(分片上傳)。 這次主要是使用普通上傳,來做上傳一個圖片功能。 第一步:你的有阿里雲賬號,然後開闢存儲空間,擁有一個區域,然後得有一個包名,

原创 vue中組件與路由嵌套的區別

1. 組件 是可以有數據交互的 2. 路由嵌套 是沒辦法與父組件進行數據交互的   兩者的思想大致差不多,區別就在於這裏

原创 小程序常見問題

1.  text 標籤會自動幫你解碼(/n),rich-text 也會,但是有bug,不會對齊 2.  輪播圖必須要有一個高度,默認高度是150px,可以做到自適應輪播圖的高度,計算比例 3. 內聯樣式不會做自適應,需要寫到樣式裏面去 4

原创 常見的移動端支付密碼框demo

其實很簡單的。 第一種: 1. 首先 密碼框的黑點自己定義,切記是圖片,是自己寫的。 2. 輸入框也是自己寫的,方便檢測輸入的值。 第二種: 1. 密碼框的黑點還是自定義,但是需要再加一個透明度爲0的input輸入框,這個輸入框要剛好遮住

原创 小程序 input 軟鍵盤與輸入框的距離

cursor-spacing:   類型:Number 指定光標與鍵盤的距離,單位 px 。取 input 距離底部的距離和 cursor-spacing 指定的距離的最小值作爲光標與鍵盤的距離 auto-focus:true 類型:Bo

原创 移動端兼容性

1. 移動端 部分安卓手機不支持 scrollTo(); 2. 部分安卓機 使用滾動的時候 加5點高度 var that = this; const box = document.getElementById("box");