原创 JavaScript5種對象的命名屬性創建(含測試源碼)

本博文源於js基礎，主要探討對象的五種創建方式。分別是：花括號創建、使用點操作符創建、Object的create方法、Object的create方法、Object的defineProperty、defineProperties方法還有通過

2020-07-03 08:23:48

原创 @import inserts duplicates 在webpack打包的vue項目 css文件重複了

最近，在整理多頁面項目的時候，發覺在項目打包之後，css文件中最常引用的common.css文件居然重複出現了！！！ dist文件就過大了，css文件居然達到了2mb多，這就讓人很煩惱了啊。 到底是什麼問題導致它這麼龐大呢？ 是因爲imp

2020-06-20 20:30:22 14

原创 前端面試需要了解熟悉的技術術語

前端已經是一門開始走向強勢的it行業，越來越多的專業術語齊平其它後端語言。 如果想要面試高級前端，那麼需要很高的專業能力，一些技術術語就不可能不熟悉了。 一、前端工程化 1、前端工程化的概念：是根據軟件工程，將前端統一標準化；將前端開發的

2020-06-20 12:09:13 4

原创 徹底搞懂word-break、word-wrap、white-space

white-space、word-break、word-wrap（overflow-wrap）估計是css裏最基本卻又容易讓人迷惑的三個屬性了，估計很多人都有把它們搞混或用錯的經歷。必須系統整理一下，今天我們就把這三個屬性徹底搞

2020-06-20 12:09:13 1

原创 Nprogress——頁面加載的虛假進度條

Nprogress是一個比較簡單的頁面加載用進度條（其實也可以用作接口加載進度，或者其它處理加載進度樣式）。簡單而代碼又少。實用度比較高。 1、Nprogress的原理 Nprogress的原理非常簡單，就是頁面啓動的時候，構建一

2020-06-20 12:09:13 5

原创 什麼是B/S開發技術？

首先來說b/s和c/s兩種軟件體系結構。 b/s 是browser/server指瀏覽器和服務器端，在客戶機端不用裝專門的軟件，只要一個瀏覽器即可． 而c/s是client/server指客戶機和服務器，在客戶機端必須裝客戶端軟件後，

2020-06-20 12:09:13

原创 vue插件開發與發佈

寫在前面 本次演示的是開發一個 vue手機虛擬支付鍵盤插件 主要講解的是如何快速開發一個vue插件併發布到npm上 源碼地址 所有代碼都可以在我的GitHub vue-pay-keyboard 上查看,歡迎start.. demo演示地址

2020-06-10 03:05:16

原创 vue閤家福實例(2)：使用element-ui el-scrollbar

element-ui是提供了el-scrollbar組件的，但是在文檔中沒有介紹它的使用方法。使用它不復雜，但是還是有幾個注意點。 el-scrollbar本身沒有height樣式。我覺得這個組件應該是不知道它需要多高。如在一個DIV中，

2020-06-10 03:05:16

原创 移動端rem佈局，用戶調整手機字體大小或瀏覽器字體大小後導致頁面佈局出錯問題

一、用戶修改手機字體設置大小，影響App裏打開的web頁面。 手機字體設置大小，影響App的頁面。 Android的可以通過webview配置webview.getSettings().setTextZoom(100)就可以禁止縮

2020-06-10 03:05:06

原创 ...because it violates the following Content Security Policy...

在項目中，移動端安卓手機點擊登錄頁面的圖片，它居然放大全屏了，後來是因爲沒有在img標籤中加上js方法return false阻擋（當然用css的背景圖方式也是可以）。 解決方式我居然直接用了js的onclick方法 onclic

2020-05-19 16:38:37

原创 mint-ui Loadmore組件報錯解決方式

vue 移動端的項目用了mint-ui； 在滑動的時候，它居然有的時候報錯，雖然不影響頁面的展示和功能的正常顯示，但是，就是看着報錯就是不爽啊！ 報錯內容： Ignored attempt to cancel a touchmo

2020-05-15 06:41:22

原创 web網站的安全測試

公司的網站開始有了更多的人點擊。 所以，老闆最近找了一家安全滲透的公司幫忙找找茬。 他們測試的點，主要集合如下： 最後在我的激勵端系統中被發現了一個低危漏洞。 點擊挾持，這個問題說大肯定不大的，說小，還有可能不太小，萬一我們的

2020-04-22 06:15:07 2

原创 Eslint和Prettier在vscode編輯器的應用

最近有空，整理代碼。 發覺之前做業務的時候，代碼都沒有規範化。導致有很多不需要的變量在佔據着內存空間、命名有的時候也沒有按照大小駝峯的方式、vue文件的html也是格式各種各樣等等一些規範的問題就找了出來。 其實做規範是比較簡單的

2020-04-21 05:02:19

原创 webpack 打包後的dist文件進行特殊性修改

一、webpack打包文件——dist dist文件默認是webpack打包之後的最外層文件夾。一個web前端項目，往往會有比較多的文件，而圖片、js、css都是必須的，當然如果是擴展的話，還有很多其他的文件，比如說字體，html，ts，

2020-02-25 21:31:52 1

原创 webpck 中添加環境變量

如何在webpack構建的項目中添加環境的變量？ 需求是這樣的，需要在項目打包之後文件的引入添加絕對的路徑，而不是相對的路徑。 比如，打包完成的文件，可能是用來測試用的，測試的地址是aaa.yourcompany.com，而正式環境的地址

2020-02-25 21:31:52