原创 在create-react-app項目下,使用eslinit和prettier美化代碼

  雖然官方腳手架create-react-app當中默認提供了eslint,但是由於官方的配置不是很充分,導致了在是進行代碼優化方面不是很理想。但是,我們可以自行配置達到寫出高質量代碼的目的。 ESlint 不是自帶格式化嗎?爲什麼還要

原创 在Chrome中告別Flash

2017年7月25日,Adobe宣佈了其計劃在2020年底停止支持Flash的計劃。 20年來,Flash一直幫助您塑造遊戲,觀看視頻和在網絡上運行應用程序的方式。但是在最近幾年中,Flash變得不那麼普遍了。三年前,每天有80%的桌面C

原创 在vue項目下使用eslint+prettier時,出現代碼格式警告行爲解決方案

如果出現: Delete `,`eslintprettier/prettier 表示刪除對象屬性最後一個逗號: 解決方法是: 配置.prettierrc文件 在項目根目錄下的創建.prettierrc文件中寫入即可。其實就是不讓pret

原创 vscode編輯器個人性化配置,用於vue、react+eslint代碼規範

vscode是編輯器setting.json配置 { "workbench.sideBar.location": "left", "editor.fontSize": 18, "editor.tabSize": 2, "

原创 什麼是HTML語義化標籤?常見HTML語義化標籤大全,以及不同標籤比較

一、什麼是HTML語義化標籤 語義化的標籤,旨在讓標籤有自己的含義。 <p>一行文字</p> <span>一行文字</span> 如上代碼,p 標籤與 span 標籤都區別之一就是,p 標籤的含義是:段落。而 span 標籤責沒有獨特的含

原创 Vue項目在IE瀏覽器中顯示空白的問題,控制檯報錯:SCRIPT5009: “Promise”未定義

vue項目在谷歌打開沒有問題,在360和2345瀏覽器打不開,控制檯報錯:SCRIPT5009: “Promise”未定義, 原因是360、2345的內核和 IE 都是一根繩上的螞蚱。 解決辦法: 一、安裝:    npm instal

原创 在react項目中,使用craco插件進行mobx配置解決方案

在使用react項目中,不可避免的要使用螞蟻金服出品的ant-desgin前端UI組件,ant-desgin推薦使用 craco (一個對 create-react-app 進行自定義配置的社區解決方案),對 create-react-a

原创 【CSS】CSS經典佈局之絕對底部佈局

轉載自:CSS經典佈局之Sticky footer佈局 何爲Sticky footer佈局?   我們常見的網頁佈局方式一般分爲header(頁頭)部分,content(內容區)部分和footer(頁腳)部分。當頁頭

原创 前端安裝依賴時,npm --save-dev 與--save 的區別

npm install 在安裝 npm 包時,有兩種命令參數可以把它們的信息寫入 package.json 文件,一個是: npm i <packname>(依賴包) --save-dev or npm i <packname

原创 從搜索GitHub 996來看百度和谷歌的差距

     近日,有人在Github上創建了一個非常火爆的項目:996.ICU,旨在反抗國內互聯網公司形成的每週工作6天、每天工作時間早9點到晚9點的不良加班風氣。       如果你想進入這個項目最簡單最直接的方式當然是打開搜索引擎進行搜

原创 react路由之旅第一講

理論性知識幾乎沒有,請不要打算讓我給你說原理啥的,原理性的東西,網上很多,我現在搬磚學習很開心,勿忘初心~ (1)首先,你確定你安裝了react環境,這第一步難度係數1,菜鳥級別的不演示了   (2)接下來,你要是用react路由,需要安

原创 互聯網、因特網、萬維網的區別

常見的一個誤解是,人們認爲互聯網、因特網(Internet)和萬維網(World  Wide  Web)是同樣的事物。一些詞語如“互聯網”、“萬維網”,“網”和“網絡”經常可以交替使用。但是,從技術的角度來說,“互聯網”和“萬維網”是兩個

原创 三分鐘實現一個react-router-dom5.0的路由攔截(導航守衛)

不同於vue,通過在路由裏設置meta元字符實現路由攔截。在使用 Vue ,框架提供了路由守衛功能,用來在進入某個路有前進行一些校驗工作,如果校驗失敗,就跳轉到 404 或者登陸頁面,比如 Vue 中的 beforeEnter 函數:

原创 在creact-react-app當中使用craco插件,配置生產環境取消console解決辦法

選擇react框架進行前端開發,基本上都會用到creat-react-app這個官方提供的腳手架。但是這個腳手架有個很大的弊端,不能直接對該腳手架的默認項進行配置。相比於vue最新的腳手架 @vue/cli而言,@vue/cli雖然也對w

原创 react在不彈出eject的情況下配置sass和antd

天氣越來越熱,公司的業務也慢慢放緩,這時候就有空暇時間爲自己充點電了,然後就把目標放在了react上,公司的前端技術框架用的是vue。對react早就如雷貫耳,然後自己看了文檔就劈里啪啦開始搞。在用create-react-ap