一、為什么要安裝多個版本的node.js 現在開發前端項目，有的需要node.js版本是18以上的，或者其他版本，然而電腦上安裝的是v16，直接升級到18，又怕影響老項目，最好的辦法就是安裝多個版本，需要哪個切換一下就行。 網上有一些安裝多個版本node.js的做法，很麻煩。推薦nvm這個工具，很方 ...

Popover API 為開發者提供了一種聲明式的方式來創建各種類型的彈窗。目前已在所有三大瀏覽器引擎中可用，并正式成為 Baseline 2024 的一部分。 ...

前言 眾所周知，vue3的template中使用ref變量無需使用.value。還可以在事件處理器中進行賦值操作時，無需使用.value就可以直接修改ref變量的值，比如：<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在編 ...

typora-root-url: img vue腳手架 1 vue腳手架的概念 Vue腳手架（Vue Scaffolding）是Vue.js**官方提供的一個工具，專門用于快速搭建單頁面應用（SPA）的項目結構。它通過命令行界面（CLI）提供了一套標準化的開發流程，包括項目初始化、自動化構建、本 ...

**RDF（資源描述框架）**是一種用于機器理解網絡資源的框架，使用XML編寫。它通過URI標識資源，用屬性描述資源，便于計算機應用程序處理信息。RDF在語義網上促進信息的確切含義和自動處理，使得網絡信息可被整合。RDF語句由資源、屬性和屬性值組成。RDF文檔包括`<rdf:RDF>`根元素和`<r... ...

? 寫在開頭 點贊 + 收藏 學會 [webpack由淺入深]系列的內容 第一層: 了解一個小功能的完整流程. 看完可以滿足好奇心和應付原理級別面試. 第二層: 源碼陪讀, webpack源碼比較靈活, 自己看容易陷入迷惑. 文章里會貼出關鍵流程的代碼來輔助閱讀源碼. 如果你正在 ...

工作中難免會遇到各種各樣的數據結構，較為全面的了解數組操作，對于復雜數據結構的處理會非常有用且節省時間。所以想在這里總結一下工作中常用的數組操作，都是一些非?；A的知識，大家看個樂就好~ ...

Promise 對象使用 ★ Promise 基本認識 Promise 是一個對象，用于表示異步操作的最終完成（或失敗）及其結果值。它允許你關聯處理程序，這些處理程序將在異步操作成功完成時或者失敗時調用，從而避免了更復雜的嵌套回調（即回調地獄）。Promise 對象通常用于執行異步操作，如網絡請求、 ...

? 寫在開頭 點贊 + 收藏 學會 首先明確一點，localStorage是同步的 一、首先為什么會有這樣的問題 localStorage 是 Web Storage API 的一部分，它提供了一種存儲鍵值對的機制。localStorage 的數據是持久存儲在用戶的硬盤上的 ...

前端跨域問題的解決方案通常涉及幾種不同的方法，每種方法都有其特定的應用場景和優缺點。以下是一些常見的前端跨域解決方案： JSONP（JSON with Padding） 原理：利用<script>標簽沒有跨域限制的特性，通過動態創建<script>標簽并設置其src屬性為跨域請求的URL，來實現跨域 ...

Web 性能是 Web 開發的一個重要方面，側重于網頁加載速度以及對用戶輸入的響應速度 通過優化網站來改善性能，可以在為用戶提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什么性能這么重要？ 1. 性能關乎留住用戶 性能對于任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比，加載速... ...

Don't Talk, code is here: 重點是startRecord 方法 <template> <div> <el-tooltip class="item" effect="dark" content="再次點擊 【開始錄音】 即為重新錄制，之前錄制的將被作廢" placement=" ...

以用戶為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用戶為中心的性能指標 1. 指標是用來干啥的？ 指標是用來衡量性能和用戶體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素并將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用戶互動所需的 JavaScrip... ...

背景：原先電腦上安裝了vue2.0和node 14.17.6版本，后面新項目使用的是vue3.0和node 16.6.1。通過nvm 安裝node 16.6.1的時候，不小心把原來的2.0環境給搞壞了。 目的：本文將通過文字描述(都是cmd命令，截圖感覺沒啥意義)的方式，講述卸載和安裝多版本node ...

隨著Web應用變得越來越復雜，而jQuery的功能卻顯得過于簡單，難以應對這些復雜的需求。比如，對于一些需要大量動態交互的應用程序，jQuery的功能并不足夠強大。此外，由于jQuery所寫應用的代碼結構較為混亂，其中包含了大量的全局變量和函數，例如，全局變量"$"和"jQuery"都指向了jQue... ...

基于React的SSG靜態站點渲染方案 靜態站點生成SSG - Static Site Generation是一種在構建時生成靜態HTML等文件資源的方法，其可以完全不需要服務端的運行，通過預先生成靜態文件，實現快速的內容加載和高度的安全性。由于其生成的是純靜態資源，便可以利用CDN等方案以更低的成 ...

傳統實現方式 當前文章的gif文件較大，加載的時長可能較久 這里我拿小紅書的首頁作為分析演示 可以看到他們的實現方式是傳統做法，把每個元素通過獲取尺寸，然后算出left、top的排版位置，最后在每個元素上設置偏移值，思路沒什么好說的，就是算元素坐標。那么這種做法有什么缺點？請看下面這張圖的操作 容器 ...

使用 Vite 快速搭建腳手架 命令行選項直接指定項目名稱和想要使用的模板，Vite + Vue 項目，運行（推薦使用yarn） # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要額外的雙橫線： npm init ...

Vue3簡單項目流程分享——工作室主頁 零、寫在最前 以下是項目相關的一些鏈接： 源代碼GitHub倉庫（需要魔法上網）：倉庫 網頁示例（需要魔法上網）：網頁示例 UI圖（來源@設計師楊賀）：MasterGo主頁 補充：由于時間關系，該網頁沒有適配手機端，最佳展示效果為網頁端1440p寬度。 如果你 ...

FormCreate 是一個可以通過 JSON 生成具有動態渲染、數據收集、驗證和提交功能的表單生成組件。支持5個UI框架，并且支持生成任何 Vue 組件。內置20種常用表單組件和自定義組件，再復雜的表單都可以輕松搞定 FormCreate官網：https://www.form-create.com ...