原创 elementUI自定義滾動條組件el-scrollbar

最近做項目適合發現的一個文檔沒有但是挺好用的滾動條組件 使用 // 使用 <el-scrollbar wrap-class="scrollbar-wrapper"></el-scrollbar> // 傳入的屬性 pro

原创 addRoutes動態添加路由導致Duplicate named routes definition報錯和刷新後空白問題

vue-router動態路由 配置挺噁心的 一不小心就會進入死循環 然後瀏覽器宕機 cpu爆炸 電腦死機 下班 Duplicate named routes definition報錯原因 addRoutes 方法僅僅是幫你注

原创 前端面試總結和複習

安全部分 1. xss攻擊 大多數通過js腳本注入,攻擊數據庫,獲取cookie等。 ==解決: == 輸入檢查 服務端輸出檢查 httpOnly(設置後能讓js腳本無法獲取到cookie信息) 2. CSRF 跨站請求僞造

原创 VSCode 的 ESLint+Prettier 配置

怎樣保證一個公司的代碼規範一樣? 把你的配置的規範複製給他 vscode 的配置 //settings.json { "workbench.colorTheme": "Monokai", "editor.fontSiz

原创 es6模塊與 commonJS規範

es6 export : ‘可以輸出多個,輸出方式爲 {}’ , export default : ’ 只能輸出一個 ,可以與export 同時輸出,但是不建議這麼做’, 解析階段確定對外輸出的接口,解析階段生成接

原创 vue-cli3中scss公共函數使用配置,rem+vw解決大屏自適應

解決大屏自適應 創建scss函數 1920爲設計稿寬度 //func.scss @function r($px) { @if $px==0 { @return 0; } @return $px / 1920

原创 ant design pro使用 Error: Cannot find module './locale'問題

問題原因似乎是moment版本與antd兼容問題 解決方案 1.安裝[email protected] npm install [email protected] 2.配置webpack的alias alias:{ "momen

原创 react hook快速學習筆記

useState 用來聲明狀態變量,括號裏面參數爲初始值。 const [ count , setCount ] = useState(0); useEffect 注意點:異步執行 //首次渲染,和count更新都會再次執行

原创 js中的字符串比較和隱式轉換

起因:見到一個題目,發現竟然用字符串比較的方式確定相同得公共前綴 //題目 編寫一個函數來查找字符串數組中的最長公共前綴 //輸入: ["flower","flow","flight"] //輸出: "fl" var long

原创 vue面向面試總結

vue基礎 傳統組件,只是靜態渲染,更新還要依賴於操作dom vue mvvm用數據驅動視圖 view > dom viewModel > vue(通過dom監聽,指令等更新渲染) Model> data 1.computed和w

原创 搞清Object.create和new

new的實現原理: new 運算符是創建一個自定義對象或者具有構造函數的內置對象的實例 function new(func) { // 創建一個新對象 lat target = {}; // 新對象繼承了f

原创 webpack基礎部分

webpack靜態資源打包器 1 webpack五個核心概念 1.1 Entry 入口,指示webpack以哪個文件爲起點開始打包,分析構建內部依賴圖 1.string --> ‘./src/index.js’ 單入口,寶寶形

原创 webpack簡單優化的配置

webpack性能優化 1.開發環境新能優化 1.1優化打包構建速度 1.1.1 HMR: hot module replacement / 熱模板替換 作用: 一個模板發生變化,只會重新打包這一個模塊(默認是打包所有) 1.2優