收藏 / 列表

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 插件吧（二）

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案，以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發，將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊，再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰，就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端

nihaoanihao 頭像

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性，實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

wszgrcy 頭像

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

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

angular , webpack , angular2 , typescript , Javascript

benfangdechaofen 頭像

奔放的炒粉 - 拆解模糊需求管理需要明確需求邊界

拆解模糊需求管理需要明確需求邊界、採用需求細化與分解方法、加強與利益相關者的溝通、設立優先級管理機制、持續迭代與反饋。其中，明確需求邊界尤為重要，它可以幫助團隊準確理解用户的核心訴求，避免需求膨脹與偏離實際目標。通過邊界明確，團隊能夠集中資源有效解決關鍵問題，大幅降低項目失敗風險與成本浪費。 一、模糊需求的成因與挑戰 模糊需求通常源於利益相關者對目標的不確定性、溝通不暢或市場環境快速變化。當

graphql , segmentfault , HTTPS , restful , 程序員

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的，同樣，ChatGPT後台Api接口請求中，如果將Stream參數設置為True後，Api接口也可以實現和ChatGPT網頁端一樣的流式返回，進而更快地給到前端用户反饋，同時也可以緩解連接超時的問題。 Server-sent events（SSE）是一種用於實現服務器到客户端的單向通信的協議。使用SSE，服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

invalidnull 頭像

註銷 - 如何使用 API 的方式給 SAP service cloud Registered product 上傳圖片

訪問網址：https://api.sap.com/ 因為是 SAP service cloud，故產品選擇 customer experience: 選擇 API 標籤，OData V2，關鍵字輸入 Registered： 找到一條記錄： 下圖高亮區域就是我們要找到 API： 我們需要把圖片的二進制內容，轉成 base64 encoding 格式，再傳給這個 API： 更多J

API , saprfc , sap , service , cloud

winnn 頭像

Winn - 簡易聊天室【NestJS+Socket.io】

用過nestjs的前端小夥伴都會覺得，它是一個好用但不火的框架。不火的原因是它和springBoot風格近似，但是相比較spring的生態，nestjs還是太弱了，對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔，不僅前後端可以一把擼，且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS，後端使用NestJS+Socket.io練手的簡

socket.io , 聊天室 , 程序員 , nestjs , 即時通訊

nanian_5cd6881d3cc98 頭像

那年 - vue項目，同一個站點兩個域名，解決跨域登陸問題（vue+ifram+postmessage）

項目需求： 一個項目兩個域名其中a.com域名，嵌套了b.com域名 當進入b頁面的時候就要切換到b.com域名，同時需要保持在a域名下的登陸狀態 解決：使用ifram + postMessage 主頁面 a域名 a域名下要協商ifram 標籤 iframe id="child" ref="iframBox" src="http://127.0.0.1:8082/#/mediatio

vue.js , iframe跨域 , postmessage , 跨域

qfifteen 頭像

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務，在調用棧(Call Stack)順序執行 異步任務則不同，它在同步任務沒完成之前，不會進入主線程，而是將對應回調函數註冊到隊列中，要理解這一步，我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中，如果遇到一個異步操作，那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

kayo5994 頭像

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

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

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

heath_learning 頭像

heath_learning - css權重

1、什麼是css權重？css6大基礎選擇器 css權重指的是css6大基礎選擇符的優先級，優先級高的css樣式會覆蓋優先級底的css樣式，優先級越高説明權重越高，反之亦然。 css6大基礎選擇器： a）、id選擇器(#box{}) b）、類選擇器(.box{}) c）、屬性選擇器(a[href="http://www.xxx.com"]) d）、偽類和偽對象選擇器(:hoevr{}和::after

css3 , css技巧 , css選擇器 , css優先級 , Css

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

hooray 頭像

Hooray - 一勞永逸，解決基於 keep-alive 的後台多級路由緩存問題

用過 vue-element-admin 的同學一定很清楚，路由的配置直接關係側邊欄導航菜單的展示，也得益於這種設計思路，幾乎大部分後台框架都採用這個方案，當然也包括了我寫的 Fantastic-admin 這個中後台框架。 但這個方案有個明顯的問題，就是為了實現多級側邊欄導航菜單，則需要將路由配置成多級嵌套的形式，一旦超過兩級，達到三級甚至更多級，就需要增加一個空佈局頁面（Empty.vue）用

vue.js , 後台 , Javascript

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳，閲讀更多原創技術文章 生成器 ES6 新增的結構，可以在一個函數塊內暫停和恢復代碼執行，可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數，函數名稱前加一個星號* 可以定義函數的地方，都可以定義生成器（箭頭函數除外） function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

yeshifu 頭像

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

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

visual-studio-code , Python

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0+Element2.0

https://download.notestore.cn/2022/03/03/yii-vue-admin/

vue.js , yii , element-ui

jdcdevloper 頭像

京東雲開發者 - 架構師日記-到底該如何搭建一個新系統 | 京東雲技術團隊

一 前言 架構設計按照實施過程可分為工程架構，業務架構，部署架構等多個維度，一個好的系統架構標準應該具備可擴展、可維護、可靠性、安全性和高性能等特點。儘管這些特點大家都熟知，但在實際落地時，我們更為迫切的想知道實現這些要求的關鍵路徑，以便在架構設計中融入這些特點。只有這樣，才能確保系統能夠適應未來的業務增長和交付效率。本文將重點圍繞如何進行工程架構設計展開探討。 二 價值為先 在方案出現歧義時，站

架構設計 , 架構 , 架構模式

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數

title: Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能，您可以更高效地管理和使用公共函數、組合式函數和 Vue API。無論是單個導入、目錄導入還是從第三方模塊導入，您都可以通過簡單的

react , vue.js , angular , webkit , npm

u_9849794 頭像

子丶不語 - Vue3 動態佈局躺贏！這個「拖拽縮放神器」幫我省了80%開發時間

做前端佈局時，你是不是也遇到過這些糟心事兒？想做個可自定義的儀表盤，自己寫拖拽邏輯卡到崩潰；適配不同屏幕時，元素大小調得手麻；好不容易弄好佈局，刷新後又得重新排…… 直到我挖到Grid Layout Plus這個寶藏，這些問題居然一次性全解決了！作為專為 Vue3 設計的柵格佈局系統，它把動態佈局的「難」和「繁」全扛了下來，今天必須把它安利給所有前端小夥伴。

vue.js , 柵格 , 拖拽 , 前端開發 , Layout

huashenjianlingshouhuni 頭像

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

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

vue.js , highcharts , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [highcharts] 07_在highcharts渲染完成後結束loading

vue2項目 highcharts實例，如何在highcharts渲染開始時加載loading，在渲染結束時結束loading? 好久沒寫highcharts，最近有個同事寫highcharts時遇到了一個問題。 該業務場景的數據處理非常複雜，且存在某些個特定id的情況下，數據量極大，導致頁面上的highcharts卡頓(具體表現是：點了切換之後，有一段時間沒反應，之後highcharts重新渲染

vue2 , loading , highcharts , 前端