vite全局自動導入函數，全局函數
globalProperties全局函數掛載 在vue3項目中，一般使用globalProperties實現全局函數掛載 import { createApp } from "vue"; import "@/style.css"; import App from "@/App.vue"; const app = createApp(App); // 這裏掛載 app.config.globa
昵稱 兔子先森
@Javascript
貢獻者369
粉絲0
貢獻者
@Javascript
動態 列表
提升 Web 端 JavaScript 的可信度：WAICT 體系詳解
提升 Web 端 JavaScript 的可信度：WAICT 體系詳解 在當前互聯網時代，網頁是最強大的應用平台。只要在瀏覽器中擁有合適的 API，你理論上可以安全運行任何你想運行的東西。不過——除了“加密學”這塊。事實上，自 2011 年以來，“網頁中的 JavaScript 加密”一説就被認為是“不靠譜”的。 其核心問題在於：代碼的分發。如果我們在客户端瀏覽器中生成密鑰，從而讓用户能夠發送／
昵稱 葡萄城技術團隊
實現八方位判斷滑動方向和速度檢測
八方位判斷滑動方向，用判斷用户鼠標或者觸摸屏方位和滑動速度。 實用場景為：平滑滾動時候判斷方位及漂移位置。 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0"
昵稱 smallStone
前端如何徹底解決重複請求問題？看看這5種方案
在前端開發中，重複請求是一個常見且棘手的問題。比如用户快速點擊"保存"按鈕導致生成多條重複單據，或者列表頁頻繁刷新造成服務器壓力飆升，這些場景不僅影響用户體驗，還可能引發數據一致性問題。本文將系統梳理重複請求的解決方案，從基礎到進階進行對比分析，並結合實際代碼案例解決這一痛點。 一、重複請求不止是"多花錢" 在討論解決方案前，我們先明確重複請求的具體影響，避免因"覺得問題不大"而忽視它： 數據
昵稱 南城FE
axios多個baseURL封裝+vite跨域代理多個baseURL連接
公共封裝 import axios from 'axios'; import { MessagePlugin } from 'tdesign-vue-next'; import { getStorageToken } from '@/utils/index'; const api1 = axios.create({ baseURL: '/api1' }); const api2 = axio
昵稱 兔子先森
Fastadmin後台列表中給某列加一個彈窗展示
效果 用Fastadmin做管理後台的時候,有時候需要在後台列表中某列數據加一個明細彈窗, 點擊該列數據後在彈窗中展示關聯明細信息, 效果如下圖所示: 設備分組列表中,想在彈窗中展示對應分組關聯的設備列表 點擊關聯設備列表出現下面的彈窗 實現上面效果的代碼 1. 設備分組group.js中做如下修改 //打開device/group/index頁面的時候fastaadmin
昵稱 daoheng
我用cursor寫了個VSCode摸魚插件
程序員：代碼寫累了怎麼辦？ 老闆：那就休息一下吧 程序員：不，我要繼續「寫代碼」📖 😎 緣起：一個摸魚俠的自我修養 話説某天下午，陽光正好，我盯着屏幕發呆。突然意識到一個嚴肅的問題：為什麼摸魚還要切換窗口？這也太不專業了。而且，用其他窗口直接摸魚，太明顯了。 於是，我讓AI幫我寫了這個插件。沒錯，用AI摸魚寫摸魚插件（thief-reader）。 🎯 核心功能：偽裝大師 ?
昵稱 nero
711Proxy 與 Decodo 代理對比：哪個更適合你？
在選擇代理服務時，很多企業和個人都會猶豫：到底選擇哪家代理更適合自己的業務？本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面，對 711Proxy 和 Decodo 代理進行全面對比，讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池，覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營，還是廣告投放和數據採集，711Pro
昵稱 愛跑步的番茄
前端開發，為什麼容易被邊緣化？
我們前端，可能是公司裏最卷的崗位之一。天天加班加點，追最新的技術棧，像素級還原設計稿，為了那100毫秒的性能提升死磕到底。 但不知道你有沒有過類似的感受：儘管我們做了這麼多，但在很多公司裏，我們總感覺自己處於食物鏈的下游？為什麼在討論核心戰略、分配項目獎金、甚至決定項目方向時，前端的聲音總是那麼微弱，甚至最先被排除在外？ 最近我和一些朋友聊起這個話題，並進行了一些思考。對於我們這個角色，在很多公司
昵稱 悲傷的煎雞蛋_cQXuXF
為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化
為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭
昵稱 後山人
迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”
迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”
昵稱 後山人
洞察：低代碼與零代碼的本質區別及其對企業級開發的影響
在數字化轉型的浪潮中，低代碼（Low-Code）和零代碼（No-Code）平台因其承諾的效率提升而備受關注。然而，兩者並非同義詞，它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異，分析它們各自的侷限性，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，説明其如何通過“代碼生成 + 專業編碼”的混合模式，為企業級應用提供一個超越兩者侷
昵稱 後山人
熱力圖可視化為何被廣泛應用？| 圖撲數字孿生
數據驅動決策時代，熱力圖以色彩梯度直觀轉化零散數據，用深淺勾勒規律、凸顯焦點，打破專業壁壘，為精準分析與科學決策提供視覺指引，是挖掘數據價值、解讀複雜數據的核心工具。 在數字孿生場景的效果呈現中，圖撲軟件通過融入熱力圖，為原本抽象的數據可視化賦予了更生動的表現力與生命力。 效果展示 工業製造 高爐冶煉 在鋼鐵行業高爐數字孿生場景中，熱力圖是監測高爐穩定運行的關鍵工具。 實時採集高爐爐缸、爐腹等關鍵
昵稱 hightopo
智慧停車場合集 | 圖撲數字孿生靜態交通一網統管
如今，停車場管理已從單一的泊車功能，演進為融合充電服務、空間調度與數據運營的綜合性挑戰。無論是城市級樞紐、多樣化園區、商業樓宇，均面臨效率提升與體驗優化的核心訴求。 圖撲利用自研HTML5 2D/3D圖形渲染引擎，針對不同應用場景量身定製智慧停車解決方案，推動停車場從“被動管理”到“主動智能”的跨越，實現停車場實時狀態可視、資源動態調度與充電服務一體化管控。 系統分析 新能源停車場管理 隨着新能
昵稱 圖撲軟件
告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗
告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗
昵稱 後山人
如何方便的從 URL 中，獲取指定的參數？
ES6 提供了一個 URLSearchParams"URLSearchParams 對象，接收一個 URL 的查詢字符串。 如果將 window.location.search 傳入後，再通過實體的 get() 方法。 即可方便的獲取當前頁面路徑中對應參數的值。 // 假設當前頁面鏈接為： // https://fehub.com/?name=lmxage=18book=santibook=mi
昵稱 asong
3分鐘搞定：獲取 URL 查詢參數值
3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe
昵稱 麒寧
一個神奇的小工具，讓URL地址都變成了"ooooooooo"
發現一個很有創意的小工具網站，如封面圖所示功能很簡單，就是將一個URL地址轉換為都是 ooooooooo 的樣子，通過轉換後的地址訪問可以轉換回到原始地址，簡單流程如下圖所示。轉換的邏輯有點像短鏈平台一樣，只不過這個是將你的URL地址變的很長長長長，但是看着都是 ooooooooo，很好奇是如何實現的，所以查閲了源碼，本文解讀其核心實現邏輯，很有趣且巧妙的實現了這個功能。 前置知識點 在正式開
昵稱 南城FE
[譯]優秀的URL設計
本文翻譯自 Examples of Great URL Design，作者：Jim Nielsen， 略有刪改。 以下是Kyle Aster關於URL的設計為何重要的觀點（2010年）： URL是通用的。它們可以在Firefox、Chrome、Safari、Internet Explorer、cURL、wget、iPhone、Android中使用，甚至可以寫在便籤上。它們是網絡的一種通用語法，但別
昵稱 南城FE
URL參數的格式化和解析
常見場景 傳遞 URL 參數是頁面A與頁面B通信時常用的方法。如：頁面A是新聞列表頁面，在點擊某一條新聞的時候，需要帶着新聞 ID 打開頁面B新聞詳情頁面 pageB?id=${id}，這樣頁面B就能根據解析 URL 上的 ID 獲取具體的新聞詳情了。 常見的格式化和解析方法 🔥🔥🔥 推薦一個好用的解析工具：Prettier URL 給出一段參數： const query = { a
昵稱 specialcoder
鴻蒙UI開發全解：JS與Java雙引擎實戰指南
摘要 隨着鴻蒙系統不斷迭代，越來越多開發者開始關注其獨有的跨設備生態能力。而UI開發作為用户體驗的關鍵，在鴻蒙中有着自己獨特的一套架構和流程。本文將從實際開發出發，帶你瞭解鴻蒙JS UI 和 Java UI 框架的開發方式，配合示例代碼、場景分析，幫助你快速上手。 引言 鴻蒙的UI體系主要有兩種開發模式：基於 JavaScript 的 聲明式 UI（JS UI 框架） 和基於 Java 的 命令式
昵稱 前端視界
svg實現漸變百分比組件
參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si
昵稱 jsoncode
手把手使用 SVG + CSS 實現漸變進度環效果
效果 在線Demo 軌道 使用 svg 畫個軌道 svg viewBox="0 0 100 100" circle cx="50" cy="50" r="40" fill="none" stroke-width="10" stroke="#333"/circle /svg 簡單的説，就是使用 circle 畫個圓。需要注意的是，軌道實際是 circle 的 stroke，所以目
昵稱 xachary
nodejs 基於JWT的token認證
萬惡之源： 阿里雲：基於JWT的token認證 有需求需要連接java服務器的API，對接的小夥伴給出的教程如上。 仔細看完大致流程是服務端生成JWK（當然也可以用https://mkjwk.org 在線生成），客户端自行添加載荷和頭加密並簽名生成token用以校驗。 但是文中只提供了java實現（keypair還拼錯了一次），無法作為nodejs的參考。 查看了下如何用node
昵稱 papermoon