收藏 / 列表

laughingzhu 頭像

LaughingZhu - DevNow: 一個好的開源博客是什麼樣子的？

1. 前言 為什麼會想着來做這樣一個開源博客項目呢？ 原因為總結了幾點： 作為程序員，怎麼能沒有自己的博客呢。 用來沉澱自己的一些學習內容和記錄一些技術文章。 促進自己持續輸出一些內容，來提高語言表達能力。 個人屬性吧，覺得有一個屬於自己的平台，那真是，泰褲辣。 其實陸陸續續寫過很多個blog，去年基於 Nextjs 重構了一次 blog，大概是長這樣，是參考一個博客的模版寫的，當時覺

astro , blog , 前端

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

hellotech 頭像

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元，所有的操作都要基於它實現。其實fiber就類似一個個element元素，react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點，然後把這個fiber的子節點賦值給workInProgress，當子節點不存在時，就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.2.0 版本，新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography，內置豐富的內容排版 UI，支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件： Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 如何在uni-app使用iconfont字圖標

添加圖標 打開，https://www.iconfont.cn/ 網站，找到自己的喜歡的圖表加入到項目中 下載本地 點擊下載至本地 拷貝文件 將iconfont.css，iconfont.woff,iconfont.woff2 複製到自己的項目中， 打開iconfont.css文件，我需要去編輯框框的地方 資源轉換 uni-app 字體文件小於 40kb，uni-app 會自動將其轉化為

iconfont , 字體 , webapp , uni-app , 前端

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

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

ruochuan12 頭像

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

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

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

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

kagol 頭像

Kagol - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-

富文本編輯器 , 開源 , 前端

codechen8848 頭像

codechen8848 - 輕量高效！一款輕量級的自託管服務器監控工具！

大家好，我是 Java陳序員。 在企業開發中，涉及眾多的服務器資源，一款好用的服務器監控工具能讓運維效率事半功倍。 今天，為大家推薦一款輕量級的自託管服務器監控工具，具備資源佔用低、部署簡單和功能實用的特點！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 Komari 是一款輕量級的自託管服務器監控工具，旨在提供簡單、高效的服

go , 後端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何使用代理IP發送請求（711Proxy實戰指南）

代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。

node.js , 前端 , Javascript

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 破解雲VR教育普及難題： 點量實時雲渲染——實現跨終端無界協同

在數字化轉型浪潮中，教育領域正迎來深刻變革。尤其是虛擬現實（VR）技術，憑藉其沉浸式、交互式特點，成為推動教學方式演進的重要力量。然而，傳統VR教學方案受限於硬件性能、部署成本與使用門檻等因素，難以大規模普及。在此背景下，雲VR教學模式成為新的發展方向藉助以點量雲流實時雲渲染為代表的輕終端交互技術，可以突破傳統教學瓶頸，為教育行業帶來全新的可能性。 一、雲 VR 教學：邁向教育普惠與深度沉浸的新

資訊 , 服務器 , c++ , vr , Python

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼

前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼 前言：你是否也被這些代碼問題折磨過？ "這個彈窗組件改一處就崩三處，到底誰寫的？" "為什麼同樣的表單驗證邏輯，每個頁面都要複製粘貼？" "狀態管理越來越亂，新增功能要改五六個地方？" "接手的項目像一團亂麻，根本不敢動核心邏輯？" 前端開發中，"能跑就行" 的代碼在初期或許能快速交付，但隨着項目迭代，維護成本會指數級增長。設計模式不是銀彈，卻

設計模式 , 前端

minnanitkong 頭像

王大冶 - React Native 0.76 重大更新：新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性（如 Suspense、Transitions），還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

bianchengsanmei 頭像

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面，而不用改變頁面的標籤。 好一段時間不用 CSS ，有一些基礎知識的記憶有點模糊了，今天再做一次總結記錄，方便日後回顧複習。 選擇器分類 在 CSS 中，選擇器可分為以下幾類： 基本選擇器（通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器） 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

yinzhixiaxue 頭像

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

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

數據可視化 , 前端 , Javascript

dewujishu 頭像

得物技術 - 從 JSON 字符串到 Java 對象：Fastjson 1.2.83 全程解析｜得物技術

一、概述 Fastjson 是阿里巴巴開源的高性能 JSON 序列化處理庫，其主要以處理小數據時速度最快而著稱，功能全面。Fastjson1.X版本目前已停止維護，被Fastjson2.X代替，但1.X版本國內被廣泛使用，通過學習其技術架構，剖析架構上優缺點，對技術人員提升軟件設計工程實踐能力很有價值。 首先我們對“序列化 / 反序列化”概念上建立直觀認識，把Java對象轉化為JSON格式的字符串

開源 , JAVA , 後端 , Json

vivo_tech 頭像

vivo互聯網技術 - Full GC 頻率優化實戰

作者：vivo 互聯網服務器團隊- Li Gang 本文介紹了遊戲業務使用MAT和GC日誌等工具對 Full GC頻率進行優化的過程。 一、背景 遊戲業務面對用户端的某個工程，每天Full GC頻率達到120次，業務高峯期每7分鐘就會有一次Full GC。為了避免情況持續變差，最大程度減少對系統響應時間的負面影響，需要對該工程的Full GC頻率進行優化。 該項目JDK版本為1.8，老年代使用

垃圾回收 , JAVA , 優化 , 後端

yqyx36 頭像

雲輕雨細 - 網速只拼Mbps？解碼網速真相的五大關鍵因素

Mbps，這個在網絡世界頻繁出現的詞彙，你真的瞭解它嗎？Mbps 即兆比特每秒（Megabits per second），其中“Mega”代表百萬，“bit”是比特（信息的最小單位），“per second”表示每秒。簡單來説，Mbps 衡量的是每秒傳輸的百萬比特數，直觀體現了數據傳輸的速度快慢。 在網絡通信領域，Mbps 就如同衡量道路上車流速度的標尺，是評估網絡性能的核心指標。無論是家用寬帶、

服務器 , 雲服務器 , 網絡