收藏 / 列表

baby7_68bfdb7205674 頭像

baby7 - 給VitePress的右上角增加Github角標

給VitePress的右上角增加Github角標 介紹 我沒有找到VitePress的Github角標的插件，所以做了後面的嵌入流程，方案是在主題佈局中直接引入。如果不知道這兩個項目的同學可以看看介紹部分 github-corner 可以在頁面的四角顯示Github角標，可以自定義大小、背景顏色。當鼠標移動到這個角標時還能看到Github搖尾巴的動畫 官網地址: https://tholman.c

vue.js , github

gaiya_68f1e7ba5b140 頭像

蓋亞 - 解決electron+Vue(Vite)：ERR _CONNECTION_REFUSED

解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注：node後的狀態碼不重要 明明前端工程可以運行，後端連接也沒問題，為什麼打包完成後總是連不上網址？

vue.js , electron , typescript , npm , Javascript

xiaohe0601 頭像

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（一）

在現代 Web 應用開發中，密鑰的使用幾乎是不可避免的，無論是加解密本地敏感數據、調用第三方 SDK 還是網絡請求籤名等場景都需要用到密鑰。 如何相對安全、靈活地管理密鑰一直是一個令人頭疼的問題，我們既希望在開發環境可以方便地修改、調試和注入密鑰，又不希望這些密鑰在構建產物中被明文暴露，以免被有心之人輕鬆獲取。 通常情況，我們會先手動將密鑰通過特定的算法混淆拆分成多份放入源碼中，運行時再通過逆運算

插件 , vite , rollup , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

wszgrcy 頭像

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

benfangdechaofen 頭像

奔放的炒粉 - 合理調整現有資源配置

動態調整資源的使用 在面對物力資源短缺時，動態調整資源配置是應急調配的重要手段。項目經理應時刻關注資源的使用情況，並根據項目進度實時調整資源分配。例如，某個項目中出現資源緊缺時，可以考慮將某些非關鍵任務的資源調整到核心任務上，優先保障高優先級任務的順利進行。 同時，合理的資源調整還應考慮到團隊的能力，避免過度依賴某一特定資源。例如，如果人力資源緊張，可以通過臨時調配人員、外包服務等方式解決問題。靈

sass , tailwind-css , antd

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 輕盈瀟灑卓然不羣，敏捷編輯器Sublime text 4中文配置Python3開發運行代碼環境(Win11+M1 mac)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_210 20世紀初，幾乎所有的飛機都是並列雙翼結構，此時，美國著名飛行大亨霍華德·休斯認為自己的飛機不夠快，助手委婉地提醒他，如果速度太快，飛機的上翼結構支柱很可能會支撐不住，發生斷裂。霍華德憤怒地向助手大喊：“誰説我們需要上翼結構?讓上翼和支柱見鬼去吧，我們需要的是更輕便的單翼飛機！” 於是乎，H1單翼飛機就此出現，這款機型身上

python3 , 編輯器 , 開發環境配置 , 後端 , sublime-text

invalidnull 頭像

註銷 - 類的實例方法和靜態方法的使用場合區別

面向對象編程（Object-Oriented Programming，簡稱OOP）是一種編程思想，它使用類（Class）和對象（Object）的概念來組織和管理代碼。在OOP中，類是一種模板，用來定義對象的屬性（成員變量）和行為（成員方法）。對象則是類的實例，它們包含了類中定義的屬性和方法，並且可以根據需要進行創建和操作。 在OOP中，類的方法分為兩種主要類型：實例方法和靜態方法。它們具有不同的特

面向對象編程 , oop , 面向對象設計模式

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

heath_learning 頭像

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

u_9849794 頭像

子丶不語 - 停止濫用箭頭函數：這5個場景請務必使用 function

自 ES6 問世以來，箭頭函數（Arrow Functions）以其簡潔的語法和對this的詞法綁定，迅速成為了 JavaScript 開發者的“新寵”。我們似乎傾向於在任何可以使用函數的地方都換上() = {}。 然而，箭頭函數並非“銀彈”，它並不能完全替代傳統的function關鍵字。過度濫用箭頭函數，尤其是在不理解其工作原理的情況下，會導致難以追蹤的 bug 和意外行

作用域 , ES6 , 構造函數 , 後端開發 , .net

charon_5f4765a39cea7 頭像

charon_5f4765a39cea7 - vue 源碼解析(3-2-2,虛擬dom)

前面寫過一個snabbdom的解析，vue2.0版本用的就是這個，然後在他的基礎上添加了一些功能 推薦先去看下總結：vue源碼總結 vue-clic生成項目中的render 中的 h 函數,就是createElement() src/core/instance/render.js中創建h函數 Vue.init 的時候會調用initRender 初始化_render，

vue.js , virtual-dom

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

yeshifu 頭像

程序員老葉 - CRM 軟件如何解決銷售報價管理難題

CRM軟件如何解決銷售報價管理難題？使用CRM軟件進行銷售報價管理，使企業能夠克服傳統手工管理的許多不足，有效提升其競爭力。Zoho CRM為企業提供了一整套綜合解決方案，實現報價流程的全面優化和管理水平的全面提升。 銷售報價管理作為銷售環節中的重要一環，對企業的成交效率和客户滿意度有直接影響。然而，傳統的手動管理報價過程往往面臨許多挑戰，這就是為什麼越來越多的企業開始藉助CRM軟件來解決這一難題

nosql , mongodb

nidexiaoxiongruantangna 頭像

ThinkPHP - 【共享充電寶】express獲取首頁門店邏輯

寫作背景，在發現大部分的時間都去哪了。為什麼，整天做重複的工作。而不是有效的。問題出現在哪呢。 mysql.js const mysql = require('mysql') const conn = mysql.createConnection({ host: '127.0.0.1', user: 'mini', password: '15aZw9fNKjMz9jSKr

express

jdcdevloper 頭像

京東雲開發者 - 邏輯漏洞挖掘之CSRF漏洞原理分析及實戰演練 | 京東物流技術團隊

一、前言 2月份的1.2億條用户地址信息泄露再次給各大公司敲響了警鐘，數據安全的重要性愈加凸顯，這也更加堅定了我們推行安全測試常態化的決心。隨着測試組安全測試常態化的推進，有更多的同事對邏輯漏洞產生了興趣，本系列文章旨在揭秘邏輯漏洞的範圍、原理及預防措施，逐步提升大家的安全意識。第二篇選取了廣為熟知的CSRF漏洞進行介紹。 二、CSRF漏洞介紹 1、CSRF漏洞的定義 跨站請求偽造（Cross-s

漏洞 , 安全測試 , csrf , 安全漏洞 , 安全

tanking 頭像

TANKING - 無需公眾號實現微信JSSDK分享卡片！Safari瀏覽器分享到微信自動成卡片！

摘要 要在微信分享卡片，需要接入微信自家的JSSDK，比較麻煩，還需要認證公眾號，但是如果你沒有這樣的條件，那麼你也可以試試使用iOS的Safari瀏覽器輕鬆實現，只需要在html中加入3個meta即可。 代碼 !DOCTYPE html html dir="ltr" data-react-helmet="dir" head meta charset="utf-8"

safari , 微信開發 , ios , 微信分享 , jssdk

shuirongshui 頭像

水冗水孚 - 以React+Vite為例實現web項目版本發佈後，通知用户刷新頁面獲取最新資源

需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代

react , vite , Nginx , Javascript

refanbanzhang 頭像

熱飯班長 - 在react hooks中，當useEffect依賴自身來更新自己時，遭遇死循環如何解決？

提出問題 觀察如下代碼，我們需要依賴words來更新自身，所以需要將words加入useEffect的依賴中。更新words觸發useEffect，useEffect再次更新words，然後就產生了死循環。 function App() { const [value, setValue] = useState(''); const [words, setWords] = useState(

react , react-hooks , typescript , 前端 , Javascript

Itstars 頭像

新茶十九 - 高德地圖，開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響，絕大多數情況下，開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析，並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

hsr2022 頭像

後山人 - Raise Admin (鋭智後台管理系統)： 重新定義 PHP 後台開發效率與安全

Raise Admin (鋭智後台管理系統)：重新定義 PHP 後台開發效率與安全 嘿，各位 PHP 和 Vue 社區的開發者朋友們！ 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中？ 是否為確保系統的權限和數據安全而絞盡腦汁？ 是否夢想着能有一款工具，讓你專注於核心業務邏輯，而不是繁瑣的底層架構？ 今天，我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於

vue.js , php , Javascript

opentiny 頭像

OpenTiny社區 - “Performance面板”一文通，解鎖前端性能優化工具基礎用法！

本文由體驗技術團隊董福俊原創。 一、背景 在做前端頁面性能優化時，Performance面板是一個必不可少的工具。這個工具比較強大，既可以從全局視角分析整個網頁加載情況，又可以從代碼細節，挖掘某個具體環節的性能情況。但這個工具的結果可能讓人看着感覺難以理解，因為它本質上是將各種運行信息呈現給我們，而不是直接告訴我們問題在哪兒。我們需要將各類信息：瀏覽器加載過程、框架打包(webpack)、代碼編譯

性能優化 , 前端

u_15967048 頭像

農民工前端 - vue3報錯：Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu

報錯內容 Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a function at Proxy.editRow (webpack-internal:///./node_modules/babel-loader/lib/index.js??clon

vue.js , 數組 , Vue , bundle , 前端開發

kestrel_task 頭像

微芒不朽 - Vue 3 ref 與 reactive 選哪個？

在 Vue 3 中，ref 和 reactive 都是用於創建響應式數據的方式，但它們在使用場景和特性上有所不同。選擇哪一個取決於你的具體需求。 ref 特點： 基本類型支持：ref 可以用於任何類型的數據，包括基本類型（如 number, string, boolean）和複雜類型（如 object, array）。 包裝對象：當你將一個對象傳遞給 ref 時，它會被包裹在一個對象中，通過

前端