tag 前端

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

@前端 / 博客 RSS 訂閱

xiaoqianduan_58b28cfebff36 頭像

null仔 - 用Vue.js寫一個命令行貪吃蛇遊戲

前言 大家好,我是webfansplz.本文要分享的是如何使用Vue.js實現一個命令行貪吃蛇遊戲(temir-snake-game).對於貪吃蛇遊戲想必大家都不陌生了,使用Vue.js實現一個Web版的貪吃蛇遊戲似乎沒什麼難度,那如果是命令行版的呢?是不是你會對它的實現原理感興趣呢?讓我們開始吧! 安裝 npm install temir-snake-game -g 開始遊戲 在終端窗口運行te

vue.js , github , 前端工程師 , terminal , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] 類 class入門使用

class是用於創建對象的模板。 (在js中構造函數也能批量創建對象，要注意函數有聲明提升，而類沒有聲明提升，必須先定義類，在創建類的實例) 定義Animal類。類也是一個函數。 typeof(Animal) // function 對一個類本身來説，要注意以下四點: 1、構造函數constructor，這個函數用户在創建實例的時候傳入參數。(new Ani

類 , class , 前端 , Javascript

收藏 評論

huaweicloudopensource 頭像

華為雲開源 - 喜訊 | 華為雲多個開源項目通過信通院可信認證

2023年12月21日，由中國信息通信研究院主辦的《2024中國信通院ICT深度觀察報告會》開源和軟件供應鏈分論壇上重磅發佈了可信開源評估結果。 華為雲共計3個開源社區、5個開源項目通過可信開源社區、可信開源項目認證，其中，三個開源社區：KubeEdge、Karmada、Volcano在社區運營、社區治理與社區開發能力方面均獲得了先進級評級。 3大開源社區通過可信開源社區4大專項測評，獲先

社區 , 時序數據庫 , 開源 , 雲原生 , 前端

收藏 評論

cheng_5a90d02685a12 頭像

云溪 - 通俗易懂的this指向總結

this指向是工作和麪試中經常會遇到的問題。 根據個人理解，簡單從3個方面來總結一下this的指向問題。 1. this指向的結論 1. 若是全局函數，並且沒有直接調用它的對象，沒有嚴格模式，則默認指向全局 window或global 2. 若是全局函數，並且沒有直接調用的對象，嚴格模式下，this指向undefined 3. 箭頭函數的this，是在函數定義時根據上下文函數決定的

箭頭函數 , this的用法 , this , 前端 , Javascript

收藏 評論

hiisea 頭像

hiisea - Elux-從"微前端"到“微模塊”

前言：作為“前端微模塊”這個概念有點新，之前雖然也有人提過這個詞（可百度），但都只是簡單的將其等同於動態加載模塊，並沒有賦予其更大的意義，好像也沒有看到具體的落地方案。小弟也是突發奇想，摸着石頭過河，想和大家討論一下“前端微模塊”會不會成為一片廣闊的天空？ 微前端夠用嗎？ 從產品的角度 某個大型應用包含A,B,C,D,E,F,G等若干功能，原來一直是整體打包出售... 隨着用户需求的多樣化，有的用

前端架構 , 前端框架 , 微前端 , typescript , 前端

收藏 評論

u_16213650 頭像

mob64ca14085c24 - javafx css內陰影innershadow

css中可以寫陰影的屬性有：字體陰影(text-shadow)、盒陰影(box-shadow)、陰影(filter:drop-shaddow)。接下來帶大家一起來學習這些屬性的用法和要點。 盒子陰影(box-shadow) 語法：box-shadow: 水平偏移(px),垂直偏移(px),陰影模糊度(px),陰影大小(px),陰影顏色值,內陰影（inset）;

網頁製作 , 後端開發 , box-shadow , JAVA , Css , 陰影 , 前端

收藏 評論

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

收藏 評論

http_wenwen 頭像

波羅丁的菠蘿 - hash路由原理

hello大家好，今天我們來分享一下hash路由的原理。我們不管什麼vue還是react的框架，不要太在意框架，直接來看hash路由是怎麼實現的。 原理：onhashchange hash路由是使用了onhashchange事件來實現的。我們先新建一個頁面，hashchange.html，快速創建一個頁面。然後啓動一個靜態服務，輸入http-server，執行，然後訪問，這個可以看到我們的頁面了，

route , 路由 , router , 前端

收藏 評論

pugongyingxiangyanghua 頭像

蒲公英想養花 - 自定義組件（原創）——組合Ccombine

本組件中使用到了iview的Icon，可以在全局安裝了Iview的項目或者局部引入了Icon的頁面中自由使用。 目錄 效果展示 功能描述 結構代碼 邏輯代碼 組件應用 事件鈎子 github 效果展示 從左到右分別是：未選中狀態、鼠標懸浮、選中、添加組合按鈕 功能描述 添加/刪除組合 單擊聚焦組合 雙擊修改組合名字 切換下一個組合或者新增組合時上一個

組件設計 , vue.js , stylus , iview , 前端

收藏 評論

hellotech 頭像

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司，定位這種基礎能力是深度融入在各業務的核心鏈路中的，筆者所在的地圖團隊經常會收到定位相關的badcase，但苦於定位的複雜與較難回收出價值，一直沒有針對性去解決此類問題，那在各大互聯網廠商都在做下沉市場注重用户體驗的今天，我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置，會給用户提示並阻塞發單，用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

收藏 評論

wanhuabandemayi 頭像

Zoey的筆記本 - 集成產品開發（IPD）全指南：核心優勢、自動化IPD工作流工具推薦

一、IPD：重新定義產品開發模式 集成產品開發（Integrated Product Development，簡稱IPD）是一套系統性的產品開發管理理念與方法論。它起源於20世紀80年代的美國，由IBM、波音等大型科技和製造企業率先實踐，隨後華為在1999年引入併成功本土化，使其在中國企業界廣為人知。 IPD的核心思想是通過跨部門協作、結構化流程和基於市場需求的決策，將產品開發從傳統的“技術驅動”

教程 , 知識 , 前端

收藏 評論

defanqie 頭像

門思科技 - LoRa 物理層核心參數詳解：SF、BW、CR 與 LDRO 如何決定通信距離與功耗表現

一、LoRa 物理層為何能實現超遠距離通信 在低功耗廣域網（LPWAN）技術體系中，LoRa 的突出優勢並不來自高帶寬或高數據速率，而是通過犧牲傳輸效率換取極高的接收靈敏度。 這一能力並非單一參數決定，而是由多項物理層參數協同作用的結果。其中，SF、BW、CR 與 LDRO 構成了 LoRa PHY 層最核心的調節手段。 理解這些參數的工作原理，是進行鏈路預算評估、通信距離優化以及功耗控制的

前端

收藏 評論

beishangdebanma 頭像

悲傷的斑馬 - GreatSQL優化技巧全解析：從硬件配置到查詢優化，解鎖數據庫性能新高度

在數據庫性能優化領域，GreatSQL憑藉其強大的優化器與MGR（Group Replication）集羣能力，成為企業級應用的首選。本文將從硬件配置、操作系統調優、MGR集羣優化、查詢優化器特性四大維度，深度解析GreatSQL的性能提升策略，助力開發者突破性能瓶頸。 一、硬件配置：奠定性能基石 CPU與內存：核心性能驅動 CPU選擇：優先採用高主頻多核處理器（如Xeon Plat

前端

收藏 評論

apifox 頭像

Apifox - 如何使用mock.js實現接口測試的自動化？

Mock.js 基礎用法介紹 Mock.js是一個常用於生成隨機數據和攔截Ajax請求的JavaScript庫。本文將介紹Mock.js的用法，包括安裝和基礎用法，在開始前我們可以看下看：瞭解 Mock.js 的語法規範。 安裝 可以通過npm安裝Mock.js： npminstallmockjs 基礎用法 隨機生成一個用户信息 使用Mock.js可以很方便地生成隨機數據。下面的示例中，每個用户信

vue.js , mock.js , mock , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 導入 excel xlsx 時，單元格內容值丟失前面0解決方法

vxe-table 導入 excel xlsx 時，單元格內容值丟失前面0解決方法，不如到出數據為 "003200" ，導出到 xlsx 時，由於 xlsx 會自定義格式化數字，所以 0 就沒了；解決方法就是知道為字符串類型，可以通過 column.cell-type 設置 查看官網：https://vxetable.cn gitbub：https://github.com/x-extend

前端

收藏 評論

caideheirenyagao 頭像

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

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

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

收藏 評論

m_63573a116d2a5 頭像

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

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

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

收藏 評論

maolinlaoshi 頭像

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

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

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

收藏 評論

fannaodeshafa 頭像

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

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

ssl , ssl證書 , 後端 , 前端

收藏 評論

landyliu 頭像

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

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

sass , less , stylus , Css , 前端

收藏 評論

huashenjianlingshouhuni 頭像

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

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

vue.js , highcharts , 前端 , Javascript

收藏 評論

3yya 頭像

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

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

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

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - 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 頭像

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

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

後端 , 前端

收藏 評論