收藏 / 列表

beckyyyy 頭像

beckyyyy - 我的編程之路：這是一個蓄謀已久的大坑

簡單介紹一下自己和目前的工作 畢業工作已四年，前面三年做的是java外包方面的工作，去年的時候腦子發熱、感覺方向迷茫、這份工作不太想做下去了，於是裸辭了，在失業的三個月中一直在思考人生，終究是並沒有什麼收穫，只是更多增添了煩惱和焦慮，在一次無意的面試後，又是腦子一熱，決定轉向前端。目前在一家創業小公司做着前端的工作，入坑六個月左右，感覺尚可。 詳細寫寫你是如何走上編程的道路 在我小時候那會兒，一個

我的編程之路

dirackeeko 頭像

DiracKeeko - [VScode] VScode浮窗顯示完整的ts類型定義

在vscode中寫ts項目時，當定義的type結構體很大(即key非常多)的時候 鼠標懸停在變量上，顯示的類型提示彈窗中，類型定義是被摺疊起來的。 (能看到 ... xxx more ...) 但是沒有一個可操作的交互能夠讓這個摺疊展開。 這是個2018年就被提出的issue，現在依然是open狀態 (Interactive Diagnostics) https://gi

visual-studio-code , 配置 , 類型檢測 , 前端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

ruochuan12 頭像

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

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

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

_607c00baa52ff 頭像

懟懟 - 【css】塊格式化上下文(BFC)

定位方式 BFC 1 定位方式 普通流/文檔流 浮動 絕對定位 1.1 普通流/文檔流 規則 元素按照其在HTML中的先後位置自上而下佈局 行內元素水平排列，直到當行被佔滿然後換行，塊級元素則會被渲染為完整的一個新行 所有元素默認都是普通流定位 1.2 浮動 規則 元素先按照普通流的位置出現，然後根據浮動的方向儘可能向左或向右偏移 平移到容器邊框，或者碰到另外一個

bfc , float , Css

zisrfs 頭像

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子： const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端代碼規範：讓你的代碼更易維護和協作

在前端開發中，隨着團隊的不斷擴大和項目的逐步複雜化，統一的代碼規範變得越來越重要。無論是小型團隊，還是跨國團隊，良好的代碼規範能夠提升開發效率、減少bug的產生，並確保代碼易於維護和擴展。今天，我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範？ 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性，無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 一文帶你詳細瞭解OV證書的驗證標準

OV 證書（組織驗證型 SSL 證書）的核心價值在於通過嚴格的身份驗證建立網站與企業實體的關聯，其驗證標準由國際 CA/Browser Forum（CA 瀏覽器論壇）統一規範，所有合規 CA 機構（如 DigiCert、Sectigo、GlobalSign 等）均需遵循。驗證流程可分為組織身份驗證、域名所有權驗證和補充交叉驗證三大核心環節，每個環節都有明確的審核標準，具體如下： 一、組織身份驗證（

ssl證書 , 服務器 , ovs , 運維 , Linux

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

minnanitkong 頭像

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud，請確保同意服務條款。 按照以下步驟繼續： 根據你的喜好編輯項目名稱，然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 純CSS實現魔法漸變邊框卡片

如圖所示，這是一個很炫酷的卡片效果，關鍵效果在於卡片的邊框呈漸變色變化着，在網頁中有這樣一個卡片相信可以極大的增強用户體驗交互。本次文章將解讀如何使用純CSS實現這個炫酷的卡片效果。 基於上面的動圖可以分析出以下是本次實現的主要幾點： 卡片的邊框是漸變色 卡片的邊框呈順時針動畫 卡片底部還有陰影隨着邊框動畫而變化 鼠標懸停時動畫隱藏顯示靜態的卡片 實現過程 看到這樣的邊框首先要想到的

css3 , 動畫 , Css , 用户體驗 , 前端

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（一）

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

form , 表單驗證 , antd , 前端 , Javascript

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

gqkmiss 頭像

月恆 - Cron 表達式用法

Cron 表達式 一、概述 Cron 表達式 是一種用於定義定時任務調度的標準語法，廣泛應用於 Linux 系統中的定時任務管理器 cron。它通過一組字段指定任務的執行時間，靈活地控制任務在特定時間點的運行。 在 cron 中，任務的調度時間通過 cron 表達式 來指定，它由 5 到 6 個字段組成（具體取決於環境）。每個字段表示時間單位（分鐘、小時、日期等），用來描述任務的執行計劃。 二、C

crontab , cron , 前端 , Javascript

u_17072679 頭像

前端小巷子 - 深入 Vue 的 nextTick

深入 Vue 的 nextTick 在初學 Vue 時，我們經常會遇到這樣的困惑：數據明明已經改了，可頁面卻沒立刻變化；或者手動去獲取更新後的 DOM，結果拿到的是舊值。這時候，Vue 官方會推薦我們使用 this.$nextTick()。它到底做了什麼？為什麼“等一下”就能解決問題？本文嘗試用通俗的語言把它的作用和實現原理講清楚。 一、nextTick 的作用 Vue 的響

事件循環 , 重繪 , Vue , 前端開發 , Javascript

grewer 頭像

Grewer - 記一次樣式 debug

背景 在一個平凡的工作日中，突然有客户説我們產品的彈窗點擊無法顯示，這讓我立刻放下了手裏的活，去看了下線上環境，結果卻是一切正常 這不禁讓我有些奇怪，所以和客户要了截屏，最後發現在客户的電腦上點擊無效，作為一個老開發，第一反應就是兼容性的問題 涉及到公司產品，暫時不能放出對應截圖，不過會用 demo 截圖來代替。 這裏我用 demo 復現的場景： 這是正常的antd modal樣式： 現

兼容性 , debugging , 前端