原创 移動端開發的幾點建議

更多文章 1. 頁面適配 這一點不能算是建議,應該說是解決方案。 最近查了好多關於移動端適配的資料,把人都看懵了,收穫了以下名詞 CSS像素、物理像素、邏輯像素、設備像素比、PPI、DPI、DPR、DIP、Viewport 說實

原创 強烈推薦的兩個神級教學項目: nand2tetris 與 MIT6.828

nand2tetris 難度:★★★★☆ 推薦:★★★★★ nand2tetris 項目有一本書叫《計算機系統要素》,也有英語的視頻教程。如果英語不好的可以看書,內容是一樣的。 這本書主要講解了計算機原理(1-6章)、編譯原理

原创 前端工程化建設

更多文章 隨着瀏覽器和前端技術的發展,現在的前端項目越來越大、業務也越來越複雜,前端工程化已經成爲一件勢在必行的事情。 前端工程化其實就是軟件工程在前端方向上的實施,不過篇幅有限,本文只講解其中的幾個點。 團隊規範 如果前端團隊只

原创 半小時搞懂 HTTP、HTTPS和HTTP2

HTTP 概述 HTTP 超文本傳輸​​協議是位於 TCP/IP 體系結構中的應用層協議,它是萬維網的數據通信的基礎。 當我們訪問一個網站時,需要通過統一資源定位符 URL 來定位服務器並獲取資源。 <協議>://<域名>:<端口

原创 ESlint + VSCode自動格式化代碼(2020)

更多文章 本文用 Vue 項目做示範。 利用 Vue CLI 創建項目時要將 ESlint 選上,下載完依賴後,用 VSCode 打開項目。 安裝插件 ESLint,然後 File -> Preference -> Settin

原创 前端學習計算機理論知識的好處

寫本文的目的,主要是源於和一個老前端的交流。 我認爲學習計算機理論知識很有用,對職業發展幫助非常大。他認爲應用開發和底層開發是兩回事,前端屬於應用開發,學理論知識完全浪費時間。具體細節就不說了,最後是不歡而散。 不過,有一點我們是

原创 git commit 提交規範

更多文章 <type>(<scope>): <subject> <BLANK LINE> <body> <BLANK LINE> <footer> 大致分爲三個部分(使用空行分割): 標題行: 必填, 描述主要修改類型和內容

原创 前端性能和錯誤監控

更多文章 前言 這幾天心血來潮,想了解一下前端監控的相關知識,可是在查看了很多資料之後,發現沒有詳細介紹前端監控的相關文章,都是講個大概,反倒是現成的前端監控工具有不少。 爲了深入學習前端監控的相關技術原理,這幾天都在查閱相關的資

原创 HTML 元素標籤語義化及使用場景

靈魂三問: 標籤語義化是什麼? 爲什麼要標籤語義化? 標籤語義化使用場景有哪些? 下面讓我們跟着這三個問題來展開一下本文的內容。 一、標籤語義化是什麼? 標籤語義化就是讓元素標籤做適當的事情。例如 p 標籤就是代表文本,but

原创 三年前端路:分享我的工作經驗與學習經歷

前言 今天寫下這篇文章,是爲了對這三年的工作和學習做一個總結。 本文的所有觀點均出自作者這三年經歷所得,如有不足或錯誤之處,敬請諒解。 工作經驗 通常情況下,技術和薪資成正比。 技術好的人比較自信,脾氣也比一般人暴躁。 不要裸辭

原创 webpack + express 實現文件精確緩存

由於最近開發的個人博客(Vue + node)在使用過程中,發現網絡加載有點慢,所以打算對它進行一次優化。本次優化的目標如下: index.html 設置成 no-cache,這樣每次請求的時候都會比對一下 index.html

原创 十分鐘瞭解 HTTP、HTTPS和HTTP2

HTTP 概述 HTTP 超文本傳輸​​協議是位於 TCP/IP 體系結構中的應用層協議,它是萬維網的數據通信的基礎。 當我們訪問一個網站時,需要通過統一資源定位符 URL 來定位服務器並獲取資源。 <協議>://<域名>:<端口

原创 Vue Cli 3 打包配置--自動忽略 console.log 語句

下載插件 npm i -D uglifyjs-webpack-plugin 在 vue.config.js 引入使用 const UglifyJsPlugin = require('uglifyjs-webpack-plugin

原创 Vue 圖片上傳組件(base64 版):vue-upload-imgs

vue-upload-imgs 上傳組件保存的是圖片的 base64 碼,這是項目地址,歡迎關注。 在線 demo 預覽模式 列表模式 禁用 文檔 字段 類型 描述 默認值 值類型 type 屬性值 組件顯示模式

原创 前端性能優化 20 條建議

這些性能優化建議不一定適合所有人,相關建議的參考資料均會在建議後面給出,或者放在文末。 1. 減少 HTTP 請求 一個 HTTP 請求過程: 一個 HTTP 請求需要經歷以上過程,接下來看一個具體的例子: 這是一個 HTTP