原创 uniapp踩坑：編譯H5解決瀏覽器跨域問題

uniapp編譯到app是不存在跨域問題的，但是編譯到H5就會有跨域問題。記錄一下工作中遇到跨域及解決跨域方法 方法一： 直接編譯Hbuilder內置瀏覽器，能解決跨域，但是內置瀏覽器調試沒有谷歌爽 方法二： 在manifest.json文

2024-04-17 12:56:39

原创 JavaScript 模塊的循環加載

"循環加載"（circular dependency）指的是，a腳本的執行依賴b腳本，而b腳本的執行又依賴a腳本。 // a.js var b = require('b'); // b.js var a = require('a');

2024-04-11 12:56:39

原创 聊聊vue中的vue中的slot與slot-scope

前言： 　　vue中關於插槽的文檔說明很短，語言又寫的很凝練，再加上其和methods，data，computed等常用選項使用頻率、使用先後上的差別，這就有可能造成初次接觸插槽的開發者容易產生“算了吧，回頭再學，反正已經可以寫基礎組件了”

2024-03-30 12:56:31

原创 在vue中 使用v-if時它的響應式系統會作哪些優化

前言： 　　有時我們沒在一個組件做初始化數據的工作，只是在template下的根元素加了個v-if控制顯示，這樣一來也能達到初始化數據的目的。 　　但其背後的原理是什麼？   在Vue 2.x中，當你使用v-if指令將一個組件或元素的條件設

2024-03-29 12:56:38

原创 vue extends繼承後修改template的解決方案

vue extends繼承後怎麼注入虛擬DOM節點 1.需求 使用extends繼承一個組件並在上面做功能的修改和擴展，同時需要小小修改一部分的template。 2.extend原理 使用extends時，你實際上是創建了一個新組件，它包

2024-03-29 12:56:38

原创 JS中爲什麼forEach方法不能終止

forEach是我們在日常工作中經常使用到的方法，但是你有什麼嘗試使用forEach進行停止或終止等操作呢？ 一、走進forEach 對於forEach瞭解不多的，只知道它可以遍歷數組，如果有這麼一個操作： 一個數組[0, 1, 2, 3

2024-03-29 12:56:38

原创 await 到底在等什麼？

核心 其實 await 本質上等的是：後面的 thenable 對象的 then 方法調用 resolve 或者 reject。 這裏面其實包含三個細節： thenable 對象其實就是包含 then 方法的普通對象。 如果 await

2024-03-26 12:56:38

原创 爲什麼 export 導出一個字面量會報錯，而使用 export default 就不會報錯？

核心 其實總的來說就是 export 導出的是變量的句柄（或者說符號綁定、近似於 C 語言裏面的指針，C++裏面的變量別名），而 export default 導出的是變量的值。 需要注意的是：模塊裏面的內容只能在模塊內部修改，模塊外部只能

2024-03-26 12:56:38

原创 一文徹底搞懂令人疑惑的Java和JDK的版本命名！

你對Java的版本號以及JDK的命名真正清楚嘛？比如： Java8 Java SE 8.0 JDK1.8 …… 知道這些是怎麼回事嘛？知道還有個Java 2的說法嘛？知道還有以下說法嘛？ J2SE1.3 J2SE1.4 …… 現在已

2024-03-21 12:56:38

原创 詳解package.json和package-lock.json

簡介 說到前端開發，就一定離不開npm，作爲前端包管理的老大，npm是我們必須知道的一個東西。 雖然每天都用npm安裝包，但是你們對package.json和package-lock.json這兩個文件又瞭解多少呢？今天筆者就來詳細分析下這

2024-03-16 12:56:34

原创 一次搞懂數據大屏適配方案 (vw vh、rem、scale)

前言 當接到可視化大屏需求時，你是否會有以下疑問👇如何做一款定製化的數據大屏？開發可視化數據大屏如何做自適應？vw vh、rem、scale 到底哪種比較好？時間不夠，有沒有偷懶的方法？   最近在公司開發了一個可視化大屏，開發定製化大屏

2024-03-13 12:57:00 1

原创 在v-model中無法使用表達式的解決方法

當我們想要使用複雜一點邏輯來決定具體使用哪個屬性時，就會遇到v-model本身只支持簡單的數據屬性，並不支持表達式。 有兩種方法可以滿足： 1、使用計算屬性+getter\setter <div id="demo"> 姓：

2024-03-12 12:56:32 5

原创 你知道XHR 和 Fetch 的區別嗎？

現如今，網站開發普遍採用前後端分離的模式，數據交互成爲了不可或缺的關鍵環節。在這個過程中，XHR 和 Fetch API 是兩種最常見的方法，用於從 Web 服務器獲取數據。XHR 是一種傳統的數據請求方式，而 Fetch API 則代表了

2024-03-12 12:56:32

原创 nvm for windows 下載、安裝及使用

一、前言 一般來說，每個公司裏總會存在一些中古的項目需要維護。這不，我就遇到了。 爲什麼要單獨開貼說呢？因爲當你運行 npm i 後就有可能會報錯……例如：   看到上面這個錯誤提示，我們會下意識地認爲需要安裝第三方的包。但最終的原因是

2024-02-05 12:57:24

原创 JS裏的__proto__和prototype到底有什麼區別？

一、 概念區分 其實說__proto__並不準確，確切的說是對象的[[prototype]]屬性，只不過在主流的瀏覽器中，都用__proto__來代表[[prototype]]屬性，因爲[[prototype]]只是一個標準，而針對這個標準

2024-01-29 12:56:39