引言 有這麼一個需求：列表頁進入詳情頁後，切換回列表頁，需要對列表頁進行緩存，如果從首頁進入列表頁，就要重新載入列表頁。 對於這個需求，我的第一個想法就是使用keep-alive來緩存列表頁，列表和詳情頁切換時，列表頁會被緩存；從首頁進入列表頁時，就重置列表頁數據並重新獲取新數據來達到列表頁重新載入 ...

這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 一、背景 在前端JSON.stringfy是我們常用的一個方法，可以將一個對象序列化。 例如將如下對象序列化 const person = { name: 'kalory', age:18} JSON.stringfy(person) / ...

​ UIOTOS可以瞭解下，uiotos.net，通過連線來代替腳本邏輯開發，複雜的交互界面，通過頁面嵌套輕鬆解決，是個很新穎的思路，前端零代碼！ 藍圖連線尤其是獨創的頁面嵌套和屬性繼承技術，好家伙相當於把vue的組件化、增量式面向對象開發，直接搬到前端拖拽工具上，無代碼編程了。 總的來說，這上面的 ...

Qwerty Learner —— 一款為鍵盤工作者設計的單詞記憶與英語肌肉記憶鍛煉軟體，主要服務於以英語作為主要工作語言的鍵盤工作者。 ...

1、通過${}來獲取model中的變數，註意這不是el表達式，而是ognl表達式，但是語法非常像 <h2 th:object="${user}"> <p>Name: <span th:text="*{name}">Jack</span>.</p> <p>Age: <span th:text="*{a ...

XML Schema描述了 XML 文檔的結構。XML Schema語言也稱為 XML Schema Definition（XSD）。 <?xml version="1.0"?> <xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"> <xs: ...

在 JavaScript 中，實現深拷貝的方式有很多種，每種方式都有其優點和缺點。今天介紹一種原生 JavaScript 提供的structuredClone實現深拷貝。 下麵列舉一些常見的方式，以及它們的代碼示例和優缺點： 1. 使用 JSON.parse(JSON.stringify(obj)) ...

最近，群里在討論這麼一個有趣的交互效果，來源於：vueflow.dev： 通過審查元素，發現原效果藉助了 Canvas 實現。 思索了一番，覺得這個效果利用 CSS 配合部分 Javascript 代碼完全也是可以做到的。 於是動手嘗試了一番，最終完美的復刻了該效果： 過程中還是有非常多有意思的技巧 ...

1、請簡述Js Bridge JavaScript Bridge 是一種技術，用於在不同的編程語言或環境中傳遞數據和調用函數。在 Web 開發中，JavaScript Bridge 通常指在 JavaScript 和其他語言（如 Java、Objective-C、Swift 等）之間建立通信的機制。 ...

一、axios是什麼 axios 是一個輕量的 HTTP客戶端 基於 XMLHttpRequest 服務來執行 HTTP 請求，支持豐富的配置，支持 Promise，支持瀏覽器端和 Node.js 端。自Vue2.0起，尤大宣佈取消對 vue-resource 的官方推薦，轉而推薦 axios。現在 ...

在現代的Web開發中，前端框架的選擇是至關重要的。Vue.js作為一款流行的前端框架，與傳統的原生開發相比，有許多明顯的區別。 模版語法與HTML Vue.js使用特殊的模板語法來創建動態視圖，這樣開發者可以更方便地表達複雜的邏輯。通過指令（例如v-if、v-for等）和模板表達式，Vue.js簡化 ...

筆.COOL 提供了一個功能完備、使用便捷的線上HTML代碼編輯和作品分享平臺，無論是為了展示你的前端作品、復現 BUG，還是學習其他人的代碼，筆.COOL 都是一個非常好的選擇。無論你是初入前端的新手還是經驗豐富的老鳥，都能在這裡找到屬於自己的樂趣和價值。 ...

ECMAScript 2024，第 15 版，添加了用於調整 ArrayBuffer 和 SharedArrayBuffer 大小和傳輸的功能； 添加了一個新的 RegExp /v 標誌，用於創建具有更高級功能的 RegExp，用於處理字元串集； 並介紹了用於構造 Promise 的 Promise... ...

一、是什麼 許可權是對特定資源的訪問許可，所謂許可權控制，也就是確保用戶只能訪問到被分配的資源 而前端許可權歸根結底是請求的發起權，請求的發起可能有下麵兩種形式觸發 頁面載入觸發 頁面上的按鈕點擊觸發 總的來說，所有的請求發起都觸發自前端路由或視圖 所以我們可以從這兩方面入手，對觸發許可權的源頭進行控制，最 ...

Vue模板語法： 使用插值表達式的內容必須是有結果的內容才可以，就是需要return出來的才可以顯示出來。 插值表達式所表現的內容為純文本模式 如何避免 即所有的邏輯操作都在js裡面實現，不要再templete中實現可以完美的避免這個問題。 Vue屬性綁定 1.使用v-bind 進行屬性綁定 語法： ...

前言 jquery時代更新視圖是直接對DOM進行操作，缺點是頻繁操作真實 DOM，性能差。react和vue時代引入了虛擬DOM，更新視圖是對新舊虛擬DOM樹進行一層層的遍歷比較，然後找出需要更新的DOM節點進行更新。這樣做的缺點就是如果DOM樹很複雜，在進行新舊DOM樹比較的時候性能就比較差了。那 ...

最近，群里在討論一個很有意思的線條動畫效果，效果大致如下： 簡單而言，就是線條沿著不規則路徑的行進動畫，其中的線條動畫可以理解為是特殊的光效。 本文，我們將一起探索，看看在不使用 JavaScript/Canvas 的基礎上，使用純 CSS/SVG 的方式，我們可以如何大致的還原上述的線條動畫效果。 ...

本文的目的，是為了讓已經有 Vue2 開發經驗的 人 ，快速掌握 Vue3 的寫法。 因此， 本篇假定你已經掌握 Vue 的核心內容 ，只為你介紹編寫 Vue3 代碼，需要瞭解的內容。 一、Vue3 里 script 的三種寫法 首先，Vue3 新增了一個叫做組合式 api 的東西，英文名叫 Com ...