收藏 / 列表

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

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

vue.js , github

蓋亞 - 解決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 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧(四)

上一章 我們成功將插件遷移到 Unplugin 插件系統,使其同時支持 Vite、Rollup、Webpack、Esbuild 等多種構建工具,讓更多用户都能輕鬆體驗到我們基於虛擬模塊的密鑰管理方案。 然而,儘管我們的插件功能已經完整實現,但是在未來的迭代過程中仍然存在潛在風險。插件可能因為版本更新、構建工具差異或者代碼修改而出現功能迴歸、虛擬模塊解析異常或類型聲明生成不正確等問題。 為了確保插件

插件 , vite , rollup , typescript , 前端

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

奔放的炒粉 - 硬件改版容易超預算

Q1:硬件改版為什麼容易超預算? 硬件改版容易超預算通常是由於設計複雜性超出預期、頻繁變更需求、供應鏈成本波動、缺乏有效的成本監控機制等原因造成。 Q2:優化設計方案如何有效控制成本? 通過優化設計方案,如採用標準化和模塊化設計,能夠減少物料和製造複雜性,從而顯著降低成本。 Q3:成本結構分析工具有哪些?

csrf , 程序員

劉悦的技術博客 - 天人合一物我相融,站點升級漸進式Web應用PWA(Progressive Web Apps)實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_216 PWA(Progressive web apps,漸進式 Web 應用)使用現代的 Web API 以及傳統的漸進式增強策略來創建跨平台 Web 應用程序,説白了,PWA可以讓我們的站點以原生APP的形式運行,但相比於安裝原生APP應用,訪問PWA顯然更加容易和迅速,還可以通過鏈接來分享PWA應用。 有許多知名的網絡平台已

pwa , 響應式設計 , tornado , 響應式 , 前端

Winn - js性能優化之數組模式

首先我們來看看下面這兩段代碼,兩段代碼都是在初始化一個長度為1億的數組,唯一區別是在片段二中,先為最後一項賦值1次,大家覺得會有區別嗎? 代碼一: const arr1 = []; for ( let i = 0; i 100000000; ++i ) { arr1[i] = 1; } 代碼二: const arr2 = []; arr2[100000000 - 1] = 1; for (

性能優化 , 數組方法 , 瀏覽器原理 , 前端 , Javascript

那年 - antdesign填坑, select下拉選項隨着滾動而定位失效 , 添加getPopupContainer 失效

1- 官方給的解釋 但是當我添加getPopupContainer 之後,定位任然失效 解決: .tel-box { width: 140px; display: inline-block; position: relative; }

antd , select , 定位

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

kayo5994 - Vue 響應式原理剖析 —— 數據更新常見問題

概況 在 Vue 開發的過程中,多少都會遇到數據更新後,頁面沒有更新渲染這類問題。而在上兩篇文章《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(上)》和《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(下)》中,從「實例化」、「渲染」、「數據更新」三條線完整地講述了 Vue「響應式」的工作原理,本文正是基於這些原理去解決一些常見的數據更新相關問題。 對象數據的某些修改無法被檢聽?

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

heath_learning - JavaScript獲取字符串中連續出現次數最多的字符

需求:使用js獲取aaaabcc4aa4ddcfceeeeeeeggg這個字符串中連續出現次數最多的字符 方式一:利用指針思想(即索引) 在JavaScript中指針思想就是索引思想。 思路: 首先定義i、j兩個索引,i指向第一個字符,j指向i後面的字符 i不動,j一直向後移動,然後比較i與j指向的字符,如果它倆相等則不管,説明i與j之間的字符是連續的。 如果不相等則説明i指向

索引 , 算法 , 指針 , 字符串處理 , Javascript

charon_5f4765a39cea7 - vue 源碼解析(3-2-1,數據響應式)

Vue源碼解析 推薦可以先去看下總結:vue解析總結 之前我們解析了mini-vue的響應式實現,和虛擬dom庫的實現,現在我們就來解析一下vue內部具體是如何做的,看看它在我們簡易實現上增加了什麼。 準備工作: 首先下載一份vue源代碼 地址:https://github.com/vuejs/vue 這個版本是2.6的,分析這個版本的原因: 到目前為止vue3.0正式

vue.js , 設計模式 , virtual-dom , compiler

Hooray - 後台還能這麼玩?這款後台框架將顛覆你的認知

序 過去一年,我參與了大大小小若干個後台系統的開發。在開發過程中,也發現了一些傳統後台框架無法解決的一些體驗上的痛點,如: 如何提升頁面空間的利用率,尤其是當展示內容較少時,儘可能減少頁面留白 如何提升跨模塊的操作效率,減少模塊間頻繁的頁面跳轉 帶着這幾個問題,我開始構思並開發了一款採用全新交互方式的後台框架「 One-step-admin 」,這是一款幹啥都快人一步的 Vue 中後台系統

vue.js , vite , 後台 , 前端

小謳 - 小程序重構 [cnode社區]:mpvue + 開源api,現已上線!

歡迎關注前端小謳的github,閲讀更多原創技術文章 閒暇時光表浪費,由於技術棧一直用的vue,因此用 mpVue 開發了小程序版本的 cnode 社區,api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛?”——的確是的,而且使用起來有很有坑。但這是我第一次寫小程序,找個最相近的語言最適合——無論選擇哪種技術棧,產品要完整做出來才行。小程序現已上線,後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步:『配置路由』和『添加懶加載』。 如果你知道路由,或者已經配置好了,可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom,如果只是h5開發,選擇後者即可。 安裝依賴 因此,我們首先安裝好需要的路由包: npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

程序員老葉 - 2025年業務人員管理系統權威排行榜:助力企業銷售團隊效率提升

業務人員管理系統已成為現代企業不可或缺的核心工具,作為連接客户關係管理、銷售流程優化和團隊協作的重要橋樑,選擇合適的業務人員管理系統直接影響着企業的銷售業績和市場競爭力。本文將為您詳細解析2025年最值得關注的業務人員管理系統,幫助您做出明智的選擇。 什麼是業務人員管理系統? 業務人員管理系統(Sales Management System)是一套集成化的軟件解決方案,專門用於管理和優化銷售團隊的

visual-studio-code , Python

京東雲開發者 - 遞歸算法實踐--到倉合單助力京東物流提效增收

一、背景 京東物流到倉業務「對商家」為了減少商家按照京東採購單分貨備貨過程,對齊行業直接按照流向交接,提升商家滿意度;「對京東」攬收操作APP提效;到倉合單功能應運而生; 二、問題 一次批量採購單(一次50或者100個採購單)需要根據不同的規則合併成多個訂單; 每一個採購單可以是不同的來源類型(自營和非自營)、不同的收貨類型,每一個採購單會有多個SKU,同一個SKU只有一個等級,一批採購單會有多個

程序員

風流倜儻的傷痕 - 分佈式數據庫解析

title: 分佈式數據庫解析 date: 2025/2/20 updated: 2025/2/20 author: cmdragon excerpt: 通過金融交易、社交平台、物聯網等9大真實場景,結合Google Spanner跨洲事務、DynamoDB毫秒級擴展等38個生產級案例,揭示分佈式數據庫的核心原理與工程實踐。內容涵蓋CAP定理的動態權衡策略、Paxos/

elasticsearch , redis , MySQL , nosql , 數據庫

子丶不語 - 告別“自動黑屏”——一個原生 JS API 就夠了

核心用法(3 段代碼就夠) 1) 能不能用? function isWakeLockSupported() { return 'wakeLock' in navigator; } 2) 申請 監聽釋放 let wakeLock = null; async function requestWakeLock() { tr

sed , HTTPS , 標籤頁 , 前端開發 , Javascript

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的,如圖 要修改成方形,可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

DiracKeeko - [axios] axios中get請求的發送

"Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js htt

Axios , httprequest , get , 前端

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

新茶十九 - Vue 3 深入瞭解,那些很少有人知道的實用特性和技巧

1. 深層響應式控制 shallowRef - 淺層 Ref import { shallowRef, triggerRef } from 'vue' const state = shallowRef({ count: 0, nested: { value: 1 } // 這個變化不會被自動追蹤 }) // 只有直接賦值會觸發更新 state.value = { c

vue.js , 響應式 , 前端開發 , ide , Javascript