前端

標籤

貢獻1,071

2800

06:37 AM · Oct 27 ,2025

tuzixiansen_63d4d65909d62 頭像

smileZAZ 頭像

opentiny 頭像

invalidnull 頭像

dirackeeko 頭像

beishangdejianjidan_cqxuxf 頭像

yayu 頭像

junxiudetuoba 頭像

jdcdevloper 頭像

icecreamlj 頭像

xixindehongjiu 頭像

@tuzixiansen_63d4d65909d62

暱稱兔子先森

Last seen
@smileZAZ

暱稱林恆

Last seen
@qaz666

暱稱可不簡單

Last seen
@opentiny

暱稱OpenTiny社區

Last seen
@invalidnull

暱稱註銷

Last seen
@dirackeeko

暱稱DiracKeeko

Last seen
@beishangdejianjidan_cqxuxf

暱稱悲傷的煎雞蛋_cQXuXF

Last seen
@yayu

暱稱冴羽

Last seen
@junxiudetuoba

暱稱伊伊DK

Last seen
@jdcdevloper

暱稱京東雲開發者

Last seen
@icecreamlj

暱稱一顆冰淇淋

Last seen
@xixindehongjiu

暱稱細心的紅酒

Last seen

@前端 / 博客 RSS 訂閱

caideheirenyagao 頭像

Feb 12 2019

菜的黑人牙膏 - React-flux雜記

簡介 Flux是一種搭建WEB客户端的應用架構，更像是一種模式而不是一個框架。特點單向數據流與MVC的比較 1.傳統的MVC如下所示（是一個雙向數據流模型）用户觸發事件 View通知Controller執行相關邏輯 Controller通知Modal需要數據 Modal返回數據給Controller Controller再通知View更新 2.前端中的MVC 因為前端中視

react , flux , 前端框架 , 前端 , Javascript

beishangdejianjidan_cqxuxf 頭像

Jan 05 2026

悲傷的煎雞蛋_cQXuXF - 沒想到，外包竟然成了我最長久的工作？！

兄弟們，聊個反常識的。我，一個前端碼農，在當前這個環境下，竟然在一家大廠的外包崗穩穩幹了快三年，而且這是我職業生涯裏幹得最久的一份工。説出來可能很多人不信。畢竟在程序員的“職業鄙視鏈”裏，外包好像總跟“不穩定”、“沒成長”、“打雜”掛鈎。三年前接這個offer時，我也沒想過能待這麼久，純粹是當時薪酬和平台不錯。但現在回頭看，它意外地精準匹配了我的核心需求。目標驅動，極度省心我

程序員 , 後端 , 前端

m_63573a116d2a5 頭像

Aug 28 2023

熊的貓 - 談談 H5 移動端適配原理

前言歡迎關注同名公眾號《熊的貓》，文章會同步更新，也可快速加入前端交流羣！ H5 移動端開發的必不可少的一個環節就是移動端網頁的適配，因為 UI 通常只會提供大小固定的設計稿，而各種不同移動設備具有不同的頁面分辨率和大小，所以適配的目的就是讓一份設計稿在不同移動設備上表現出一致性。雖然現如今各種插件都可以幫助我們快速配置完成，例如 lib-flexible、postcss-pxto

vue.js , chrome , 移動端適配 , 前端 , Javascript

maolinlaoshi 頭像

Dec 18 2024

貓林老師 - HarmonyOS鴻蒙開發 - 解決上下兩欄白邊 - 沉浸式效果

鴻蒙應用開發從入門到入行第九天 - 解決上下兩欄白邊 - 沉浸式效果預覽器上下兩欄白邊自從HarmonyOS升級到release版後，很多同學會問貓林老師：為什麼他的預覽器上下有白邊，為什麼明明根容器寫了寬高百分百但沒鋪滿。如下圖白邊原因其實上面的白邊，稱之為狀態欄。上面會放手機wifi信號、電池電量等信息。一般情況下我們不需要把應用中具有交互效果的界面延伸到上

harmonyos-next , 移動app , harmonyos , 前端

fannaodeshafa 頭像

Dec 01 2025

煩惱的沙發 - 免費 SSL 證書縮短至 90 天，你的運維成本還能hold住嗎

隨着網絡安全環境的變化，SSL 證書行業正在經歷一次深刻的調整。以 Google 為首的國際標準制定者及主流雲服務商，紛紛將免費 DV SSL 證書的有效期從 1 年縮減至 90 天，我懷疑是為了賣付費證書（bushi）。這一舉措雖然在理論上縮短了密鑰泄露的風險窗口，但在實際執行層面，卻給企業的運維管理帶來了顯著的弊端。一、管理成本的顯著增加對於擁有大量域名和服務器資產的企業而言，證書有效

ssl , ssl證書 , 後端 , 前端

lijinhuaboke 頭像

Jan 14 2026

此顏差矣。 - 高德地圖實現實時軌跡展示

Vue3 + 高德地圖(AMap) 實現平滑的實時軌跡回放與追蹤前言在物聯網、物流監控或安防調度系統中，實時展示設備（如無人機、車輛、手環）的移動軌跡是一個常見需求。如果僅僅是簡單的更新標記點位置，視覺上會出現“跳變”現象，體驗很不流暢。本文將分享如何在 Vue 3 項目中，利用高德地圖 (AMap) JS API 實現比較絲滑的實時軌效果。核心痛點平滑移動：點位更新時，Marke

landyliu 頭像

Feb 12 2019

前端哇發哈 - 大話css預編譯處理（二）安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

huashenjianlingshouhuni 頭像

Feb 17 2022

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明柱狀圖的圖例默認是圓點的，如圖要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

smileZAZ 頭像

Jan 22 2026

林恆 - 前端拖拽，看似簡單，其實處處是坑

🧑‍💻 寫在開頭點贊 + 收藏 === 學會🤣🤣🤣 拖拽功能是前端開發裏最常見的交互之一：從百度網盤的文件拖拽，到 Figma 的畫布操作，都離不開拖拽能力。很多人會覺得——拖拽不就是 mousedown + mousemove + mouseup 嗎？三行代碼就能搞定！但當你真正落地到生產環境時，坑點就會接踵而來： PC 和移動端事

jimodetiebanshao 頭像

Jan 08 2026

UXbot - 2026年AI原型設計工具篩選指南

在AI浪潮的推動下，產品原型設計正發生翻天覆地的變化。從傳統的手工繪圖，到如今只需輸入一句話便能自動生成完整頁面，AI原型工具已不再只是設計師的“輔助工具”，而是逐步成為產品團隊不可或缺的創作核心。2025年，眾多AI設計工具持續進化，在功能深度、智能化程度和協作體驗上日益出色。以下為大家推薦幾款今年尤為值得關注的AI原型工具，適配不同角色、場景與核心需求。在AI技術迅猛發展的浪潮下，產品原型設計

vue.js , 產品經理 , 原型 , 程序員 , 前端

smileZAZ 頭像

Feb 14 2026

林恆 - 為什麼 SVG 能在現代前端中勝出？

🧑‍💻 寫在開頭點贊 + 收藏 === 學會🤣🤣🤣 如果你關注前端圖標的發展，會發現一個現象：過去前端圖標主要有三種方案： PNG 小圖（配合雪碧圖） Iconfont SVG 到了今天，大部分中大型項目都把圖標系統全面遷移到 SVG。無論 React/Vue 項目、

3yya 頭像

Nov 30 2021

三眼鴨的編程教室 - 學廢了，JavaScript 中的作用域與作用域鏈

什麼是作用域？作用域定義了變量的可見性或可訪問性。大白話來説，就是一個變量能不能被訪問或引用，是由它的作用域決定的。在 JavaScript 中有三種作用域。全局作用域函數作用域（局部作用域）塊作用域 let globalVariable = "我是全局作用域下的變量" function func() { let localVariable = "我是局部作用域下的變量

vue.js , 作用域 , 作用域鏈 , 前端 , Javascript

yinzhixiaxue 頭像

Mar 15 2025

銀之夏雪 - Vue 3 vs Vue 2：深入解析從性能優化到源碼層面的進化

Vue.js 是當今前端開發中最受歡迎的框架之一。隨着 Vue 3 的發佈，它在性能優化、開發體驗、響應式系統、構建工具和熱更新等多個方面都帶來了巨大提升。本文將深入剖析 Vue 3 的進化，包括其源碼實現方面的優化，如 diff算法、靜態標記、編譯優化，以及 Vue 3 在熱更新、構建工具上的改進。 1. 性能提升：底層優化的革命 1.1 響應式系統的改進：從 Object.defineP

vue2 , vue.js , vue3 , 前端 , Javascript

xixindehongjiu 頭像

Nov 27 2025

細心的紅酒 - 小白必看！SSL證書類型掃盲：DV, OV, EV到底怎麼選？

當你決定為網站安裝SSL證書時，迎面而來的就是三個神秘的縮寫：DV、OV、EV。它們看起來很像，價格卻天差地別。別擔心，這篇文章將用最通俗易懂的方式，幫你徹底搞懂它們的區別，並告訴你如何根據自身情況做出最佳選擇。核心概念：驗證等級的不同這三種證書最根本的區別，在於證書頒發機構（CA）對申請者身份信息的驗證嚴格程度不同。你可以把它類比成我們生活中的三種證件： DV證書 ≈ “網上暱稱”

後端 , 前端

shawnphang 頭像

Sep 30 2022

茶無味的一天 - 面試官問我 JS 中 foreach 能不能跳出循環

當年懵懂無知的我被問到這個問題時，腦袋一片空白，因為我一度認為forEach可能只是為了方便書寫所創造出來的語法糖，在業務代碼中也經常使用，但沒有思考過它存在的問題，本文旨在記錄自己的心路歷程，拋磚引玉，如果對你有所幫助那就更好啦。那麼回到標題，首先forEach是不能使用任何手段跳出循環的，為什麼呢？繼續往下看。我們知道forEach接收一個函數，它一般有兩個參數，第一個是循環的當前元素，第

foreach , for循環 , 前端 , Javascript

shiqing_5e690563e48cc 頭像

Jun 12 2023

時傾 - sessionStorage 多 Tab 標籤頁數據“共享”

問題描述在 A 頁面設置一些 sessionStorage 數據，然後 a 標籤 _blank 方式打開另一個 tab B 頁面，發現 B 頁面有A 頁面的 sessionStorage 數據。問題原因不同 tab 頁面 sessionStorage 數據出現了 “共享”。 sessionStorage 為什麼會共享呢？下面看下 sessionStorage 的官方 MDN 介紹：頁面

sessionstorage , 前端 , Javascript

sunr 頭像

Jan 31 2026

小馬過河﹎ - 一些有用的javascript函數

作者：不愛喝橙子汁 /** * 類型檢測函數 * 為typeof關鍵字的增強版，可以準確判斷null，date類型 * 原理是使用V8引擎最初的toString方法觀察數據類型 * @author 不愛喝橙子汁 * @version 1.0.0 * @param {Object} obj 任意對象，例如null，undefined，date * @return {String}

susuhhhhhh 頭像

Oct 01 2021

用户bPcSPjP - 用css的transform屬性實現一個翻轉字符

本文將用rotateY為大家展示一個翻轉的字符 1.實現效果 2.transform介紹 transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。語法： transform: none|transform-functions; eg： transform:rotate(7deg); -ms-transform:rotate(7deg);

css3 , transform , hsl , HTML , 前端

sailCoding 頭像

Nov 15 2025

bug糕手 - 純HTML + CSS + JS 實現Popup彈窗

在 Web 開發中，彈窗（Popup）是一種極其常見的交互組件，廣泛用於：表單提交確認刪除操作二次確認登錄/註冊入口信息提示或警告雖然現在有大量 UI 框架（如 Element UI、Ant Design、Bootstrap）提供現成的彈窗組件，但理解其底層實現原理，不僅能讓你在無框架環境下快速構建功能，還能加深對 DOM 操作、事件處理和 CSS 佈局的理解。本文將基於你

sysu_xuejia 頭像

Jun 12 2016

陳學家_6174 - 精益 React 學習指南（Lean React）- 3.1 redux 介紹

書籍完整目錄 3.1 開始使用 redux 前面我們介紹了 flux 架構以及其開源實現 redux，在這一節中，我們將完整的介紹 redux: redux 介紹 redux 是什麼 redux 概念 redux 三原則 redux Stores redux Action

react , flux , redux , leanreact , 前端

patrick_5e38db294d0cb 頭像

Jul 03 2020

魚不想説話 - JavaScript模塊化-AMD

最近寫一個小遊戲的時候用的是RequireJs構建項目，順便補了一下RequireJs，下面講解一些基礎和進階的用法。 AMD AMDAsync Module Definition代表的意思為異步模塊定義，是Javascript模塊化的瀏覽器解決方案，它採用異步的方式加載模塊，模塊的加載不影響它後面語句的運行。所有依賴這個模塊的語句，都定義在回調函數中，等到加載完成之後，這個回調函數才會運行。

amd模塊加載 , 模塊化 , require , 前端 , Javascript

xcold 頭像

Feb 12 2022

xcold - 更優雅地用 JS 進行 “IPC” 調用，我寫了 event-invoke 庫

背景團隊最近有一個 Node.js 全新的模塊需要開發，涉及多進程的管理和通訊，簡化模型可以理解為需要頻繁從 master 進程調用 worker 進程的某些方法，簡單設計實現了一個 event-invoke 的庫，可以簡單優雅進行調用。 Node.js 提供了 child_process 模塊，在 master 進程通過 fork / spawn 等方法調用可以創建 worker 進程並獲取其

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

chengxuyuanyouyage 頭像

Nov 25 2022

程序員優雅哥 - 開箱即用yyg-cli：快速創建 vue3 組件庫和vue3 全家桶項目

1 yyg-cli 是什麼 yyg-cli 是優雅哥開發的快速創建 vue3 項目的腳手架。在 npm 上發佈了兩個月，11月1日進行了大升級，發佈 1.1.0 版本：支持創建 vue3 全家桶項目和 vue3 組件庫項目。具體如下： vue3 全家桶項目使用 yyg-cli 創建的 vue3 全家桶項目，底層基於優雅哥編寫的開源項目 vue3-vite-archetype，默認整合如下庫： -

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

smileZAZ 頭像

Feb 08 2026

林恆 - 老闆：能不能別手動複製路由了？我：寫個腳本自動掃描

🧑‍💻 寫在開頭點贊 + 收藏 === 學會🤣🤣🤣 起因週五快下班，老闆過來看權限配置頁面。 "這個每次都要手動輸路徑？" "對，現在是這樣。"我打開給他看：角色：運營專員路由路徑：[手動輸入] /user/list 組件路徑：[手動輸入] @/views/user/List.vue "上次運營配錯了，/user/list 寫成 /user/lists，頁面打不開