原创 vue-cli3.0 項目內使用vue-skeleton-webpack-plugin插件根據路由來渲染不同的骨架
爲了前端體驗更加友好，減緩用戶的焦慮情緒，提升項目質量等，我們在項目裏面可以使用骨架屏，提前渲染出來一個跟正式頁面相似的頁面出來，減小首屏加載時間。 在vue中使用骨架屏 因爲我們的代碼會使用webpack打包，所以在我們的js下載運行之
2020-03-19 11:36:37
1
原创 npm 安裝 node-sass 失敗問題分析及解決方案
在使用npm 安裝依賴時,執行到 Missing binding E:\webstorm\notepad\notepad\node_modules\node-sass\vendor\win32-x64-46\binding.node No
2020-03-15 01:06:06
3
原创 JS常用開發技巧
「String Skill」：字符串技巧 「Number Skill」：數值技巧 「Boolean Skill」：布爾技巧 「Array Skill」：數組技巧 「Object Skill」：對象技巧 「Functi
2020-03-13 00:19:43
1
原创 APP內嵌H5開發常見問題及解決方案
前言 作爲一個開發了多個 H5 項目的前端工程師，在開發過程中難免會遇到一些兼容性等爬過坑的問題。現在我將這些問題一一彙總一下，並在後面給出坑產生的原理，和現階段常規的填坑方案。由此來做一個階段性的總結。 常規操作哈，點贊後再觀看唄！你
2020-03-13 00:19:43
1
原创 vue封裝通用頁面佈局組件
在做項目時，我們的頁面風格往往都是統一的，頁面佈局大多也相似，這樣我們就可以吧相同的，可以複用的組件封裝起來，頁面上需要使用時，引用就可以了；下面介紹一個自己封裝的頁面佈局組件 1.在components下新建PageFrame/inde
2020-03-10 22:26:57
1
原创 H5頁面中引用的靜態圖片、CSS或JS時，在路徑後添加時間戳，防止瀏覽器緩存
HTML內引用靜態圖片，瀏覽器緩存 <div class="box"> <script type="text/javascript">document.write('<img src="./img/face-guide1.png?
2020-03-05 10:28:25
1
原创 vue-cli 兼容移動端低版本系統步驟詳解
最近用 vue-cli 3.0 開發的移動端項目在最近兩年新出的安卓手機上沒問題，在三四年前的舊手機上出現白屏問題。分析一下應該是安卓系統版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 同時，頁面在I
2020-02-25 07:58:31
2
原创 vue中用swiper輪播Loop:true時點擊事件失效解決辦法
原因：因爲swiper的無限輪播時會自動複製第一個和最後一個頁面進行輪播。但由於只複製頁面沒有複製點擊事件，此時我們用vue寫的點擊事件在頁面循環一週回來遇到複製的頁面時，點擊事件就會失效。 1.HTML代碼如下 2.JS代碼
2020-02-25 07:58:31
1
原创 vue中用swiper輪播Loop:true時在IOS中獲取到的realIndex不準確
前腳剛解決了vue中用swiper輪播Loop:true時點擊事件失效解決辦法 ，後腳又出新問題了，點擊事件時獲取到的realIndex不準確，導致跳轉不正常， 後面又是一通百度，找到個解決方法，雖然不明所以，但是好歹問題是解決了，分
2020-02-25 07:58:31
1
原创 vue+table2excel 導出JSON數據到excle
最近在做一個信息採集管理系統，需要把採集到的信息導出到excle，先說說在vue中安裝和引入table2excel //安裝 npm install js-table2excel //引入 import table2excel f
2020-02-25 07:58:31
1
原创 Vue項目請求超時處理
現在網頁項目大多采用前後端分離模式，這種模式優點有很多，但是也會帶來不少問題，比如：請求後端接口時會受網絡因素影響，導致請求超時；這就需要我們在請求方法中設置攔截，對請求超時做處理； 下面就是我在項目中使用的axios封裝方法，設置網絡請
2020-02-25 07:58:31
1
原创 從對象數組中篩選出某些屬性值的項
從對象數組中篩選出某些屬性值的項 const arr = [1,2,3,4,5,6,7] const list = [ {id: 1, timelineId: 1, showNo: 1, uid: 1}, {id: 2, timel
2020-02-25 07:58:31
原创 git(coding)將本地代碼首次提交到遠程新建的倉庫
1. 先初始化本地倉庫 git init 2. 將本地倉庫連接到遠程倉庫 git remote add origin [email protected]:xxx/xxxxxxxxx.git 3. 添加本地代碼並提交到本地倉庫 gi
2020-02-25 07:58:31
原创 這樣修改element UI組件的樣式，又不會污染全局
想要修改element組件的樣式，試過一下的三種方法： 1、在style外面另寫個style； 2、在組件上加個id或者class定位，然後用 .yourClass /deep/ .element組件樣式 修改，會全局
2020-02-25 07:58:31
1
原创 前端Vue項目常用.gitignore配置項
//.gitignore .DS_Store node_modules /dist # local env files .env.local .env.*.local # Log files npm-debug.log* yarn
2020-02-25 07:58:31