tag 前端

標籤
貢獻1,041
1131
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

yinzhixiaxue 頭像

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

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

數據可視化 , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 告別代碼焦慮，單元測試讓你代碼自信力一路飆升！

本文由體驗技術團隊董福俊原創。 背景 一次偶然，我看到了 Kent C. Dodds 的文章中的一個觀點：寫測試代碼的原因，是為了獲得對自己代碼的信心。我覺得深有感觸，於是翻看了kent的所有文章，結合我自己的開發體會，總結了一些關於前端單元測試的觀點。 認識單元測試 單元測試是什麼？ 單元測試（UT）是測試系統中的一環，測試系統還包含很多其它環，例如：端到端測試E2E、集成測試Integrati

單元測試 , 開源 , 前端

收藏 評論

shumile_5f6954c414184 頭像

舒米勒 - 從全大寫到駝峯：程序員必會的 6 種英文字母大小寫轉換場景！

從全大寫到駝峯：程序員必會的 6 種英文字母大小寫轉換場景！ 你有沒有在 Code Review 時，因為一行全小寫的常量名被同事無情 diss？ 有沒有因為數據庫字段是snake_case（小寫下劃線），而前端接口卻要求 camelCase（駝峯），加班寫正則替換或者貼代碼寫映射關係？ 別慌，這些“大小寫修羅場”其實一條在線指令就能解決。今天我用 6 個高頻場景，帶你把「英文字母大小寫轉換」從手

工具 , 教程 , 技巧 , 後端 , 前端

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

收藏 評論

momeak9 頭像

泯瀧 - 在企業環境中正確使用 Node.js 的九大原則

鏈接：https://www.platformatichq.com/node-principles 作者：James Snell 等 原標題：9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持，是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年

node.js , npm , HTML , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十三章 SEO結構化數據與SERP

SEO結構化數據與SERP 1. 初解SEO結構化數據與SERP 結構化數據是一種標準化的格式，用於向搜索引擎提供關於網頁內容的明確信息。它本質上是一種"標記語言"，通過特定的代碼格式，幫助搜索引擎理解網頁內容的上下文和含義。 SERP是"Search Engine Results Page"的縮寫，即搜索引擎結果頁面。當用户在搜索引擎（如Google、百度、必應等）中輸入查詢詞後，搜索引擎返回

seo , 前端

收藏 評論

shumile_5f6954c414184 頭像

舒米勒 - SEO人必備：URL中橫線與駝峯互轉實測，提升20%可讀性不是夢！

一條 URL，竟讓點擊率差了 20%！你的網站還在用駝峯和下劃線？ 上週和搞獨立站的老張聊天，他抱怨產品頁分享率總上不去。 我隨手點開他發來的鏈接：www.xxx.com/newSmartPhoneCase，瞬間懂了問題所在。 “這URL連單詞都分不清，用户怎麼願意複製傳播？” 01 Google 官方蓋章：URL可讀性就是硬指標 別再小看 URL 的細節！Google 搜索倡導者 J

網站優化 , seo , 後端 , 前端

收藏 評論

tanking 頭像

TANKING - 抖音私信卡片源碼，揭秘抖音私信卡片生成的源碼和技術原理

摘要 抖音卡片是如何生成的？其實抖音是直接抓取html頁面的一些信息來生成封面圖、主標題、副標題的。 代碼 !DOCTYPE html html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" head meta http-equiv="Content-Type" content="text/html; charset=utf-

微信 , 微信開發 , 後端 , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - JetBrains出手了，IDEA重大調整，來了！

昨晚我在家網上衝浪例行刷博客時又看到了一個事關 IntelliJ IDEA 變化的重磅消息，可能有些同學也看到了。 JetBrains 決定將 IntelliJ IDEA 全部遷移到統一發行版。 這是什麼意思呢？ 大家都知道，在此之前，在 IntelliJ IDEA 官網其實一直是提供有兩套安裝包供用户去下載和安裝使用的。 分別為： IntelliJ IDEA Ultimate：專業旗艦版

intellij-idea , JAVA , 後端 , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十六章 Seo最簡單的賺錢方式-廣告

Seo最簡單的賺錢方式-廣告 行了，那些枯燥的基本功我們就算熬過來了。廢話不多説，我知道你們等不及了，下面直接開整，講講怎麼把學到的東西快速變成錢 Google Adsense簡介 如果你之前沒有用過Google Adsense這些Google全家桶，那麼一定要分清楚Google Adsense和Google Ads是兩個東西，Adsense是為你賺錢的，而Ads是要你花錢的地方。 ​Goo

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第十五章 SEO的簡單免費工具

SEO的基礎工具和檢測 前文中主要是講一些SEO的網站基本功，而在這一章那，會講到一些非常基本的工具，主要是關於：網站的流量、停留時長、關鍵詞密度、內容、以及Google的站長工具。 Google Search Console Google Search Console這是做SEO永遠也繞不開的工具，它監控網站在Google搜索結果中的表現，並且提供索引狀態、搜索查詢數據和技術問題報告。 如何在G

seo , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時，例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

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

收藏 評論

silkide 頭像

Silkide - 前端數據拷貝簡史

本來是自己想了解下js中關於零拷貝的內容，順藤摸瓜瞭解了下相關歷史演進，便有了這篇文章。雖説是數據拷貝歷，但其中也夾雜了大量關於Ajax和SPA的歷史，也算是順着拷貝這條藤摸到的瓜，所以有點跑題。希望大家能開心吃瓜，如果有任何紕漏和補充，請在評論區暢所欲言，我們一起完善這段有趣的歷史。 一、為什麼我們需要拷貝？ 小明已經有了一個羅技G102鼠標，但是他又買了一個，請問為什麼？答：因為怕第一個壞掉了

深拷貝 , Ajax , spa , 前端 , Javascript

收藏 評論

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 前端性能優化終極清單：提升你的網站速度與用户體驗

在當今的 Web 生態中，性能即功能。用户期望網站加載瞬間完成，交互無比流暢。搜索引擎（尤其是 Google）也將核心 Web 指標 (Core Web Vitals) 等性能因素作為排名的重要依據。一個緩慢的網站會直接導致用户流失、轉化率下降和品牌形象受損。 這份前端性能檢查清單旨在為你提供一個系統性的框架，幫助你識別、診斷並修復影響網站速度的關鍵瓶頸。它涵蓋了從基礎測量到高級優化的各個

性能優化 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——調度執行

調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——計算屬性computed與lazy

在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option

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

收藏 評論

axui 頭像

AXUI - AXUI v3.1.27震撼發佈：全新Viewer媒體查看器模塊和Toast短消息模塊

更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow，可選值為 h/v（水平/垂直） 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件，使用shape屬性時報錯的問題。 修復Search組件，使用s

前端框架 , typescript , 前端 , html5 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——watch的實現原理

簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——立即執行的 watch 與回調執行時機

watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——過期的副作用

我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發

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

收藏 評論