前言 jquery時代更新視圖是直接對DOM進行操作，缺點是頻繁操作真實 DOM，性能差。react和vue時代引入了虛擬DOM，更新視圖是對新舊虛擬DOM樹進行一層層的遍歷比較，然後找出需要更新的DOM節點進行更新。這樣做的缺點就是如果DOM樹很複雜，在進行新舊DOM樹比較的時候性能就比較差了。那 ...
最近，群里在討論一個很有意思的線條動畫效果，效果大致如下： 簡單而言，就是線條沿著不規則路徑的行進動畫，其中的線條動畫可以理解為是特殊的光效。 本文，我們將一起探索，看看在不使用 JavaScript/Canvas 的基礎上，使用純 CSS/SVG 的方式，我們可以如何大致的還原上述的線條動畫效果。 ...
本文的目的，是為了讓已經有 Vue2 開發經驗的 人 ，快速掌握 Vue3 的寫法。 因此， 本篇假定你已經掌握 Vue 的核心內容 ，只為你介紹編寫 Vue3 代碼，需要瞭解的內容。 一、Vue3 里 script 的三種寫法 首先，Vue3 新增了一個叫做組合式 api 的東西，英文名叫 Com ...
一、是什麼 當對一個文檔進行佈局（layout）的時候，瀏覽器的渲染引擎會根據標準之一的 CSS 基礎框盒模型（CSS basic box model），將所有元素表示為一個個矩形的盒子（box） 一個盒子由四個部分組成：content、padding、border、margin content，即 ...
一、什麼是雙向綁定 我們先從單向綁定切入單向綁定非常簡單，就是把Model綁定到View，當我們用JavaScript代碼更新Model時，View就會自動更新雙向綁定就很容易聯想到了，在單向綁定的基礎上，用戶更新了View，Model的數據也自動被更新了，這種情況就是雙向綁定舉個慄子 當用戶填寫表 ...
大家好，我是 Java陳序員。 今天，給大家介紹一個開源的聊天應用程式，支持PC端和移動端。 關註微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 HasChat —— 一個基於 Vue3 + Socket.io 的聊天應用，同時支持PC端和 ...
寫在前面 tips：點贊 + 收藏 = 學會！ 本文包含radash中數組相關的所有方法說明 + 使用示例 + 思維導圖查看 這邊會整理出一份數組相關方法的使用大綱（不含源碼解析），方便大家查閱使用； 作者會按照大類進行整理分享，本次也會同步給出Array所有方法的思維導圖； 所有方法整理完畢後，作 ...
一、介紹 Promise，譯為承諾，是非同步編程的一種解決方案，比傳統的解決方案（回調函數）更加合理和更加強大 在以往我們如果處理多層非同步操作，我們往往會像下麵那樣編寫我們的代碼 doSomething(function(result) { doSomethingElse(result, functi ...
主題搗鼓日記 sakura版本（YYDS） 主要框架都沒怎麼動，功能挺完整的。但是如果要DIY，我建議還是得自己把代碼捋一遍，不然從哪改起都不知道，註釋有點用但不全。 搗鼓了兩天兩夜，還是有很多細節沒改好，main.js翻了四五遍，看評論區發現諸多細節還要改CSS文件，太難了。。前端都忘得差不多了， ...
記錄一個HTML頁面關於高分屏的踩到的坑。 所謂高分屏，就是在同樣大小的屏幕面積上顯示更多的像素點，這樣可以呈現更好的可視效果的屏幕。例如，我的筆記本是15.6寸，理論上它的屏幕解析度應該是1920 x 1080像素，但實際上我的筆記本屏幕解析度確實2560 x 1440像素，也就是俗稱的2K屏。這 ...
大家好，我是 Java陳序員。 今天，給大家介紹一個簡潔、開源的中後臺管理模板項目。 關註微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 nova-admin —— 一個基於Vue3、Vite5、Typescript、Naive UI, 簡 ...
1. computed（計算屬性）和方法有什麼區別？ 計算屬性本質上是包含 getter 和 setter 的方法 當獲取計算屬性時，實際上是在調用計算屬性的 getter 方法。vue 會收集計算屬性的依賴，並緩存計算屬性的返回結果。只有當依賴變化後才會重新進行計算。 方法沒有緩存，每次調用方法都 ...
拖放功能，即將一個元素從一個區域，通過拖拽，放置到另一個區域。常見的應用是將文件或圖片從一個區域，拖放到另一個區域。中文常常把這表述成拖拽，實際上拖拽的描述並不准確，應該叫拖放，因為drag事件和drop事件是成對使用的，即拖拽和放置。 drag在拖拽動作發生時觸發，攜帶被拖拽元素的信息，drop在 ...
大家好，我是 Java陳序員。 在日常的工作生活中，我們經常會遇到應付各類強制要求轉發朋友圈的行為，或者是朋友圈集贊的行為。 今天，給大家介紹一個工具，可以幫助你生成朋友圈轉發截圖。 關註微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 We ...
DevTools 非常強大除了常用的查看元素，進行斷點調試或許還有些你不知道的小技巧，小功能。如可以快速的重新發送請求，快速選擇元素，在控制臺中使用npm庫等，讓你能夠更加高效的進行開發。不定時更新~ ...
項目結構 在開發Chrome插件時，以下幾個文件的作用如下： manifest.json：這是Chrome插件的清單文件，用於配置插件的基本信息、許可權、頁面跳轉等。其中包括插件的名稱、版本號、圖標、後臺腳本、瀏覽器動作等信息。 background.js：這是Chrome插件的後臺腳本文件，用於處理 ...
1.現象 當在vue中列印對象的時候會發現有一些屬性或者全部屬性都是顯示的...,點擊展開後才能看到真正的值是什麼. 2.原因 因為在vue中對象都是用了代理重寫了get,由於get重寫也就導致了瀏覽器不能直接獲取到具體的值,因此才會在列印的時候為...,手動點擊展開才顯示具體的值 3.想看具體的值 ...