原创 爲什麼要把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 的配置文件內容: 配置文