原创 關於h5頁面的普通屏和全面屏判斷
關於h5頁面的普通屏和全面屏判斷 現在主流的全面屏已經佔用很多的市場，那麼通常開發會遇到些問題，比如要去根據普通屏或是全面屏做一些相應的展示，接下來我這邊的需求是展示不同大小的圖片 首先在公共的js文件裏簡單封裝； /**判斷屏幕
2020-06-22 10:32:15
1
原创 微信開發分享朋友&朋友圈以及錄音功能
微信開發-關於分享朋友&朋友圈以及錄音功能 兩天剛整理了一個關於微信開發錄音功能的開發步驟，網上這方面資料已經很多了，寫下來就當作自己的筆記。 一. 首先需要在微信公衆號中進行配置（其中Token爲自定義項） 二． 在配置的域
2020-06-22 10:32:15
原创 關於CSS的一些冷知識
關於CSS的一些冷知識 1.自定義滾動條 html <div class="custom-scrollbar"> <p> Lorem ipsum dolor sit amet consectetur adipisici
2020-06-22 10:32:15
原创 h5調用微信sdk步驟
h5調用微信sdk步驟 步驟一：綁定域名 先登錄微信公衆平臺進入“公衆號設置”的“功能設置”裏填寫“JS接口安全域名”。 備註：登錄後可在“開發者中心”查看對應的接口權限。 步驟二：引入JS文件 在需要調用JS接口的頁面引入如下J
2020-06-22 10:32:15
原创 h5開發小結
Viewport <!-- 讓頁面寬度等於設備寬度，縮放比例爲1，禁止用戶縮放網頁 --> <meta name="viewport" content="width=device-width, initial-scale=1.0,
2020-06-22 10:32:15
原创 rem的用法(以及在移動端是使用)
在開發移動端的很多時候，px作爲單位已經無法滿足客戶的需求，rem做到的完全適配瀏覽器大小已經很成熟了，這裏我寫下這個爲了給自己留個筆記吧！ rem的用法 rem 相對於根元素字體大小的單位，它是一個相對單位。 通常可以有兩種方法
2020-06-22 10:32:15
原创 移動端(手機端)頁面自適應解決方案—rem佈局
移動端(手機端)頁面自適應解決方案—rem佈局 假設設計妹妹給我們的設計稿尺寸爲750 * 1340 淘寶做法（推薦做法，尤其是app內嵌頁面）： 引入：頁面開頭處引入下面這段代碼，用於動態計算font-size，或者單獨放入一個
2020-06-22 10:32:15
原创 css: overflow:scroll 在ios 上出現滑動不流暢的問題
css: overflow:scroll 在ios 上出現滑動不流暢的問題，在滑動樣式內加入 -webkit-overflow-scrolling: touch; 即可
2020-06-22 10:32:15
原创 數組中對象屬性名相同歸類處理
這是我最近做的H5 項目，遇到的一些問題，給自己做個筆記 首先頁面結構是這樣的 正常的話渲染頁面後臺返回數據爲二維數組的話會方便多，但是後臺以對象形式返給我 1.問題1 將拿到的數據處理成二維數組 let arr1
2020-06-22 10:32:15
原创 小程序 scroll-view視圖的應用
最近接手的小程序，給自己做的筆記，效果如下圖。 具體代碼 如下： wxml <scroll-view wx:if="{{flag=='0'}}" scroll-into-view='{{indexFlag}}' scr
2020-06-22 10:32:15
原创 移動端常見 局部滾動佈局 （微信小程序 + vue H5）
在項目中經常會遇到這種類似的佈局方式，全屏滾動有時候不符合項目場景需求，經常會遇到頭部底部固定，中間區域滾動，還有會觸底加載，在小程序中我們會有類似的觸底事，下面我項目中遇到的問題總結， 1.先來說說常見的佈局方式，主要flex佈
2020-03-13 17:56:07
原创 js 根據指定的多個索引，刪除相應的數組元素。splice + sort
var productItems = ["a", "b", "c", "d"]; var indexs = [1, 2, 3,]; indexs.sort(function(a, b) { return b - a});
2019-09-16 16:30:49
原创 微信小程序 全面屏的適配
通過配置app.json的window屬性的navigationStyle（導航欄樣式，僅支持以下值： default 默認樣式custom 自定義導航欄，只保留右上角膠囊按鈕），改爲custom模式，來自定義navigator
2019-08-01 16:48:39
3
原创 微信小程序開發之大轉盤 抽獎
上代碼: 1.index.wxml <view class="container-out"> <view class="circle" wx:for="{{circleList}}" style="top:{{item.top
2019-08-01 16:48:39
原创 微信小程序開發之分頁加載
本文將帶你瞭解微信小程序開發之分頁加載，希望本文對大家學微信有所幫助。 分頁加載功能大家遇到的應該會經常遇到，應用場景也很多，例如微博，QQ，微信朋友圈以及新聞類應用，都會有分頁加載的功能，例如你一頁顯示10條數據，第一次（第一頁
2019-08-01 16:48:38