tag 前端

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

@前端 / 博客 RSS 訂閱

fenanjiu 頭像

南玖 - 漸進式圖片加載：提升前端用户體驗的藝術

前言 關於前端的性能及體驗問題，圖片的加載絕對是重中之重，尤其是在一些有着許多大圖的頁面，在網絡不穩定或稍慢的時候，我們經常能夠看到頁面中圖片的位置是一片空白，等圖片加載完成才開始慢慢渲染，在這段時間對用户的體驗其實是非常不友好的。 那麼我們應該如何來進行優化呢？ 大家想説的是不是：把圖片壓縮一下不就好了？是的，圖片壓縮是我們前端開發過程必備的一步，但是光靠圖片壓縮並不能解決所有的圖片體驗問題，有

性能優化 , 圖片處理 , 用户體驗 , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 免費一年SSL證書，在哪裏申請

在SSL證書領域，有效期長短直接影響維護成本。Let's Encrypt的90天證書雖免費但續期頻繁，而付費證書又成本高昂。一年期免費證書恰好平衡了兩者：足夠長的有效期減少維護頻率，完全免費降低運營成本。本文將為您揭示在哪裏、如何獲取這樣的優質資源。 一、核心申請渠道概覽 以下是主流一年期免費證書提供商對比： 提供商 證書類型 支持域名 自動續期 特別優勢 JoySSL DV單域名

後端 , 前端

收藏 評論

muleblue 頭像

慕樂丶Blue - vue2jsx遇到的小坑

最近在公司的代碼中遇到的一些坑,目前公司代碼質量有點蛇皮..(組件套組件被套用的組件只是一個表單,翻來翻去就為了看個破錶單...)雖然不是我寫的,但是在維護上確實有點麻煩... 索性直接用jsx抽個表單. 依賴: "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0", "@vue/babel-preset-jsx": "^1.4.0", "elemen

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

收藏 評論

jdcdevloper 頭像

京東雲開發者 - Taro：高性能小程序的最佳實踐 | 京東雲技術團隊

前言 作為一個開放式的跨端跨框架解決方案，Taro 在大量的小程序和 H5 應用中得到了廣泛應用。我們經常收到開發者的反饋，例如“渲染速度較慢”、“滑動不夠流暢”、“性能與原生應用相比有差距” 等。這表明性能問題一直是困擾開發者的一個重要問題。 熟悉 Taro 的開發者應該知道，相比於 Taro 1/2，Taro 3 是一個更加註重運行時而輕量化編譯時的框架。它的優勢在於提供了更高效的代碼編寫方式

小程序 , taro , 前端

收藏 評論

u_14273 頭像

charlesc - SpringBoot三種獲取Request和Response的方法

Spring Boot Web上下文工具類詳解：獲取Request、Response和參數 工具類概述 這個CommonServletUtil工具類提供了在Spring Boot應用中便捷地獲取Web上下文相關對象的方法，包括HttpServletRequest、HttpServletResponse以及從多種來源獲取參數值。 功能特點

Spring Boot , spring , Css , 前端開發 , 後端 , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 面試官：如何解決按鈕重複點擊？這個問題掛了80%的人！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前言 還記得上週我們團隊在招聘前端工程師，一個看起來經驗豐富的候選人坐在我對面。 "你們項目中是如何處理按鈕重複點擊的問題的？"我拋出了這個看似簡單的問題。 "這個簡單，使用防抖就可以了。"他很快回答。 然而，當我繼續追問細節時，他卻陷入了沉思... 實際上，這個問題看似簡單，但是要真正的解決好，需要考慮

前端

收藏 評論

xiahl 頭像

xiahl - AgGrid應該是最好的表格工具了！！！

hs-vue3-framework HS Vue3 AgGrid 簡介： HS Vue3 Framework + AgGrid 組合 在線地址 hs-vue3-AgGrid TODO 分頁欄 表頭欄

table , vue3 , typescript , 前端

收藏 評論

_6085362b65292 頭像

HZFEStudio - Babel 的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 Babel 是什麼 Babel 有什麼用 壓縮代碼如何實現 回答關鍵點 JS 編譯器 AST 插件系統 Babel 是 JavaScript 編譯器：他能讓開發者在開發過程中，直接使用各類方言（如 TS、Flow、JSX

ast , 壓縮工具 , 前端工具 , babel , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 2025年CRM選型全景圖：國內外主流系統深度橫評

2025CRM選型全景圖：國內外主流系統深度橫評 一、引言：數字化深水區，CRM 成企業增長 “關鍵變量” 2025 年，企業數字化轉型進入 “價值兑現期”，客户關係管理（CRM）系統已從 “可選工具” 升級為 “增長基礎設施”。客户全生命週期的精細化運營，成為企業穿越競爭週期的核心能力。據 Gartner 最新數據，2025 年全球 CRM 市場規模將突破 920 億美元，年複合增長率維持 11

前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [leetcode] 0092反轉鏈表2 js實現 圖解

/* 給你單鏈表的頭指針 head 和兩個整數 left 和 right ，其中 left = right 。請你反轉從位置 left 到位置 right 的鏈表節點，返回 反轉後的鏈表 。 */ 前置知識： lc0206 反轉鏈表 Lc0092這題的的思路和206題的反轉鏈表一樣，難在操作。 先貼代碼 拿上示例，來看圖解 1、首先是拼接上dummy，最終返回dummy

leetcode , 鏈表 , 前端 , Javascript

收藏 評論

liuhh 頭像

liumang - 騰訊地圖實現點擊marker彈複雜窗口

實現效果 存在問題 InfoWindow採用騰訊地圖官方案例,實現複雜的界面會比較複雜，而且不利於維護。 代碼實現 前端代碼 div class="screen-map-container" div id="tencentMapContainer" class="screen-bm-view"/div div ref="customOverlay" class="mapItemI

彈窗 , vue3 , marker , 騰訊地圖 , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 為什麼不讓程序員直接對接客户？而是通過產品經理…

一、那些年，我們"撞過"的客户南牆 先説個真實故事。 我剛從機械專業轉行做嵌入式開發那會，公司接了個工業控制項目。當時團隊小，沒有專門的產品經理，老闆直接讓我和另外兩個開發跟客户對接需求。 那天會議室裏，客户代表滔滔不絕："我們需要一個簡單的控制系統，界面做得好看點，操作要簡單，最好點一下就能完成所有功能。對了，還要能實時監控所有設備狀態，要有報警功能，要能遠程控制，要......" 我和同事一邊

程序員 , 後端 , 前端

收藏 評論

i_62f4ad94a52ca 頭像

用户bPc1FjG - Java8(JDK1.8)新特性

一、Java8(JDK1.8)新特性 1、Lamdba表達式 2、函數式接口 3、方法引用和構造引用 4、Stream API 5、接口中的默認方法和靜態方法 6、新時間日期API 7、OPtional 8、其他特性 二、java8（JDK1.8）新特性簡介 1、速度快； 2、代碼少、簡介（新增特性:lamdba表達式）； 3、強大的Stream API； 4、使用並行流和串行流； 5、最大

jdk18 , java8 , jdk8 , typescript , 前端

收藏 評論

hello888 頭像

洛陽醉長安行 - TypeScript + Map實現一個公共數據管理模塊DataMap

在大型中後台項目開發中，尤其是在使用React進行開發時，我們會遇到很多下拉框數據、多選框數據、或者編碼中多處使用到的業務型公共映射表。為了便於維護，可以把這些數據都集中放到一個模塊中，而不是分散的寫在各個地方。 實現思路 我們定義一個IMapExtra接口擴展一下Map實例，建立兩個類MapExtra和DataMap，MapExtra是為了在使用數據時更方便獲取Map類型數據。最後把map（數據

map , typescript , 前端

收藏 評論

smileZAZ 頭像

林恆 - 關於地圖渲染加20w數據展示和地圖動畫怎麼做

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 項目背景 公司需要將全年設備安裝量通過旗幟的形式展示在全國地圖上，實現數據可視化大屏。主要技術挑戰： 數據量大：全年設備安裝數據約20萬條 實時更新：通過WebSocket實時接收數據 動畫效果：需要展示數據逐條添加的動態效果 性能要求：需要保持60fps的流暢動畫 一、初始實現與

前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 如何實現拖拽行數據排序，並對拖拽後進行提示框二次確認是否允許拖拽

vxe-table 如何實現拖拽行數據排序，並對拖拽後進行提示框二次確認是否允許拖拽，通過 row-drag-config.dragStartMethod 可以自定義處理拖拽開始時的拖動 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-ext

前端

收藏 評論

yolindeng 頭像

YoLinDeng - 微信小程序內嵌H5頁面，完成微信支付閉環

前言 本文介紹如何在小程序中內嵌H5，並完成微信支付的整個流程閉環。我們知道微信H5支付是通過生成特定的支付鏈接，並跳轉到這個鏈接去完成支付操作的。但在微信小程序中對於內嵌的頁面域名具有白名單限制，如果支付鏈接是第三方的無法做加白處理。 這個時候我們就得換個思路了，該怎麼解決呢？咱們往下看。 實現過程 小程序入口 在微信小程序中新建一個頁面，使用web-view組件作為內嵌H5的入口，由於後續支付

微信小程序 , 支付 , 前端

收藏 評論

mofaboshi 頭像

魔法博士 - 前端算法題的修煉等級

縱觀大廠的前端算法題，有難有易，下面就難度等級劃分為幾個類型供大家參考。 1. 熟練掌握語言的基本語法以及常用函數的基本用法（1星難度） 展開一個數組，數組最多二維：[[1,2],[3,4]] = [1,2,3,4] 解答：主要考察spread運算符以及數組的concat用法。 function flatten(arr) { return [].concat(...arr); } 2. 使

遞歸 , 算法 , currying , 前端

收藏 評論

yayu 頭像

冴羽 - 10 個 Nano Banana Pro 專業級生圖技巧

前言 如果你已經學會： 免費使用 Nano Banana Pro： 6 個白嫖 Nano Banana Pro 的網站 使用提示詞庫復刻驚豔圖片：一次找齊！1000 個 Nano Banana Pro 提示詞 學會如何自己寫提示詞：Nano Banana Pro 很強，但你要學會寫提示詞才能隨心所欲 本篇我們再分享 10 個技巧，幫助你將生成的圖片直接達到生產級別。 本篇主要內容整理自

gemini-pro , aigc , 人工智能 , nano-banana-pro , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - forEach和map的異同

forEach和map都是用於迭代集合或數組的方法，但是forEach和map的主要區別在於它們的返回值和使用方式。 不同點： forEach方法是沒有返回值的，它只是對集合或數組進行迭代和操作。 map方法會返回一個新的數組，該數組包含通過對原始數組中的每個元素應用一個函數處理後得到的結果。 相同點： 兩者都可以用於遍歷集合或數組中的每個元素進行操作。 兩者都可以通過傳遞一個回調函

循環 , foreach , map , 前端 , Javascript

收藏 評論

mataotao 頭像

風徹 - Session

Session Cookie 和 Session 區別與聯繫 由於HTTP協議是無狀態的協議，所以服務端需要記錄用户的狀態時，就需要用某種機制來識具體的用户，這個機制就是Session。 典型的場景比如購物車，當你點擊下單按鈕時，由於HTTP協議無狀態，所以並不知道是哪個用户操作的，所以服務端要為特定的用户創建了特定的Session，用用於標識這個用户，並且跟蹤用户，這樣才知道購物車

localstorage , cache-control , 前端 , Javascript , session

收藏 評論

u_12190 頭像

藍月亮 - Spark SQL 字符串函數彙總

文章目錄 前言 驗證SQL代碼 函數分解詳解 1. SEQUENCE函數 2. FILTER函數 3. SIZE函數 實際應用示例 場景1: 單個字符差異 場景2: 多個字符差異 實際應用

spark , 數據 , 後端開發 , SQL , 前端 , Python

收藏 評論

shishangdelianpen_cc7e4y 頭像

時尚的臉盆_cC7e4Y - 家庭眾多場景

11月摩根士丹利新發布的一份研究報告中預測，蘋果這家行業巨頭正在逐步推進他們的人形機器人計劃，想要打造下一個超級增長引擎；結合此前8月份彭博社等財經媒體的相關報道，機器人市場可能真的要在不久的將來迎來蘋果這頭“巨鯨”了。 蘋果為什麼要在此時開始加速下注機器人賽道？ 行業的熱度自然是最顯要的背景，而對蘋果自身來説，驅動它進軍機器人領域的自身動力也在這個時間點上異常的大---- 長達15年的庫克掌舵時

前端

收藏 評論

u_16099226 頭像

雲端夢想實現家 - Web前端大作業—個人網頁(html+css+javascript)我的家鄉新密 (15頁)含課程設計_html網頁設計的技術博客

JavaScript 條件語句與循環語句詳解 條件語句 JavaScript 中的條件語句用於根據不同的條件執行不同的代碼塊。常見的條件語句包括 if...else、switch 等。 if...else 語句 if...else 是最基本的條件控制結構，語法如下： if (condition) {

開發語言 , JAVA , 條件語句 , 前端開發 , 前端 , Javascript

收藏 評論