原创 分享一下自己react項目中封裝的axios

在寫react項目的時候,自己又重新封裝了一次axios,回顧一下,儘管覺得還是有點冗餘,持續優化中… static ajax(options){ let loading; //初始化參數

原创 關於withCredentials與狀態碼204

The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request

原创 react沒有組件的文件時獲取redux中的數據

舉例 比如我們想在配置文件中獲取redux,這時候普通的方法就不奏效了, 這時候我們可以在config.js中引入 store, import store from './../redux/store'; console.log(

原创 redux利用redux-persist實現數據持久化

我們在使用redux的過程中會出現頁面刷新redux中數據丟失的情況,我們有時候就會用到localstorage,sessionstorage等,但是我們都用了redux,應該儘量避免使用這兩個。 這裏推薦使用redux-pers

原创 /deep/的用法

/deep/的意思大概爲深入的,深遠的。無意中看到css中有關於這種寫法,開始沒太注意 ,以爲是組件css的寫法,後來才發現不是。我們都知道Scoped CSS規範是Web組件產生不污染其他組件,也不被其他組件污染的CSS規範。這

原创 egg.js部署到服務器

用egg.js寫了一些接口,要上傳測試服務器測試,還不會egg.js可以看看官方api :https://eggjs.org。 說一下部署上傳服務器的流程。 1.首先先把egg項目文件夾中除了node_modules的文件放到服務

原创 笛卡爾積:電商中sku規格屬性算法

前兩天做電商前端的朋友問我,根據產品屬性,顯示出所有不同屬性產品,屬性是動態的。 這是電商中經常會遇到的笛卡爾積問題。 例如一個手機有金色,白色。內存有8G,16G。 那他就要生成4中不同屬性的手機。 我的做法如下: // 產品屬

原创 vue中判斷div滾動條是否置底

業務中遇到這個問題,百度搜索了一下,沒有好的方案就自己寫了一個。 在mounted中監聽對應的div滾動事件 document.querySelector('.content-box').addEventListener("scrol

原创 vue頁面切換中斷ajax請求

項目中遇到個問題,客戶端要等服務端操作3到4秒後才能返回結果,這時候用戶退出頁面ajax請求還在進行,會影響性能。 axios中提供了兩種方式解決中斷ajax問題,這裏我就說我用的這種。 在main.js中加入以下代碼; Vue.pr

原创 詳述Promise的使用(前端必備)

Promise的重要性我認爲我沒有必要多講,概括起來說就是必須得掌握,而且還要掌握透徹。這篇文章的開頭,主要跟大家分析一下,爲什麼會有Promise出現。 在實際的使用當中,有非常多的應用場景我們不能立即知道應該如何繼續往下執行。最重

原创 mui實現APP整包更新

整包更新 與熱更新不同,整包更新比對的版本號是應用版本名稱 //檢測當前版本號 dqbanben:function(){ var that=this; //在頁面中初始化plus插件 mui.init

原创 混合APP中實現合成帶參數二維碼的圖片並分享到微信

項目中遇到個需求,要把帶個人蔘數的二維碼的分享圖分享到微信,讓兩個用戶綁定。 這是分享之前的樣式,要用canvas把它做成一整張圖片,如果不是APP中是在微信會H5中可以進入頁面就製作,覆蓋在原圖上讓用戶長按圖片下載。 分享之前用

原创 跳轉到微信APP

self.location=‘weixin://’;

原创 mui實現APP中的支付寶支付

初始化獲取支付通道 我用的是vue,首先先引入mui,hbuilder中設置支付寶支付,這裏不再敘述。 // 初始化 mui.plusReady(function() { // 獲取支付通道 plus.

原创 js 13位與10位時間戳轉換

舉一反三,可以根據自己的需求改變日期樣式 filters: { //vue過濾器 //時間戳改變 timechange: function (value) { //13位時間戳 var date