原创 在windows服務器上使用node-windows部署nodeJS服務
一般部署nodejs的項目，大家都會用到forever這個庫，這個庫相當好用，可以讓nodejs的站點在後臺跑，不需要cmd的窗口一直開着。在windows下，如果用戶一直不註銷，這種方式是可行的，但在服務器上的話就麻煩了，因爲服務器在部
2020-07-05 03:52:41
21
原创 Vue設置部分頁面緩存，設置部分頁面不緩存
在項目中經常會遇到需要設置部分頁面緩存，在路由切換時，不必每次都拉取接口更新，這樣可以很大程度的提升用戶體驗，也可以減少接口請求次數，降低服務器消耗； 首先我們先了解下vue這個框架在頁面緩存知識 1：keep-aliv
2020-07-05 03:52:31
1
原创 iOS中H5從其他頁面返回當前頁面，頁面不更新
做活動H5的時候，多個H5頁面之間相互跳轉的情況很多，在開發中我遇到了這樣一個問題，A頁面跳轉到B頁面，在從B頁面返回時，我需要A頁面做更新操作，在安卓中，不用特殊處理，就能實現，但是在iOS中A頁面被緩存了，返回頁面不會
2020-07-05 03:52:31
原创 vue-cli3.0 項目內使用vue-skeleton-webpack-plugin插件根據路由來渲染不同的骨架屏
爲了前端體驗更加友好，減緩用戶的焦慮情緒，提升項目質量等，我們在項目裏面可以使用骨架屏，提前渲染出來一個跟正式頁面相似的頁面出來，減小首屏加載時間。 在vue中使用骨架屏 因爲我們的代碼會使用webpack打包，所以在我們的js下載運行之
2020-07-05 03:52:30
1
原创 Vue-cli3.0中 使用image-webpack-loader 做圖片優化時，亂碼報錯解決辦法
1.Vue-lie3.0中image-webpack-loader插件的使用方法 做H5活動頁面的時候，使用到了很多圖片，就像使用image-webpack-loader插件來做圖片優化，vue-lie3.0中image-
2020-06-02 18:36:44
12
原创 按鈕背景爲圖片，在按鈕不可用時，將按鈕置灰
這個需求有兩種解決方法，一種是通過濾鏡來實現，還有一種簡單除暴，直接在按鈕不可用時，將按鈕背景圖片換成灰色的背景 1.按鈕添加灰色濾鏡 .btn-disabled { filter: grayscale(100%); -w
2020-05-31 13:17:10
原创 前端常用60個工具方法
1.郵箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test
2020-05-31 13:17:00
原创 element UI的form 禁止瀏覽器自動填充用戶名或密碼
瀏覽器自動填充的功能在登錄的時候挺好用的，但是在用戶註冊或管理的時候就很不需要再自動填充了； 普通的form表單內的input設置autoComplete="off"就可以了 <input type="password" autoCom
2020-05-21 01:16:00
4
原创 2020 web前端面試題及答案大全
css相關 1. 萬能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高，垂直 4.表格，center,middle；水平垂直 5.display:table-cell；模擬表格，all
2020-05-13 05:50:31
原创 vue-cli3.0 中創建多個子項目，並能分別打包到對應的文件夾下
在項目中我們經常會做多個小的vue項目，這些項目頁面不多，功能也不復雜，它們可以共用依賴，但是我們又不能每個小項目單獨初始化vue項目，這個時候，我們就希望在一個vue腳手架下創建多個子項目，它們互不干擾，可以獨立運
2020-04-27 16:54:08
1
原创 一步一步學會使用vuex
1. vuex是什麼？ Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態。 白話：vuex就是幫我們存儲一下多個組件共享的數據，方便我們對其讀取和更改。 2. State 官方解釋：
2020-04-23 00:35:50
2
原创 使用charles抓取手機APP的數據包，https請求一樣能抓取
在開發過程中，經常會遇到真機調試的場景，但是受環境限制，只能使用數據抓包的辦法來查看http請求的數據結果和狀態，下面就爲大家介紹一款非常好用的數據抓包工具及使用方法； 工具介紹 Charles 是一款收費的抓包修改工具，易上手，數據請求
2020-04-14 00:26:56
3
原创 Vue項目中添加husky
husky 是一個 Git Hook 工具。主要實現提交前 eslint 校驗和 commit 信息的規範校驗，也可以避免多人合作時代碼格式化不統一造成的衝突； 1.安裝 husky，lint-staged npm i -D husky
2020-04-14 00:26:56
2
原创 高效的編碼：我的VS Code設置
代碼編輯器很多，有些是免費的，有些是付費的。其中最喜歡的代碼編輯器是 Visual Studio Code。它是免費的，並具有強大的功能，我陸續拋棄了Atom、Sublime Text以及也很強大的WebStorm。 今天，我將分享我最喜
2020-03-30 07:49:17
12
原创 前端表單驗證常用的15個JS正則表達式
在表單驗證中，使用正則表達式來驗證正確與否是一個很頻繁的操作，本文收集整理了15個常用的javaScript正則表達式，其中包括用戶名、密碼強度、整數、數字、電子郵件地址（Email）、手機號碼、身份證號、URL地址、 IPv4地址、 十
2020-03-30 07:49:17
2