tag 前端

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

@前端 / 博客 RSS 訂閱

smileZAZ 頭像

林恆 - 前端技巧：檢測到省略號文本自動顯示 Tooltip

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前言 在前端開發中，我們經常會遇到接口返回的文本內容過長，無法完全顯示的問題。為了處理這一問題，通常會設置固定的寬度並使用省略號樣式（text-overflow: ellipsis）來隱藏超出的文本。然而，有時產品需求還希望用户能夠通過懸停查看完整內容，這時就需要引入 Tooltip 進行展示。（沒被省略的時候不

前端

收藏 評論

joernlee 頭像

JoernLee - 模板引擎的整理歸納

[toc] 最近項目中涉及到模板引擎，參考了一些博客文章進行了一些學習，並在此進行記錄 1. 模板引擎是什麼 首先我們來了解什麼是模板，模板就我個人理解而言其產生的目的是為了解決展示與數據的耦合，簡單來説模板還是一段字符，只不過其中有一些片段跟數據相關，實際開發中根據數據模型與模板來動態生成最終的HTML（或者其他類型片段，本文都以HTML 為例子） 而模板引擎就是可以簡化該拼接過程，通過一

模板引擎 , 前端 , Javascript

收藏 評論

u_16099337 頭像

IT獨行俠客 - Vue內引入tinymce富文本編輯器步驟詳解-js教程

簡介 TinyEditor 是一個框架無關的富文本編輯器，既可以在原生 JavaScript 項目中使用，也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEdi

編輯器 , redis , 數據庫 , 開源 , OpenTiny , ide , 前端

收藏 評論

fenanjiu 頭像

南玖 - Base64編碼的“暗坑”：解密失敗？可能是這些原因！

前言 最近開發過程中遇到了關於使用base64加密傳輸遇到的神奇問題。需求就是用户的id在鏈接上露出時需要加密處理，於是後端把下發的用户id改成了base64加密處理後下發了，前端只需要把加密後的用户id原樣傳給後端就行。就是這個看似簡單的流程，前端啥也沒幹只是原樣透傳，但後端有概率拿到的用户id不對。 問題描述 本地寫個後端服務模擬當時的情景： 後端框架：nest @Get('getUserIn

urlencode , base64 , 前端 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - 開源地圖庫OpenLayers的簡單使用

引言 最近在學習可視化的東西，這讓我想起了一些以前用過的圖表庫，其實我在日常做的大多是普通的需求，可視化方面應用的並不多，只是偶爾會因為個別特殊的需求，去借助一些圖表庫來實現圖表的展示，這些普通的圖表庫，在使用上都大差不差，並沒有什麼太大的區別，但是某些特殊的圖表庫，比如地圖庫，在使用上和一些普通的圖表，還是存在一些不同，現在想一想還是需要做一些記錄，因為我沒有在當時使用的時候及時記錄，導致我現在

webgis , openlayers , 地圖 , 前端

收藏 評論

yayu 頭像

冴羽 - 能讓 GitHub 刪除泄露的蘋果源碼還有 8000 多個相關倉庫的 DMCA 是什麼？

1. 源碼泄露 上週蘋果 App Store 前端源碼泄露，因其生產環境忘記關閉 Sourcemap，被用户下載了源碼，上傳到 Github。短短几天就已經 Fork 和 Star 超 5k。 當然現在倉庫已經被 ban 了，當你打開倉庫的時候，GitHub 會提示： 千萬不要以為自己有 fork 就安全了，fork 的倉庫也一同被刪除了，據説刪了 8000 多個相關倉庫，足以看到當時大家湊熱鬧

react , node.js , typescript , 前端 , Javascript

收藏 評論

qinguoqing_5f2b7372764e7 頭像

秦國慶 - yearrecord——一個類似痕跡牆的React數據展示組件

介紹一下自己做的一個類似於力扣個人主頁提交記錄和GitHub主頁貢獻記錄的React組件。 下圖分別是力扣個人主頁提交記錄和GitHub個人主頁的貢獻記錄，像這樣類似痕跡牆的形式可以比較直觀且高效得展示一段時間內得數據記錄。 然而要從0實現這個功能還是有一些麻煩得，並且該功能可用的場景也比較多，於是便把它做成了一個通用的組件，只需要提供數據即可渲染這樣的效果。 如何使用 安裝

react , rollup , typescript , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp獲取微信小程序頂部NavBar的信息

我在這裏封裝了一個類，可以直接使用 export default class NavBarInfo { constructor() { this.statusBarHeight = 0; //狀態欄的高度 this.navigatorHeight = 0; //導航欄高度 this.menuHeight = 0; //膠囊高度

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

收藏 評論

fgaoxing 頭像

Fgaoxing - Goh：一款Go語言的預編譯快速模板引擎。（Benchmark排名第一）

https://github.com/OblivionOcean/Goh Goh 是一款Go語言的預編譯快速模板引擎。 English | 簡體中文 目錄 特性 性能測試 安裝 使用 語法 特性 預編譯模板引擎，提升運行速度。 幾乎兼容·Go語言的語法。 0依賴。 更改模板文件後自動重新編譯。 性能測試 從 https://github.com/slinso/goTemp

benchmark , 模板預編譯 , 模板引擎 , go , 前端

收藏 評論

mapvthree 頭像

mapvthree - mapvthree 地理投影設計分析——自動轉換與統一接口的設計理念

mapvthree 的地理投影系統是二三維一體化架構的重要組成部分，其設計理念既不同於傳統地圖引擎的單一投影限制，也不同於需要手動處理投影轉換的通用 3D 引擎。本文將從設計理念、支持能力、架構設計等角度，深入分析 mapvthree 投影系統的創新設計。 注： mapvthree 是 JSAPI Three（百度地圖 JavaScript API Three）在代碼中的命名空間。 一、設

前端

收藏 評論

gkymfrg1 頭像

ohoherror - React的渲染原理

React的渲染原理可以用Virtual DOM和Reconciliation兩個概念來解釋： 1. Virtual DOM Virtual DOM是React用來描述真實DOM樹的一個JS對象樹，其結構和真實的DOM樹是一一對應的，通過Virtual DOM可以方便地操作和管理DOM樹，提高了組件的渲染效率。 它的基本原理是在組件狀態（state）發生變化時，React不直接操作真實的DOM樹

react , virtual-dom , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：CSS transform與仿射變換

引言 在幾年前，我就在一些博客中看到關於CSS中transform的分析，講到它與線性代數中矩陣的關係，但當時由於使用transform比較少，再加上我畢竟是個數學學渣，對數學有點畏難心理，就有點看不下去，所以只是隨便掃了兩眼，就沒有再繼續瞭解了。現在在學習可視化，又遇到了這個點，又説到這是可視化的基礎知識，既然這樣，那看來還是逃不過去，那就再多瞭解一點吧。 transform的作用 使用過tra

transform , Css , 可視化 , 前端

收藏 評論

gqkmiss 頭像

月恆 - ES 2024 新特性

ECMAScript 2024 新特性 ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a new RegExp /v flag for creating RegExps with more a

ecmascript-6 , promise , object , 前端 , Javascript

收藏 評論

wuyagege 頭像

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性：這個屬性不包含數據值，包含的是一對get和set方法，在讀寫訪問器屬性時，就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性： [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或能否把屬性修改為訪問器屬性， 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript

收藏 評論

zxbing0066 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

收藏 評論

ihengshuai 頭像

大衞talk - GitLab安裝與配置

由於圖片和格式解析問題，為了更好閲讀體驗可前往 閲讀原文 對於gitlab的安裝本人都是在arm架構Centos7.9虛擬機上進行的，請悉知本人安裝環境，或者與本人的環境保持一致，以便產生不必要的疑惑 這裏使用docker安裝Gitlab，機器上需要先安裝docker，如果你還不知道docker，可以先看看我的往期docker文章；如果你直接在Linux機器上安裝，可以參考Linux Ins

持續集成 , devops , Docker , 後端 , 前端

收藏 評論

bobo_yf 頭像

球球 - 海外網站title標題，防止Google重寫

title 標籤是定義網頁標題的 HTML 元素，對於面向全球的海外官網和運營類 H5 尤為重要。當頁面在 SERP 中顯示時，如果標題設計不規範，Google 可能會重寫標題，因此本文將探討標題編寫的要點和注意事項。 應用場景和重要性 瀏覽器 title 定義的標題，最直觀的呈現是在瀏覽器的標題欄或標籤頁上。 並在瀏覽器中添加書籤時用作書籤名稱，易於識別的標題有助於用户快速查找網頁。 搜索

seo , google , i18n , HTML , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - UniApp 跨端 + PHP 後端：打造高性能圈子社交小程序（附源碼）

一、項目概述 項目定位 一款支持 多端適配（微信小程序 / APP/H5） 的高性能圈子社交平台，核心聚焦 “垂直領域交流 + 用户互動”，支持圖文 / 視頻發帖、話題聚合、評論點贊、私信聊天、附近動態等核心功能，適配校園、社區、興趣圈層等多場景使用，兼顧跨端體驗與後端性能。 技術棧選型 核心功能模塊 二、環境搭建（附源碼配置） 前端環境搭建（

php , 後端 , 前端

收藏 評論

yeshifu 頭像

程序員老葉 - 2026年最受歡迎的CRM系統排行榜：權威評測與用户口碑深度解析

在數字化浪潮席捲全球的今天，客户關係管理（CRM）系統已成為企業提升業績、優化客户體驗的必備工具。隨着2026年的到來，CRM市場競爭愈發激烈，各大廠商不斷推陳出新。那麼，哪些CRM系統在用户口碑和權威評測中脱穎而出，成為今年最受歡迎的選擇？本文將依據G2、Gartner、Forbes、Capterra等權威機構的最新報告，結合真實用户反饋，為您揭曉2026年CRM系統排行榜。 一、排行榜

教程 , crm系統 , crm , 前端

收藏 評論

zhoua_618109675b717 頭像

周哞哞啊 - vue+elementui中下拉框中的數據點擊，顯示不同的圖片，事件怎麼寫，感謝有沒有大佬啊

!-- 添加或修改模板管理對話框 -- el-dialog :title="title" :visible.sync="open" :class="[isOpen ? 'dialog_show' : '', 'lookBook']" width="500px" append-to-body el-form ref="form" :model="form" :rules="rules" la

vue.js , select , element-ui , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - “外包”！大部分程序員，不得不解的一道題

在程序員的職業字典裏，每次提到“外包”這兩個字，似乎往往帶着一種複雜的況味，不知道大家對於這個問題是怎麼看的？ 包括我們在逛職場社區時，也會經常刷到一些有關外包公司討論或選擇的求職帖子。 的確，在如今的 IT 職場大環境裏，對於許多剛入行的年輕人，或者很多尋求機會的開發者來説，外包公司或許也是求職過程中的一個繞不開的備選項。 今天這篇文章，我們先來聊一聊 IT 江湖裏經常被大家所提起的“四大軟件外

程序員 , 後端 , 前端

收藏 評論

sihaihande 頭像

漢得數字平台 - 告別集成煩惱！H-ZERO iframe 支持第三方系統 / AI 助手輕鬆接入

一、引言 在企業數字化進程中，“系統集成” 常常是繞不開的難題 —— 想在核心平台嵌入第三方工具，卻被跨應用交互卡殼；想給現有系統快速添加 AI 助手，開發成本又高。這些痛點不僅拖慢業務效率，更讓數字化升級 “卡脖子”。 而 H-ZERO 的 iframe 集成能力，正是為解決這些問題而來。無論是將第三方系統無縫融入自身平台，還是幫第三方系統快速接入 AI 助手，它都能以輕量化方式突破壁壘，讓集

iframe , 前端

收藏 評論

heiyanjing 頭像

HeiYanjing - CMS規範中require方法的簡易實現

簡單來説幾個步驟 讀取要加載的文件內容 執行文件內容 給執行後的結果包一層module外殼並返回 一個導出文件module.js module.exports = function () { return "hello world"; }; 引入這個導出文件index.js const hello = my_Require("./module.js"); console.log("

cms , require , 前端

收藏 評論

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（二）

前言 本文是 ahooks 源碼系列的第三篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 【解讀 ahooks 源碼系列】DOM篇（一） 本文主要解讀 useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover 源碼實現 useEventTarget 常見表單控件(通過 e

react , hooks , 前端 , Javascript

收藏 評論