tag Javascript

標籤
貢獻1,371
1587
06:37 AM · Oct 27 ,2025

@Javascript / 博客 RSS 訂閱

煩惱的沙發 - 7個讓全棧開發效率起飛的 Bun 工作流

有沒有誰敲下 npm install 後,電腦風扇開始狂轉,好像隨時就要起飛了。 隨着 Bun 的出現,這種情況就好轉了,Bun 把運行時、包管理器、打包工具、測試工具全塞進了一個二進制文件裏,主打多快好省。 但光用上 Bun 還不夠,得用得巧。今天就分享7個Bun工作流,提升你的全棧開發效率,減少掉髮。 在開始之前,咱們先解決入門問題。要在電腦上裝 Bun 或者 Node.js,就得得跟 nv

web開發 , 後端 , 前端 , Javascript

收藏 評論

兔子先森 - js根據傳入的時間字符串按照格式轉換並返回

/** * 根據傳入的時間字符串按照格式轉換並返回 * @param { string } dateString 傳入的時間字符串 * @param { string } format 需要轉換的格式 * @param { object } options 配置項 * @returns { string } 轉換後的時間 */ function formatDate(dateStrin

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

收藏 評論

微芒不朽 - 被前端存儲坑到崩潰?IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據,並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序,如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

收藏 評論

臨在 - 用JavaScript製作動態表白頁面

前言 最近在抖音上刷到這種文字表白特效,覺得挺有意思的,就想着自己也能用代碼實現一個,雖然實現得比較基礎,但效果還挺像那麼回事!分享出來給大家參考,也期待大佬們給出更好的實現方案~ 實現效果: 在屏幕內隨機出現div盒子,位置隨機,內容隨機選,要求動態的一個個淺出 css部分 div { width: 200px; height: 100px; text-align: c

Css , 前端 , Javascript

收藏 評論

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

作用域與詞法環境 這是一個非常核心的JavaScript概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念:作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説,它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義:在任何函數或代碼塊 {} 之外定義的變量或函數,都擁有全局作用域。 生命週期:從定義開始,直到頁面關閉。 訪問性:在腳本中的任何地

教程 , 知識 , 前端 , Javascript

收藏 評論

追風的苦咖啡 - 《國家安全法》新規下的SSL證書對企業的核心影響

新《網絡安全法》通過強化數據傳輸安全與主體責任,使 SSL 證書從 “可選工具” 變為企業的 “合規剛需”,直接影響企業的合法運營、數據安全與用户信任。 一、新《網絡安全法》的核心要求:SSL 證書的法律依據 新《網絡安全法》圍繞 “數據安全” 和 “個人信息保護” 增設了多項強制性條款,而 SSL 證書的核心功能(加密傳輸、身份驗證)正是滿足這些條款的關鍵技術手段,具體對應以下核心要求:

vue.js , ssl證書 , node.js , chrome-devtools , Javascript

收藏 評論

另類的剪刀 - smartproxy API 代理——控制平面 + 策略治理,構建一體化可觀測與可回滾體系

面向中大型技術團隊與企業技術決策者,以”控制平面+策略治理”為核心架構,提供統一接入、統一治理、統一可觀測的 API 代理能力。我們將穩定性與性能作為首要目標,幫助團隊在全球多區域場景下顯著提升交付效率與運營可控性 1。 核心能力概覽 控制平面集中式治理:路由、鑑權、限流、熔斷、重試、可觀測等策略集中下發,實現統一變更與一鍵回滾 企業級穩定性保障:針對 AI 推理、數據採集與高併發場景

Javascript

收藏 評論

ERP老兵_冷溪虎山 - WebStorm 調參高手都在用的配置!續集:IDEA/PyCharm 飛昇後,前端 IDE 性能炸裂的秘密

🏆“為什麼別人的 WebStorm 運行 Vue 項目絲滑流暢,而你的卻頻繁卡頓、編譯轉圈? ✅秘密就藏在這個 webstorm64.exe.vmoptions文件裏! 作為 IDEA/PyCharm 調優系列的續集:🎃 我把我壓箱底的 ​WebStorm 性能調優參數表​ 分享出來——包含 ​JVM 堆內存優化、垃圾回收策略、圖形渲染加速​ 等關鍵設置🎉🎉; 還附上每項參數的詳細註

node.js , jvm調優 , webstorm , jetbrains , Javascript

收藏 評論

兔子先森 - vue3封裝一個頁面級的滾動條觸底加載函數

主要參數: ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數,比如getList,該函數是一個async的Promise函數 ● threshold

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

收藏 評論

ERP老兵_冷溪虎山 - “路徑“如人體經絡?Python/JS/Java/Go四語言“針灸術”——通不了算我輸!附源碼白嫖

🔥兄弟姐妹們!源碼跑不起來?路徑問題如“氣血阻塞”?本蜀黎CTO用中醫針灸術通通搞定! - 🌿中醫路徑論: 路徑如人體經絡——通則不痛,痛則不通! 你遇到的FileNotFoundError就是編程界的“氣血阻塞”,今天用四語言針灸術幫你通經活絡!🎉 🚀 四語言路徑針灸法 語言 核心針法 中醫類比 精髓 Pyth

路徑 , JAVA , go , Javascript , Python

收藏 評論

兔子先森 - vue3封裝一個容器級的滾頂條觸底加載函數

代碼可直接複製使用,主要用於頁面容器內的滾動觸底加載 主要參數: ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多,根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表

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

收藏 評論

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理

npm , Javascript

收藏 評論

兔子先森 - vue3基於vant封裝loading組件

觸底加載的方式 長列表需要觸底加載,觸底顯示loading,加載後loading小時 若長列表為空,則顯示空狀態 加載到底,沒有更多分頁,則顯示“沒有更多了” 這裏我基於vant封裝了一個組件,可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,

react , vue.js , 前端 , Javascript

收藏 評論

兔子先森 - axios雙Token無痛刷新,解決隊列請求、歷史請求問題

雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的,請求接口的時候使用accessToken,一旦accessToken過期,立刻用refreshToken請求刷新token接口,拿到accessToken、refreshToken存起來,然後使用accessToken請求接口。 這其中有幾個點需要注意: 當前過期的token如何處理? 過期

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

收藏 評論

追風的苦咖啡 - 永久免費 + 國密支持!JoySSL 憑什麼成為中小站長新首選?

JoySSL 能成為中小站長新首選,核心在於精準擊中了中小站長 “成本敏感、合規難、技術弱、場景雜” 的四大核心痛點,其 “永久免費” 打破成本壁壘,“國密支持” 解決合規焦慮,再疊加低門檻操作與全場景適配,形成了對中小站長的強吸引力。 一、“永久免費”:擊穿中小站長的成本核心痛點 對個人博客、小電商、初創企業站點等中小站長而言,“省錢” 是首要訴求,而 JoySSL 的 “永久免費” 並非噱

ssl證書 , HTTPS , Javascript

收藏 評論

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

收藏 評論

雲輕雨細 - 網站加載速度慢的7大技術原因與解決方案

本文系轉載,轉載鏈接:網站加載速度慢的7大技術原因與解決方案 根據HTTP Archive最新報告,2024年全球網站平均加載時間已縮短至2.3秒,但仍有38%的網站存在明顯性能瓶頸。本文基於對500+企業網站的深度診斷數據,剖析導致訪問延遲的關鍵技術因素,並提供可落地的優化框架。 一、基礎設施瓶頸診斷 1.服務器資源配置失衡 性能臨界點公式: 所需vCPU = \frac{峯值QPS \ti

前端 , html5 , Javascript

收藏 評論

老李説技術 - React中useContext的基本使用和原理解析

React 中 useContext 的使用方法 在 React 中,useContext 是一個內置的 Hook,用於在函數組件中輕鬆訪問 Context(全局公共狀態),避免了手動逐層傳遞 props 的複雜性。它依賴於 Context API,通過 Provider 提供數據,後代組件通過 useContext 消費數據。以下是詳細的使用方法和步驟,基於 React 官方指南和實踐經驗。 1

react , 知識 , Javascript

收藏 評論

兔子先森 - css滾動條不佔位-鼠標移入顯示,移出隱藏

鼠標移入顯示滾動條,移出隱藏 css滾動條一般是會佔位的 .container { overflow: hidden auto; ::-webkit-scrollbar { width: 0px; /* 控制滾動條整體寬度 */ } :hover { ::-webkit-scrollbar { width: 6px; /* 控制滾動條

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

收藏 評論

另類的剪刀 - SmartProxy – 企業級出站 Web 訪問與數據採集的安全可運營基座

面向企業的出站 Web 訪問與數據採集,安全與可運營缺一不可。HTTPS 代理以 CONNECT 隧道與端到端 TLS 為核心技術,構建清晰的加密邊界,實現可策略化、可審計、可擴展的訪問控制。結合 HTTPS 與 Socks5 分層策略,依託全球住宅 IP 與託管網絡,為覆蓋範圍、性能表現、可靠性保障與 SLA 承諾建立確定性優勢 1。 一句話價值主張 以 CONNECT + TLS 端到端

Javascript

收藏 評論

冴羽 - 10 個被嚴重低估的 JS 特性,直接少寫 500 行代碼

前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 Hi,我是冴羽,學習前端,歡迎圍觀我的“網頁版朋友圈”、踏上“前端大佬成長之路”。 1. Set:數組去重 + 快速查找,比 filter 快 3 倍 提到數組去重,很多人第一反應是 filter + indexOf,但這種寫法的時間複雜度是 O (n²),而 Set

ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

codigger - 瘋了還是天才?(上):一門基於Vim,號稱“AI無法取代”的新語言

系列文章導讀: 在AI巨浪滔天的2024年,當所有開發者都在討論Copilot和Sora時,一個團隊卻“逆流而行”,基於古老的Vim Language打造了一門新語言,並提出了一個驚人的目標:“讓AI無法取代程序員”。這究竟是異想天開,還是抓住了問題的本質?本系列文章將分三部分,客觀解讀這份技術文檔背後的“狂想”與“底氣”。 (上篇)一個“復古”的破局者 (中篇)“三位一體”的Supe

vscode插件 , vim , ide , Javascript

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第四十二篇)四語言“ascii返回轉碼對象和枚舉“

🤝 免罵聲明: 本文ascii返回轉碼對象和枚舉操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請

編程技巧 , JAVA , go , Javascript , Python

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第四十三篇)四語言“type獲取對象類型內存地址“

🤝 免罵聲明: 本文type獲取對象類型內存地址操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請

編程技巧 , JAVA , go , Javascript , Python

收藏 評論