原创 小程序頁面分批次加載（模擬懶加載）
有些情況，例如在詳情頁，可能涉及的接口個數比較多，因爲詳情一般數據量比較龐大，如果部分開，一個接口請求，會導致請求時間比較長，用戶體驗會很差，所以此時就可把這個大接口分開，當頁面滾動到某個樓層時再請求後邊樓層的數據。 1.代碼 1.wxm
2020-06-24 04:02:55
原创 微信小程序製作樓棟鳥瞰分佈圖
1.思路 後臺上傳一張樓棟背景圖底圖，分別定位出每個樓棟號的橫向，和縱向的座標位置，通過for循環展示每個樓棟狀態的icon，點擊每個icon獲取當前index，取到數據對應信息展示即可。因爲後臺樓棟分佈底圖每個樓盤可能都不一樣，但是前臺
2020-06-24 04:02:55
原创 滑塊驗證碼，圖片滑塊驗證碼（兼容pc和H5）
背景：登錄部分以前用的是那種需要手動輸入的驗證碼方式，現在好多同行都改成了滑塊，或者圖片滑塊驗證碼的方式（咱們也需要與時俱進，不能落後與競爭對手哈）。對於觸屏(也就是H5頁面)的網站，可以在pc端打開，然後再在控制檯切換爲手機模式，所以這
2020-06-24 04:02:55
原创 微信小程序雙向滑動slider
1.使用場景，通過滑動滑塊，獲取價格的範圍，提交表單獲取搜索結果。slider是單向的，這種範圍獲取的可能不行（當時的想法），還有一種思路，就是通過touch事件，使用view進行佈局，手寫一個（這種當然可以）。然後再網上找了一些資料，發
2020-06-24 04:02:55
原创 svn更新無響應的問題（未完待續，歡迎補充...）
背景： 隨着冠狀病毒席捲全球，我司也受到影響，要求在家辦公，在使用筆記本連接無線wifi的時更新svn代碼到本地時出現，svn不響應的問題，svn就是葛優躺死活不響應. 1.首先我進行了自查： 1.1 網絡是好的（百度可以打開）； 1.
2020-06-24 04:02:55
原创 swiper.js製作酷炫輪播圖
1.html <html lang="en"> <head> <meta charset="utf-8"> <title>swiper製作酷炫輪播圖</title> <link rel="stylesheet" href
2020-06-24 04:02:45
原创 安卓部分手機reload()失效問題
1.在移動wap中，經常會使用window.location.reload()去刷新頁面，這個方法在絕大多數瀏覽器中都不會存在問題，但早上測試的同學提出了一個bug：在安卓某個測試手機(OPPO)的微信自帶瀏覽器中，這個是失效的，並沒有跳
2020-06-11 03:27:31
原创 js獲取當前時間並做一些操作（對時間格式化，moment.js）
這個博主寫的挺全的，需要的可以參考一下 1.代碼 //Js獲取當前日期時間及其它操作 var myDate = new Date(); myDate.getYear(); //獲取當前年份(2位) myDate.getFullYear(
2020-06-11 03:27:31
原创 小程序結合騰訊地圖（QQMapWX）SDK做位置周邊搜索展示
1.wxml <view class="container"> <view class='newHouseTitle'> 當前位置 </view> <view class="map_wrap"> <map id="ma
2020-04-21 23:15:45
原创 laydate.js時間日曆插件
1.html <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0;
2020-04-21 23:15:45
原创 小程序結合騰訊地圖（QQMapWX）SDK做位置周邊搜索在地圖上展示氣泡點，點擊氣泡展示不同狀態
1.背景： 在微信小程序中，地圖上展示一個座標點周邊的醫院學校等周邊設施，通過地圖上氣泡的方式。點擊氣泡展示不同的氣泡狀態，點擊導航跳轉到對應氣泡點所在的座標位置。 2.實現思路： 2.1佈局： 地圖全屏展示，地圖上的位置tablist展
2020-04-21 23:15:45
原创 distpicker.js製作省市區三級聯動
1.html <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0;
2020-04-21 23:15:45
原创 微信小程序css方式animation動畫彈幕實現
1.背景： 背景一： 在某些場景下需要用到彈幕，例如視屏直播網站等等需要用到彈幕，視屏直播等平臺會用到輸入發送彈幕，這個可以參考小程序的視屏播放部分video傳送門，在video組件中直接有彈幕配置方式，詳細參考官方文檔，這裏不做贅述。
2020-02-20 13:51:54
原创 wx.createSelectorQuery().select微信小程序獲取dom節點位置
1.場景： 在某些情況下需要用到某個元素距離頂部的距離。 1.1場景一： 例如在某些小程序的詳情頁，由於頁面展示的內容特別多，頁面有好幾屏的高度，辣麼龐大的數據量，放在一個接口裏顯然是不合理的（小程序setData有1024大小限制；如果
2020-02-20 13:51:54
原创 js判斷時間是否爲當天（今天是今天）
場景：在某些時候，某些項目需要做發送默認消息，默認消息一天只發送一次，當天時間爲當天零點到當天的二十三時五十九分五十九秒，然後當時間切換到第二天時，只要用戶是第二天第一打開就發送默認消息，如果之後再次打開，就不發送了。 思路：獲取當前進入
2020-02-20 13:51:54