原创 爲什麼要把js放在頁面底部,css放在頂部

先了解一下 瀏覽器的渲染原理: 當我們在瀏覽器輸入URL 時,瀏覽器會返回我們一個HTML文檔,將文檔下載下來後,便開始從上到下開始解析。解析完成之後就會生成DOM。如果頁面中有css,會根據css的內容生成cssom, 然後DOM會和

原创 前端性能優化----無損壓縮webp格式的圖片

一、什麼是webp WebP格式,谷歌開發的一種旨在加快圖片加載速度的圖片格式。圖片壓縮體積大約只有JPEG的2/3,並能節省大量的服務器寬帶資源和數據空間。 二、爲什麼要用webp 1、減小圖片加載資源的大小、節省用戶流量資源 2、降低

原创 怎麼修改elementui的主題顏色

先看官網怎麼說的 修改字體這句話是必須的,就是紅色框的,很重要。 另外,如果main.js直接引入scss文件報錯,那麼,找到webpack.base.conf.js,把裏面的rules配置scss的地方,刪除就OK了。 如圖,註釋即

原创 凍結數據的方法,防止被修改Object.freeze()

Object.freeze()方法接收一個參數,如果此參數是一個對象,則此方法把這個對象凍結,如果是其他類型則不會報錯,無影響。   被凍結的對象不能修改、添加、刪除其屬性或者屬性值 let obj = {"a":5}; Object.

原创 WebRTC getUserMedia()獲取流失敗的原因查詢及解決

原因及解決方法: Chrome 47以後,getUserMedia API只能允許來自“安全可信”的客戶端的視頻音頻請求,如HTTPS和本地的Localhost。 例如:https://192.168.1.2:8080… localhos

原创 vue父子組件加載順序

父子組件的執行順序爲, 父組件beforeCreated ->父組件created ->父組件beforeMounted ->子組件beforeCreated ->子組件created ->子組件beforeMounted ->子組件mo

原创 git 命令合併兩個開發分支

1. 先執行git branch -a ,查看所有的分支、 2. 比如我現在要把useTestStyle改動的代碼合併到V19.09.27分支上,因爲,我從V19.09.27分支新建的新分支useTestStyle,用來改動一些東西,現

原创 安裝運行electron-quick-start報錯

安裝官網的教程,安裝報錯,是因爲npm下載的包有問題,安裝cnpm ,再執行cnpm  i  就可以了。

原创 Cannot read property 'dispatch' of undefined

1. 子組件內,調用mapActions報錯解決方法: 引入   import store from '../../store'; 調用actions的方法: store.dispatch('checkSatId', params).t

原创 前端接收後端接口返回的gzip格式的二進制流數據轉換成json格式

後端寫法: /**  * 使用gzip進行壓縮  */ public static String compress(String primStr) {     if (primStr == null || primStr.length(

原创 Css 製作div四角邊框效果

<li class="inputStyle"> <span></span> <span></span> <span></span> <span></span> </li> inputStyle{

原创 爲什麼node_modules裏面會有.staging這個東西

.staging是在運行過程中出現的,當真正install所有包之後,node_modules裏面的包就會顯示正常,也就是,出現這個就是沒有加載完。

原创 Vue 錯誤提示 Do not use 'new' for side effects

在 new Vue 在ESLint報錯 Do not use 'new' for side effects 方法一 在new Vue上加/* eslint-disable no-new */ 這句註釋可以繞過規則檢測 /* eslint

原创 記錄一下關於nginx 如何配置vue + webpack 的打包後的靜態資源

衆所周知:當前通過npm run build 後會產生一個dist 文件夾 那麼如何放到服務器上然後通過一系列的轉發呢: 安裝nginx  我在這裏不多介紹,隨便搜一篇博客安裝就行。 主要介紹nginx.conf 的配置文件內容: 配置文