原创 nginx報::ERR_CONTENT_LENGTH_MISMATCH錯誤解決-及如何配置日誌

nginx啓動服務在地址欄輸入localhost:8080, console控制檯報如下錯誤: 爲解決上述問題,我們第一步需要做的事情就是知道:如何爲nginx配置和讀取日誌? 只有第一步完成了,在發現問題後第一時間從錯誤日誌入

原创 http-proxy-middleware手動配置代理解決跨域問題

基於官方腳手架搭建react單頁應用程序 快速開始: npx creat-react-app myApp cd myApp npm start 打開http://localhost:3000/ 查看你的應用 此時我們就可以在本地

原创 Module build failed (from ./node_modules/babel-loader/lib/index.js) babel-loader

解決問題: npm install -D babel-loader @babel/core @babel/preset-env webpack 參考鏈接: https://github.com/babel/babel/issue

原创 啓動react項目提示:Module build failed: SyntaxError: Unexpected token

啓動react項目時提示: Module build failed: SyntaxError: Unexpected token (18:4) 解決方法: 添加 .babelrc文件: { "presets": [

原创 npm ERR! code ELIFECYCLE解決方案

運維部署代碼時提示:npm ERR! code ELIFECYCLE 刪除了node_modules文件後重新下載還是提示這個錯誤 解決方案: 1。rm -rf node_modules && rm ./package-lock

原创 npm install fails with pngquant failed to build, make sure that libpng is installed

npm insatll時提示: pngquant failed to build, make sure that libpng is installed 解決方法: npm install imagemin-pngquant@

原创 h5調起相機並實現預覽input file類型+ FileReader

h5調起相機並實現預覽 單張圖片實現調起相機並預覽: 直接上代碼: .m-upload{ width: 100%; position: relative; .cameraInput{ opa

原创 http-server如何在本地測試react/vue項目

1.簡介 http-server是一個簡單的零配置命令行http服務器。它對於生產使用來說是足夠強大的,但它的測試,本地開發和學習足夠簡單易用 2.安裝 1.全局安裝: npm install -g http-server 1-

原创 圖片轉base64格式加前綴

後端返回一大串的字符串,需要前端自己轉成圖片 注意點:"data:image/png;base64," this.state = { backImg: "" } this.imgsrc="/9j/4AAQSkZJRgABAgAA

原创 mock+express+proxy(解決跨域)實現動態模擬接口數據

基於creat-react-app搭建 Express 高度包容·快速·極簡的 Node.js web框架 Mockjs 生成隨機數據,攔截Ajax請求 安裝express,mockjs 新建mock目錄(與src同級) 新建M

原创 There are multiple modules with names that only differ in casing--有多個模塊的名稱僅在大小寫上有所不同

問題: There are multiple modules with names that only differ in casing 解決: 這通常是微小錯字的結果【可能是大小寫有所不同】。 上面問題中Config.js文件

原创 前端之自我介紹~

Who are you? 舉個例子: A想跟B認識, 然後A去找B做了一番自我介紹 B聽完後,哦~原來這就A啊 那A要從哪些方面介紹自己呢,換做你,你會怎麼介紹呢 就這樣單刀直入吧 叫什麼 來自哪裏 就職於哪家公司或者之前就職

原创 檢測類型 typeof / instanceof / Object.prototype.toString.call()

1.typeof操作符[注意,null ]typeof 在檢測--數組,空對象,對象,日期,null時,結果均返回“object”2.instanceof 檢測類型instanceof相比較typeof操作符時,null可以區分出不屬於“

原创 【轉】JavaScript 的閉包用於什麼場景

ps:此處感謝作者! 下面是譯文作者鏈接:[JavaScript 的閉包用於什麼場景](https://blog.csdn.net/u011240877/article/details/70202456#

原创 數組常用方法 reverse / filter / map / concat / forEach 之介紹

var arr = [32, 33, 16, 40]1.arr.reverse() ---------- 顛倒數組中元素的順序。// 40,16,33,32:注意:會改變原來的數組,而不會創建新的數組2