原创 分享一些web前端工程師常用且實用的網站
爲了日常開發的方便，分享一些平時收藏且實用性比較高的的網站… 一.配色方面： colorhunt：https://colorhunt.co/ （這個網站給我們提供了幾十種的配色方案，鼠標移動到對應的顏色上即可獲取顏色值）； Ado
2020-06-19 07:08:21
12
原创 微信小程序-向左滑動刪除，取消收藏效果案例
微信小程序左滑刪除效果的實現，平時用到的app也有使用到這種效果，對組件向左滑動，右側會出現一個刪除按鈕，點擊確認刪除此組件模塊； 效果圖如下： wxml： <view class="collect"> <view cl
2020-06-19 07:08:21
2
原创 基於vue.js仿淘寶收貨地址，並設置默認地址
這個案例主要是渲染地址列表，然後設置默認地址，與淘寶的收貨地址功能一樣，具體自行查看自己的淘寶收貨地址； 效果圖： html結構 <!--the-address--> <div class="the-address">
2020-06-19 07:08:21
原创 微信小程序-天氣預報案例之和風天氣API
小程序-天氣預報，在現實生活中是非常常用的，我們平時都可以通過自己的手機上面或網上進行查看天氣等等； 這個demo可以應用到自己的小程序模塊上。 本案例先弄個簡約版本的v1.0.0… 前期準備： 申請自己的微信小程序，雲開發環境
2020-06-19 07:08:21
原创 基於vue實現的多條件下拉選擇篩選功能案例
基於Vue實現的多條件篩選功能，可用於篩選商品之類的功能； 效果圖： <!--排序篩選--> <div class="the-sorts" id="vue-sorts"> <div class="pick-con">
2020-06-19 07:08:21
2
原创 淺談對vue中keep-alive的理解，配合vuex的使用
keepalive中文翻譯的意思是：保持活着； 被包含在 keep-alive 中創建的組件，會多出兩個生命週期的鉤子: activated 與 deactivated activated: 在 keep-alive 組件激活時
2020-06-19 07:08:21
原创 js/vue實現input file多張圖片上傳及預覽，限制圖片數量，對應每個圖片文件名，刪除圖片
js input file 多圖片上傳，一次性上傳多張圖片（前端預覽功能）； 運用js實現上傳圖片前的預覽（支持多張圖片），網上很多案例都是沒有處理每個上傳的圖片文件名，這裏我就增加了圖片文件名的方法，刪除對應圖片的方法，希望親
2020-06-06 12:32:00
10
原创 微信小程序上傳多張圖片-視頻，預覽圖片
考慮到日常項目中還是比較常用的，就整理了一下這案例，可以上傳指定數量的圖片或視頻； 使用可以查看小程序文檔： 選擇圖片： wx.chooseImage 選擇視頻：wx.chooseVideo wxml: <view class=
2020-06-06 12:32:00
原创 微信小程序map組件地圖定位當前位置
小程序map組件的應用方式：簡單版 wxml: <map id="map" latitude="{{latitude}}" longitude="{{longitude}}" controls="{{controls}}" b
2020-06-06 12:32:00
原创 微信小程序-基於騰訊地圖api的省市區三級聯動案例
騰訊的WebService API，在項目的要用到定位，地圖等等功能時會應用到，小程序官方提供的文檔是沒有過多的功能來滿足項目需求，所以我們可以查看一下騰訊地圖的api來對應開發相關的功能，功能還是蠻多的，具體自行查看文檔和配置k
2020-06-06 12:32:00
原创 微信小程序組件之rich-text，轉義顯示富文本操作
小程序的rich-text組件使用： 效果圖 接口獲取的數據 數據轉義後 wxml結構 <view class='content'> <view class='in'> <view class='com'>
2020-06-06 12:32:00
原创 js兼容安卓和IOS的複製文本到剪切板，已做瀏覽器兼容處理，勿需插件
開發需求：手機端，點擊按鈕實現需複製的文本內容； 案例已做手機端瀏覽器兼容處理經測試，[QQ，微信，蘋果，360，UC等]，可正常使用； 案例代碼如下：****（使用時：請調試到手機模式） 案列1：單個複製 <!DOCTYPE
2020-06-06 12:32:00
原创 微信小程序map組件路線規劃，騰訊地圖sdk的應用案例
騰訊地圖WebService API 是基於HTTPS/HTTP協議的數據接口，開發者可以使用任何客戶端、服務器和開發語言，按照騰訊地圖WebService API規範，按需構建HTTPS請求，並獲取結果數據（目前支持JSON/J
2020-06-06 12:32:00
原创 微信小程序：連續簽到7天簽到積分獲得功能設計
每週每天簽到獲得積分的案例 功能設計：計算每天簽到得1分，顯示得到的簽到積分，連續簽到3天[週一二三]即得+多3分，連續簽到7天[週一二三四五六日]+多7分，沒有連續即不顯示多餘的3分或7分的提示… wxml結構： <!--p
2020-06-06 12:32:00
原创 微信小程序，類似微信點擊語音播放效果，不會互相干擾播放狀態
類似平常微信語音聊天的效果… 根據開發的需求，先理清一下思路，點擊語音播放與暫停/停止，切換下一個語音等； 小程序對於audio的組件的一些api方法已經不支持了，詳情可以參看：微信小程序audio組件文檔 嗯嗯，這下子，該怎
2020-06-06 12:32:00