原创 [CSS]margin：auto使用原理及水平垂直居中方案
margin：auto使用原理及水平垂直居中方案 margin：auto原理 margin:auto 是自動分匹配剩餘空間的，當一個元素在沒有被強制定寬高時，是撐滿一個方向的，當強制定寬高時，此方向上就有剩餘的空間，當margin
2020-06-24 14:12:20
3
原创 [JavaScript]實現對象深拷貝
綁定同一對象的不同組件，當對象發生變化時，組件同時發生變化，及時將對象做拷貝處理也無法解決。因此需要做js的深拷貝，生成新的指針指向不同位置，兩個對象互不影響。 let data1 = JSON.parse(JSON.string
2020-06-24 14:12:20
原创 [Vue]中給單個頁面設置背景色
當頁面高度並沒有撐滿整個屏幕時，設置html、body都不能達到撐滿整個屏幕高度。通過document設置可以完美解決此問題。此外，style需加上scoped限制，否則會影響其他頁面背景色。 在mounted()中加入： doc
2020-06-24 14:12:09
原创 Vue九宮格跑馬燈抽獎
九宮格跑馬燈效果抽獎 九宮格樣式，實現隨機選擇九宮格內獎品，且跑馬燈實現效果時由快到滿，如有需求獲取固定位置獎品時，根據需求調整goLottery()中的代碼即可 <template> <div class="cj_box">
2020-06-24 14:12:09
7
原创 Vue高度設置100%無效
Vue高度設置100%無效 場景: 當單頁面需要整個頁面填充顏色等操作，需要頁面高度爲屏幕高度，設置height：100%無效 解決方法：在App.vue中設置height： 100% //App.vue html,body,#
2020-06-24 14:12:09
原创 WebStorm移動端調試html方法
WebStorm移動端調試html方法 在使用WebStorm編寫HTML代碼，尤其是編寫移動端web時，常常會需要在商機上顯示網頁進行測試，WebStorm上只需要簡單幾步即可訪問 打開WebStorm上的preferenc
2020-06-24 14:12:07
原创 [微信小程序]如何在repeat循環中修改某元素的樣式及內容
如何在repeat循環中修改某元素的樣式及內容 repeat是wepy框架下用於循環頁面的標籤，它有四個重要的屬性：for、index、key、item。其中，對於修改其中元素的重要屬性就是index。 示例： <repeat f
2020-06-11 09:54:39
原创 [微信小程序]山莊預訂微信小程序——田隱
對於開發者來說，微信小程序開發相對便捷，成本幾乎沒有，由於對前端設計的濃厚興趣，我開始自學微信小程序，基於我對目前市場上對於針對性預訂農莊遊玩平臺的缺失，開發出這一款 田隱 微信小程序。 這款小程序的好處是專門針對去野外農莊體驗遊
2020-06-11 09:54:39
原创 [微信小程序]將離散的後臺數據聚合
將離散的後臺數據聚合 當後臺傳入離散的數據時，如何使這些分散的數據按需求聚合在一起循環輸出，可以採用以下辦法： 需求：將傳入的離散數據按照時間聚合後，按照早、午、晚、加餐再度聚合後輸出 方法：將數據循環遍歷，按日期分組存放，在數組
2020-06-11 09:54:39
原创 [微信小程序]列表頁下滑刷新機制
小程序列表頁下滑刷新機制 在調用API時，要注意一點，如果要渲染一個列表的話，如果直接返回所有項，既浪費時間又浪費資源，因爲作爲使用者來說，可能並不需要得到所有的列表項，可能在第一頁或者前幾頁就拿到自己想要的，所以，後臺一般會將數
2020-06-11 09:54:39
原创 [微信小程序]wepy框架踩坑
wepy框架踩坑記 wepy作爲讓小程序支持組件化開發的框架，深受企業級小程序的青睞，最近在編寫時發現了幾個坑，實在是讓我抓耳撓腮 1.如果頁面向組件以對象.屬性傳值，組件不能通過this.屬性獲取到頁面傳來的值，必須將屬性單獨傳
2020-06-11 09:54:39
原创 [微信小程序]Promise解決連續網絡請求
Promise解決連續網絡請求 在調用API時，當遇到連續調用，並且需要上一個API調用的結果，或者必須等上一個請求完成後才能繼續請求，通常的延時函數並不能解決辦法，因爲如果上一個請求較長，超過設置的等待時間，同樣會出現問題，所以
2020-06-11 09:54:39
原创 調用框架API時添加自定義參數
調用框架API時添加自定義參數 場景： 當調用Ant Design等框架使用組件時，添加自定義的字段區分不同表單使用此API的方式，以減少冗餘代碼。 問題： 添加自定義參數時無法保留原默認參數 例： <a-pagination @
2020-04-14 08:56:29
原创 vue頁面緩存--動態keep-alive
需要實現的場景 當 A頁面除了返回上級頁面以外，跳到其他頁面均緩存A頁面內容 實現思路 使用keep-alive的include屬性，將需要緩存的頁面加入include數組中 使用vuex保存需要緩存的頁面集合 在頁面跳轉時使用
2020-02-25 10:23:22
原创 解決img在div容器中存在空隙問題
在做項目時，在div中添加img標籤，實際效果在底部會莫名多吃2xp左右的空隙，上網搜索了一下，解決辦法非常簡單 將img設置爲塊級元素 img { display: block; } 2.將父級容器字體大小設爲0 3.將
2020-02-25 10:23:22