tag Javascript

標籤
貢獻1,371
1553
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

dengzhanyong 頭像

鄧佔勇 - 前端模塊化演變歷程

前端模塊化是指將一個大型的前端應用程序分解為小的、獨立的模塊，每個模塊都有自己的功能和接口，可以被其他模塊使用。 前端模塊化的出現主要是為了解決以下幾個問題： 代碼複用：通過模塊化，可以在多個地方重複使用同一個模塊，而不需要重複編寫相同的代碼。 代碼維護：模塊化後的代碼更加清晰，每個模塊負責的功能明確，便於維護和升級。 依賴管理：模塊化可以很好地處理模塊間的依賴關係，確保模塊使用時其依賴已

模塊化 , 前端 , Javascript

收藏 評論

congjunhua 頭像

從君華 - illegal base64 data at input byte

問題 d, err := base64.StdEncoding.DecodeString(param) if err != nil { panic(err) // illegal base64 data at input byte } golang從javascript請求的URL中讀出base64編碼的字符串參數param，在解碼時報錯。 通過對比javascript生成的參數和gola

request , base64 , go , Javascript , url

收藏 評論

xpoet 頭像

XPoet - 零基礎入門 JavaScript 算法

前言 提及算法，可能會有很多前端同學覺得這是一個距離自己日常工作較遠的領域，認為算法並沒有那麼重要。事實上，這種看法是片面的，算法不僅僅是計算機科學中的一個重要概念，在前端開發中也有着廣泛的應用和巨大的價值。 一個精心設計的算法可以大幅度提高應用的性能和效率，例如：如何在大量數據中快速找到指定信息、如何高效地處理用户輸入、如何在動畫效果中保持流暢的用户體驗、如何讓頁面加載更快、響應更靈敏等等場景，

算法 , 面試 , 數據結構和算法 , 前端 , Javascript

收藏 評論

hyx 頭像

Chinaxiang - 什麼？圖牀又掛了！試試我造的這款免費，穩定，完全自主可控的開源圖牀吧

大家好，我是來自蘇州的祥子，一個90後程序猿，為了實現算命先生的預言——30歲之後財運亨通，雖然我選擇了亨通開發的房產（亨通，本土500強公司），擁有亨通物業的服務，可還缺財運，所以重新撿起技術實現自我救贖。 本文主要介紹我自己造的圖牀輪子，起名叫：喔喔圖牀，之所以重新造輪子，是因為作為一名IT民工，平時喜歡寫一些文檔，博客，並且比較喜歡 Markdown 語法，但一直以來比較困擾的一個問題就是插

chrome , chrome-extension , Javascript

收藏 評論

gqkmiss 頭像

月恆 - JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據

JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面

sendbeacon , fetch , Ajax , 前端 , Javascript

收藏 評論

zero_dev 頭像

北橋蘇 - Hexo最新實戰：（一）Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵，為什麼我又要搭一個？為什麼這次要選擇用Hexo框架？ 對應的原因是流量自由和省錢，第一個，很多平台能寫但不是都有收益，而且平台有自身的規則，比如會屏蔽一些推廣類信息。如果我哪天做了一產品，是沒辦法直接用平台博客的方式硬推的，至少放碼和鏈接不行。第二個用Hexo搭到GitHub上，我可以不用買服務器，畢竟現在也還沒有想法要做一個什麼樣的東西。 總之，有個獨立博客

hexo , 前端 , Javascript

收藏 評論

rk405264704 頭像

留白 - 記錄動態修改element中el-calendar日曆組件日期的高度

首先看下需求頁面的整體佈局。 頁面分為上下佈局，上邊模塊包含左側日曆和右側導入部分，下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%，高度自適應。 項目是由vue2+elementui開發，這裏主要説的是日曆的高度如何動態設置？ 由於業務需求，日曆只展示當前月份數據，使用css將上個月份和下個月份數據進行隱藏，所以日曆有時是5行數據展示，有

vue.js , scss , element-ui , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - GraphQL在現代Web應用中的應用與優勢

GraphQL是一種現代的API查詢語言，它在現代Web應用中得到了廣泛的應用，因為它提供了一種高效、靈活且強大的方式來獲取數據 GraphQL基礎快速應用示例： 1. 後端設置（使用graphql-yoga） 首先，我們需要創建一個GraphQL服務器。安裝graphql-yoga並創建一個簡單的GraphQL schema： npm init -y npm install graphql yo

react , graphql , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 如何在vscode中調試typescript?

前置知識 首先要知道vsocde是無法調試typesript的。所以我們要做的就是將typescript編譯為javascript，然後告訴vscode編譯後的代碼位置，這樣才能進行調試。 流程 1 在項目根目錄創建launch.json配置 // package.json { "name": "debug-ts", "version": "1.0.0", "description"

visual-studio-code , debugging , typescript , Javascript

收藏 評論

gqkmiss 頭像

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

收藏 評論

gqkmiss 頭像

月恆 - Web 網頁性能及性能優化

Web 網頁性能及性能優化 一、Web 性能 Web 性能是 Web 開發的一個重要方面，側重於網頁加載速度以及對用户輸入的響應速度 通過優化網站來改善性能，可以在為用户提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什麼性能這麼重要？ 1. 性能關乎留住用户 性能對於任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比，加載速度快並能及時響應用户輸入的網站能更好地吸引並留住用户

性能監控 , 性能優化 , 性能 , 前端 , Javascript

收藏 評論

huobaodejianpan 頭像

火爆的鍵盤 - 深入淺出: XML HttpRequest 入門指南

XML HttpRequest（XHR） 技術是構建動態、響應式網站的關鍵。這項技術使得網頁能在不重新加載整個頁面的情況下與服務器進行數據交互，極大地優化了用户的交互體驗。 定義 XML HttpRequest XML HttpRequest 是一種瀏覽器與服務器進行數據交換的 API。儘管它的名字包含 “XML”，XHR 實際上支持多種數據格式，如 JSON、HTML 和純文本等。初期，它主要用

xml , Ajax , httprequest , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - Nuxt.js實戰：Vue.js的服務器端渲染框架

創建Nuxt.js項目 首先，確保你已經安裝了Node.js和yarn或npm。然後，通過命令行創建一個新的Nuxt.js項目： yarn create nuxt-app my-nuxt-project cd my-nuxt-project 在創建過程中，你可以選擇是否需要UI框架、預處理器等選項，根據需要配置。 目錄結構 Nuxt.js遵循特定的目錄結構，其中一些關鍵目錄如下： ├── .nux

vue.js , nuxt.js , 前端 , Javascript

收藏 評論

littlelyon 頭像

littlelyon - 使用 AST 遷移複雜前端項目的探索

寫在前面 也不知道為什麼，每一次工作變動，所接手的第一個項目，都和項目遷移有關。這次也不例外，在 5 月初入職樂天之後，處理完雜七雜八的事情，第一個接手的項目是將一個大概有 5 年開發週期的 nuxt 2 前端項目，遷移到 nuxt 3 版本。 項目遷移與“屎山” 談及項目遷移，尤其是複雜項目，很容易讓人把它和“屎山”聯繫起來，而事實上也是如此，大多數規模較大的項目，往往都具備“屎山”的各種特徵，

ast , vue.js , nuxt.js , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - 前端安全：XSS攻擊與防禦策略

XSS（Cross-Site Scripting）攻擊是前端安全中的一個重要問題，它發生在攻擊者能夠注入惡意腳本到網頁中，這些腳本在用户瀏覽器中執行時可以獲取用户的敏感信息，例如會話令牌、個人信息等。防禦XSS攻擊通常涉及以下幾個策略： 1. 輸入驗證： 對用户提交的數據進行嚴格的驗證，確保只有預期的字符和格式被接受。 使用正則表達式或預定義的白名單模式來過濾無效字符。 限制字符串長度以防

xss , typescript , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - 前端工程化實踐：Monorepo與Lerna管理

前端工程化實踐中，Monorepo（單倉庫）管理和Lerna是兩種流行的方式，用於大型項目或組件庫的組織和版本管理。 Monorepo簡介 Monorepo（單倉庫）是指在一個Git倉庫中管理多個相關項目的開發方式。這種方式的優點在於： 集中式管理：所有項目都在一個倉庫中，方便代碼共享、版本同步和協同開發。 模塊化：可以創建獨立的模塊，方便複用和維護。 統一的CI/CD：一次配置，全倉

前端工程化 , lerna , monorepo , 前端 , Javascript

收藏 評論

huobaodejianpan 頭像

火爆的鍵盤 - HTTP 請求優化指南：Axios 和 Fetch 的比較

在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

收藏 評論

jackzhoumine 頭像

JackZhouMine - 前端項目如何規範文件命名

前端項目如何規範文件命名 ls-lint 是一個非常快的文件和目錄名稱 linter，可方便約束項目目錄和文件的命名。 特點： 快速 依賴少 適用所有文件 配置簡單 安裝依賴 npm install @ls-lint/ls-lint -D 在 husky 加入 git hook: "husky": { "hooks": { "pre-commit": "ls-lint

vue.js , 工程化 , HTML , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - Prettier與ESLint：代碼風格與質量的自動化保證

Prettier 和 ESLint 是兩個互補的工具，它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼，而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用： 自動化代碼格式化，確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則，因為Prettier有一套默認的代碼風格。 支持多種編程語言，包括JavaScript、TypeS

eslint , prettier , typescript , 前端 , Javascript

收藏 評論

awbeci 頭像

Awbeci - Java-實現axios上傳文件接口攜帶多參數

前言 最近在實現小圖片上傳的過程中剛開始我使用base64字符串做為後台接口參數傳遞給後台並解析保存也沒問題，但是發現第2次及之後就報下面的錯： org.springframework.core.io.buffer.DataBufferLimitException: Exceeded limit on max bytes to buffer : 262144 然後問了AI給的回覆如下： 這個問題通

Axios , JAVA , Javascript

收藏 評論

jsoncode 頭像

jsoncode - svg實現漸變百分比組件

參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si

組件設計 , vue3 , Javascript , svg

收藏 評論

suporka 頭像

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站，他的二維碼美化功能很強大，可以分別自定義碼眼和碼點的形狀和顏色，功能十分強大 💪！ 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼，剛好以此作為新需求，模仿草料二維碼的樣式和功能，開發了 qrcode-wit

canvas , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - Vite本地構建：手寫核心原理

前言 接上篇文章，我們瞭解到vite的本地構建原理主要是：啓動一個 connect 服務器攔截由瀏覽器請求 ESM的請求。通過請求的路徑找到目錄下對應的文件做一下編譯最終以 ESM的格式返回給瀏覽器。 基於這個核心思想，我們可以嘗試來動手實現一下。 搭建靜態服務器 基於koa搭建一個項目： 項目結構如上，服務使用koa搭建，bin指定cli可執行文件的位置 #!/usr/bin/env node

vite , 工程化 , 前端 , Javascript

收藏 評論

yangge_5c6804373b5a0 頭像

陽哥 - js-while循環內使用定時函數的回調函數的問題

今天開發中碰到一個問題，卡了挺久的記錄一下。 標題其實正確表達為： js-while循環中不要使用定時函數中的回調函數中對循環條件的自變量進行自增或者自減，否則會導致進程假死。 首先 let i = 0; while(i 10){ i++; console.log(i) } 首先這個沒問題，正常打印1，2....10; let i = 0; let timer; while(i

定時器 , while , 進程 , Javascript

收藏 評論