原创 解決Vue中使用@keyup.enter事件刷新頁面的問題

項目背景:Vue + Element-Plus 參考文檔:https://cn.element-plus.org/en-US/component/form.html 解決方法:在<el-form>標籤中加上@submit.prevent阻止

原创 Vue + Three.js導入obj模型並實現爆炸效果

Three.js官方文檔:https://threejs.org/manual/#zh/load-obj 注意點:obj文件需要放到public文件夾下的static文件夾中(路徑寫法錯誤會導致模型不顯示,可以在network裏查看文件是否

原创 React-升級TypeScript至4.2

升級TypeScript版本至4.2.3 npm install --save typescript@latest npm install --save tslib@latest TypeScript 4.2主要更新內容 https://

原创 echarts-解決數據改變圖表僅部分更新的問題

設置notMerge屬性爲true <ReactEcharts notMerge={true} option={option} /> charts.setOption(option, notMerge, lazyUpdate),setOp

原创 解決div或者a標籤的高度比裏面的img,iframe高度多出5px問題

原因: a元素或者div元素下有一個匿名文本,這個文本外有一個匿名行級盒子,它有的默認vertical-align是baseline的,由於設置了line-height的影響,使它有個line-height,從而使其有了高度,因爲basel

原创 Vue實現數據雙向綁定原理

參考文檔:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty vue實現數據雙向綁定的

原创 JavaSctipt高級程序設計讀書筆記(二)

基本類型和引用類型的值 動態的屬性 可以給引用類型動態添加屬性和方法 var person = new Object(); person.name = "Jhon"; alert(person.name); // Jhon 複製變量

原创 Clean Code小結

使用有準確意義的變量名 在變量值不會改變時使用const聲明一個常量 對同一類型的變量使用相同的詞彙 使用可搜索的名稱(用var聲明全局的大寫變量) 使用解釋型的變量 bad: const cityStateRegex = /^(.+)

原创 優秀簡歷模板分享(前端,Java等通用模板)

鏈接: https://pan.baidu.com/s/1qjhfQWxoYVTv8a4muytEMg 密碼: lbgo

原创 代碼整潔之道(Clean Code)讀書筆記

第一章 什麼是整潔代碼 沒有重複的代碼 利於後期維護 高內聚,低耦合 包含儘量少的實體,如類,方法,函數 能通過所有的測試 第二章 類,函數,參數以及目錄文件的命名規則(做有意義的命名) 做有意義的區分 以數字命名是依義命名的對立面

原创 JavaSctipt高級程序設計讀書筆記(一)

JavaScript簡史 表單驗證,value需要發送到服務器端判斷 JavaScript組成 核心:ECMAScript(ECMA-262) 文檔對象模型:DOM 瀏覽器對象模型:BOM JavaScript語言特性 單線程(異步實

原创 HTTP協議1.1

打開chrome的調試面板,切換到network面板,搞清楚該頁上所有的顯示項、菜單、彈窗等下級功能的含義 什麼是TTFB?TTFB包含了哪些部分? Time to first byte,Timing裏面的waiting,從http請求

原创 敏捷軟件開發讀書筆記

第七章 什麼是敏捷設計 乾淨,簡單,靈活,獨立,易於理解,結構清晰,可讀性強 腐化軟件的氣味 “牽一髮而動全身”,很難對系統進行改動,對一個地方的改動會引起系統其他地方的改動 對系統的改動會導致和改動概念無關的地方出現問題 不能抽離出可重

原创 封裝組件的注意事項

數據從父組件傳入 props屬性中添加驗證規則: props: { length: { type: [String], default: 3 } } 通過props傳入的參數不建議對其進行操作,會同時修改父組件中的

原创 chrome-netWork面板

官網連接:https://developers.google.com/web/tools/chrome-devtools/network/ netWork面板包括五個部分: Controls:控制netWork的外觀和功能 Filters