原创 vue源碼文件結構

原创 Context 跨組件傳值方法

Context 跨組件傳值方法 app.js import React from 'react'; // import logo from './logo.svg'; import './App.css'; import Con

原创 antd 按需引入並配置config-overrides.js

第一步:安裝antd npm add antd 第二步:下載依賴包(定義組件按需打包) npm install react-app-rewired customize-cra babel-plugin-import 第三步:

原创 vscode 怎麼打斷點調試

第一步:在vscode中安裝Debugger for Chrome 或者debugger for fireFox的插件 第二步:快捷鍵F5 或者點擊運行=>啓動調試 第三步:選擇環境需要配置的環境Chrome ,firefo

原创 vscode如何提交代碼到遠程庫

第一步:選擇查看=>命令面板或者Ctrl+shift+P打開命令面板 第二步:在命令面板中輸入git remote add=>先輸入遠程庫的名稱=>在輸入遠程庫的地址 先輸入遠程庫的名稱 在輸入遠程庫的地址 第三步:點擊vs

原创 npm ERR! Unexpected end of JSON input while parsing near '...Rg9e9zaVBZ

問題呈現 npm install @babel/preset-env --save-dev npm ERR! Unexpected end of JSON input while parsing near '...Rg9e9zaV

原创 git commit 時候出現 出現"modified content, untracked content"錯誤

1 錯誤展示: 第一步:移除錯誤文件名爲vantuitest2.0在git 進程樹 git rm -rf --cached vantuitest2.0 第二步:確認移除vantuitest 2.0 git commit -m

原创 前端深拷貝和淺拷貝的原理及應用

1.1 數據類型對拷貝的作用 1.11 數據類型: (1)基礎數據類型(primitive data types): 基礎數據類型:簡單的數據端,基礎類型的數據有Number,Null,Boolean,Number and Str

原创 react Portal實現傳送門(可以把組件掛載到任意節點上)

react Portal實現傳送門(可以把組件掛載到任意節點上) 流程圖 react Portal Portals 提供了一個最好的在父組件包含的DOM結構層級外的DOM節點渲染組件的方法 ReactDOM.create

原创 element ui 圖片自定義上傳進度條消失問題

element ui 圖片自定義上傳進度條消失問題 參考資料: element ui官方文檔:https://element.eleme.cn/#/zh-CN/component/upload axios官方文檔: http://

原创 更新vue-cli出現錯誤 npm ERR! Unexpected end of JSON input while parsing near '..."string.prototype.pad'

更新vue-cli出現錯誤 npm ERR! Unexpected end of JSON input while parsing near ‘…"string.prototype.pad’ $ npm install @vue

原创 vue-cli3在main.js中console.log()會報錯

問題重新:在main.js使用console.log()會報錯 這個錯誤是Vuejs - 使用ESLint檢查代碼質量是進行提示的,所以修改成window.console.log()就能避免這個報錯

原创 一個函數怎麼調用其他函數的私有函數

方案一:將私有函數return到全局 //方案一:return 私有函數到全局可以訪問 function a(){ function b(){ window.console.log

原创 Redux基本原理

什麼時候用到redux 流程圖 redux (1)Redux Store 儲存數據 (2)View 視圖組件可以利用store.getState() 方法讀取值,也可以使用store.dispatch()方法改變Redux s

原创 visual code git提交代碼出現衝突解決方案

問題一: 第一步:利用 git pull --rebase origin master重現拉取一下線上的代碼 第二步:在代碼中解決線上和本地的衝突項,衝突的代碼文件會用紫色標識 第三步:git status排查衝突文件