收藏 / 列表

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

heath_learning 頭像

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用，報錯如下： SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象： vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

atila-fassina 頭像

Atila Fassina - Open-Source Meets Design Tooling With Penpot

This article has been kindly supported by our dear friends at Penpot whose mission is to provide an open-source and open-standards platform to bring collaboration between designers and developers

workflow , Tools , plugins , ui

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？

最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作

前端 , Javascript

hsr2022 頭像

後山人 - 為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中，佈局是構建用户界面的核心環節。長期以來，CSS 的 float 屬性曾是實現多列布局的主要手段，但隨着 CSS 技術的發展，Flexbox（彈性盒子佈局）已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局，並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景：從 float 到 Flexbox float 最初設計用

前端

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】異步迭代器(async Iterator)

異步迭代器(async Iterator) 同步迭代器 異步迭代器 for await...of 異步生成器函數 yield*語句 1.同步迭代器 普通的迭代器生成函數在被調用後會返回一個迭代器對象，可以去調用迭代器上的next方法 next方法一旦執行，就必須同步地得到一個狀態對象，{value,done} //迭代器生成函數 function makeIterat

async , iterator , generator , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候，都會提及説它速度慢，效率低。尤其在例如 Vue或者React 框架中也不推薦使用，原因是為什麼呢？ splice 方法 方法介紹如下: 方法也比較明瞭，就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

u_17350491 頭像

轉角處的湯姆 - 深入理解 JSS：現代化的 CSS-in-JS 解決方案

引言 在現代前端開發中，CSS-in-JS 是一個越來越流行的概念。隨着 React 和其他前端框架的崛起，傳統的 CSS 方法逐漸顯得不夠靈活和高效。JSS（JavaScript Style Sheets）作為一種 CSS-in-JS 解決方案，提供了更靈活、更強大的方式來管理組件樣式。本文將深入探討 JSS，介紹其工作原理、優勢，以及如何在項目中有效使用它。 什麼

類名 , Css , 開發者 , 前端開發 , Javascript

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 教育網站加密標杆：國密 SSL 證書在部級教育系統的落地經驗

國密 SSL 證書在部級教育系統的落地實踐，通過國產算法自主可控、雙證書兼容架構、全生態適配整合三大核心策略，構建起 “合規、安全、易用” 的加密防護體系。以下以中國教育經濟信息網（教育部直屬部級系統）等標杆案例為基礎，解析其落地經驗與技術路徑： 一、政策驅動下的技術選型：從合規剛需到戰略佈局 1.政策法規的剛性約束 根據《密碼法》《網絡安全法》及等保 2.0 三級要求，部級教育系統需對用户數據

ssl證書 , joyent , 安全防護 , HTTPS , Javascript

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 前端如何徹底解決重複請求問題？看看這5種方案

在前端開發中，重複請求是一個常見且棘手的問題。比如用户快速點擊"保存"按鈕導致生成多條重複單據，或者列表頁頻繁刷新造成服務器壓力飆升，這些場景不僅影響用户體驗，還可能引發數據一致性問題。本文將系統梳理重複請求的解決方案，從基礎到進階進行對比分析，並結合實際代碼案例解決這一痛點。 一、重複請求不止是"多花錢" 在討論解決方案前，我們先明確重複請求的具體影響，避免因"覺得問題不大"而忽視它： 數據

前端 , Javascript

gqkmiss 頭像

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

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

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

u_17141077 頭像

g天命風流 - 併發編程之的ArrayList安全性的詳細解析

ArrayList不安全 ArrayList中的add方法沒有synchronized修飾，是不安全的 下面代碼運行結果（異常 java.util.ConcurrentModificationException）： import java.util.ArrayList; import java.util.List; import java.util.UUID;

項目代碼 , List , JAVA , 前端開發 , Javascript