原创 Charles--01--安裝和使用

文章目錄前言安裝和破解安裝破解使用連接1. 電腦端連接2.手機端連接問題如何捕獲本地`localhost`數據產生原因解決方法 前言 Charles是一款代理服務器,通過過將自己設置成系統(電腦或者瀏覽器)的網絡訪問代理服務器,然

原创 Git學習--09--如何刪除指定的commit

場景 最近不小心將一些暫時不需要合併的commit給合併到dev分支了,需要在dev分支上刪除這些不需要的分支。 解決方案 使用git revert命令 項目文件 首先找到你需要刪除的commit的hashID git log

原创 前端性能優化之Gzip

前端性能優化之Gzip 什麼是GZIP ? gzip是GNUzip的縮寫,它是一個GNU自由軟件的文件壓縮程序。它是Jean-loupGailly和MarkAdler一起開發的。 壓縮原理 Gzip 壓縮背後的原理,是在一個文本文

原创 如何不通過iconfont項目向已有字體圖標中添加新的字體圖標

前言 今天接到一個需求,要往項目中添加一個字體圖標。按照以往的慣例,就是在iconfont網站的我的項目添加需要的字體圖標就行了。但這個需求是個臨時需求,不想用這種方式。 於是,就想直接在現有的字體圖標中添加。 解決方案 第一步

原创 MutationObserve的使用和應用

MutationObserve的使用和應用 前言 最近接到一個項目需求,就是把另一個項目嵌入到當前項目中。要求很簡單,讓人看不出這是嵌入過來的。 本來覺得這也沒什麼,因爲以前也做過一次。 方案無非就是通過iframe嵌入,通過po

原创 Git Bash的常用終端命令(不包括Git開頭)

文章目錄cd:進入目錄ls:羅列當前目錄下的文件和文件夾pwd:顯示當前所在目錄mkdir:創建文件夾touch:創建文件cp:拷貝文件mv:移動或重命名文件或文件夾rm:刪除文件或文件夾cat:查看文件內容echo:將內容寫入文

原创 JavaScript數據類型的轉換

文章目錄前言強制轉換Number()String()Boolean()自動轉換第一種情況,不同類型的數據互相運算。第二種情況,對非布爾值類型的數據求布爾值。第三種情況,對非數值類型的值使用一元運算符(即`+`和`-`)。自動轉換爲

原创 JavaScript的執行機制

JavaScript的執行機制 在理解JavaScript(以下簡稱js)的執行機制之前,先要理解幾個概念: js是單線程語言 爲什麼要將js設計爲單線程,原因是js最初是專門爲瀏覽器設計的。 可以想象一下,如果js是多線程的

原创 前端如何實現文件下載功能

文章目錄前端如何實現文件下載功能結合後端實現兩種實現方式第一種、直接下載服務器的靜態資源第二種、前端傳參,後端生成文件實現思路:優缺點優點缺點純前端實現數據來源實現思路第一步、將數據生成對應得`data:URLs`或`blob:U

原创 性能優化之Gzip

性能優化之Gzip 什麼是GZIP ? gzip是GNUzip的縮寫,它是一個GNU自由軟件的文件壓縮程序。它是Jean-loupGailly和MarkAdler一起開發的。 壓縮原理 Gzip 壓縮背後的原理,是在一個文本文件中

原创 webpack進階--02--多頁面應用配置

項目文件結構: ├─build ├ ├─webpack.base.js ├ ├─webpack.dev.js ├ └─webapck.prod.js ├─package.json ├ ├─src └

原创 webpack進階--01--環境變量的設置

環境變量的設置 在用webpack作爲打包工具的項目中,環境變量共有三種: node運行時的環境變量 webpack配置對象的環境變量 js運行時的環境變量 node運行時的環境變量 在node環境中,通過process.en

原创 網站主題切換

文章目錄網站主題切換前言思路全部寫在`style`屬性中全部寫在外部`css`文件中引用不同的`link`文件通過`class`命名空間的方式`webpack`插件:`webpack-theme-color-replacer`實現

原创 使用webpack打包的單頁面項目如何設置favicon.icon文件

上一篇文章:如何給網站設置favicon.ico圖標,介紹了favicon.ico是什麼,怎麼配置,有哪幾種方式。 但發現webpack打包的單頁面項目卻與普通項目不同,所以這篇文章介紹一下使用webpack打包的單頁面項目如何設

原创 如何給網站設置favicon.ico圖標

favicon.ico是什麼? 所謂favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。 favicon.ico是一個網站必要的嗎? 不是必