原创 在 create-react-app 創建的項目中使用 less 模塊化

在create-react-app 腳手架創建的項目中，突然想到要用 less 的模塊化，但是 create-react-app 創建的項目只是自帶 css 模塊化。要使用 less 模塊化，需要自行配置 首先，創建項目 create-

2020-05-22 16:38:45

原创 在template裏面使用moment報錯

記錄一下之前一個簡單的小問題，今天又重新遇到，差點忘記了怎麼解決。 一開始想使用moment的時候，直接照着思路，先import進來，然後在template裏面的使用，但是這樣子會報個錯誤 說是未找到moment這個方法，那麼問題來了，

2019-09-03 06:37:08

原创 使用http-middle-ware中間件進行多個接口請求轉發

        最近遇到公司的一些項目，是純靜態的不用編譯的普通項目，由於前端會跨域，這些項目他們原來是使用Nginx做服務器，然後進行請求的代理轉發。但是由於我之前沒有怎麼接觸過Nginx，一些配置基本上都不是很懂，每次都要去搜一下配置

2019-07-08 07:13:47 8

原创 啓動vue項目報異常錯誤

項目啓動後，控制檯報錯： 打開網頁後，控制檯報錯提示尋找不到E:\work\yst-static-web\html\yst-help\node_modules\[email protected]@webpack-dev

2019-06-13 02:21:09

原创 整理最近面試前端的一些面試問題

      最近換工作，面試了好多公司，遇到了挺多的面試題的，將自己最近的面試題統一一下，做個記錄，最近一個月內有空就更新。方便自己學習，以及基礎知識的補充。順便吐槽一下，前端知識跟宇宙一樣寬廣啊~  1. gpu加速的原理 16ms

2019-05-08 21:53:17

原创 vuex 多模塊時 模塊內部的mutation和action的調用方式

vue在做大型項目時，會用到多狀態管理，vuex允許我們將store分割成多個模塊，每個模塊內都有自己的state、mutation、action、getter。模塊內還可以繼續嵌套相對應的子模塊。 爲了鞏固我自己對store多模塊的一些

2019-04-02 06:53:48

原创 vue中 computed和watch的一些簡單理解（區別）

       今天看到一個問題，就是vue的computed和watch要在哪些場景下使用，其實也就是在問他們的區別。computed也就是計算屬性，它可以幫助我們將在模板中的一些稍微複雜的邏輯計算放回到js代碼中，方便理解與修改維護；就

2019-03-20 07:06:05

原创 webpack打包css報錯

       最近跟着視頻學習webpack4.x，視頻內容算是比較新的了，不過在跟着視頻敲代碼的時候，還是遇到了報錯，報錯截圖如下： 截圖中黃色標記出來的部分是報錯的主要信息，當前主要的webpack配置代碼如下： const pa

2019-03-07 16:47:57 1

原创 改造一下上次vue的loading插件

        上一次我們將loading組件封裝成了插件，基本上使用起來並沒有多大問題，剛好足夠使用。我們現在來稍微改造一些這個loading插件，實現一個簡單的功能，使之能夠延遲關閉loading這個浮層。         目前這個插

2019-01-13 14:21:37

原创 動手造一個vue的loading插件

        在一般的vue項目中，都會用到Loading或者Alert之類的彈窗浮層，而他們是一種比較高頻率出現的組件。         一般情況下，我們都會去直接import該組件，然後直接以標籤的形式引用進去當前頁面組件中，如下圖

2019-01-06 16:45:28

原创 vue swiper 滑動切換slide時，導致setInterval卡頓，附帶解決方法

 具體現象如下圖，可以看到，每次滑動slide或者通過導航箭頭切換slide的時候，上方的倒計時總是在slide結束後卡頓0.3s左右的時間。  在導航箭頭上，在每次執行slide滑動後，都有一個v-show的判斷是否到達slide的盡

2018-12-26 19:12:26 32

原创 vue開發中遇到Forced reflow while executing JavaScript took

在vue的開發過程中，遇到了如圖所示的警告提示，我頁面中包含有一個毫秒倒計時，swiper插件等，還有有一個答題卡組件，組件是通過來控制顯示的，但是這裏每次在頁面點擊改變isAnswerCardOpen的值是，就會出現上圖的警告，而且也感

2018-12-25 14:28:15 34

原创 vue axios 使用表單形式進行數據提交

        axios 默認使用的是json字符串形式去提交數據，但後端極力要求使用表單形式提交數據(說是json字符串還需要轉，會消耗性能)。        由於需要使用表單的數據形式，在前端的項目裏面，則需要對數據進行轉換，使之成

2018-12-23 16:21:14

原创 vue下，setInterval會影響swiper

在做項目中，由於使用了setInterval 函數來進行倒計時，導致vue-awsome-swiper（version: 3.1.3）組件出現了異常。具體異常如下圖所示：  在.vue文件中，我倒計時的計時器沒有拆分成組件，直接在當前

2018-12-18 16:28:26 7

原创 點擊a標籤下載當前鏈接的圖片

若想點擊a標籤就下載當前鏈接的圖片，首先必須文件是同源的，在a標籤上增加download屬性，才能觸發點擊下載的效果，若不同源的話則變成在當前頁面打開該圖片了。 若想要下載不同源的文件，有一種思路是將圖片轉爲base64再賦值給a標籤，這

2018-12-07 16:18:37