tag 前端

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

@前端 / 博客 RSS 訂閱

nanian_5cd6881d3cc98 頭像

那年 - vue+jest 項目中的單測，持續更新..

剛開始接觸jest， 原理api啥的網上一堆，僅自己寫項目記錄下，有問題可以留言一起學習 emit事件 頁面： handleClose() { this.$emit('update:isShow', false) }, jest： test('handleClose', () = { wrapper.vm.handleClose() expect(wrap

vue.js , 自動化測試 , jest , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 嵌入 WebAssembly 運行時和實例化 WebAssembly 模塊的幾大要素

下面這段代碼忽略了錯誤處理機制，介紹瞭如何在 Go 語言開發的宿主程序中嵌入 WebAssembly. func createWasmVM(code []byte) { engine := wasmtime.NewEngine() module, _ := wasmtime.NewModule(engine, code) store := wasmtime.NewStore

ecmascript-6 , webassembly , 前端 , html5 , Javascript

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中，我們修改了數據，所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子，本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - CRM + 進銷存 + 供應鏈全維度 PK：17 大主流品牌功能架構與場景適配性深度解析

CRM + 進銷存 + 供應鏈全維度 PK：17 大主流品牌功能架構與場景適配性深度解析 在企業數字化轉型進入“深水區”的今天，單一 CRM 工具已無法滿足全鏈路需求——企業需要的是“CRM管客户、銷售管流程、進銷存管庫存、供應鏈管協同”的一體化解決方案。本文選取超兔一體雲、Salesforce、 SAP 、金蝶、用友、Zoho、有贊等17個主流品牌，圍繞CRM管理、銷售管理、進銷存、供應鏈四大核

前端

收藏 評論

u_16099220 頭像

數碼精靈abc - cordova入門基礎教程及使用中遇到的一些問題總結_javascript技巧

適用場景： App 啓動後白屏、不渲染 Web 內容。 頁面偶發白屏、資源加載失敗，卻難以復現。 想在 HarmonyOS 設備上像在瀏覽器那樣調試 Web（查看 console、Network 等）。 從 ArkTS + Cordova + ArkWeb 三層，構建一套可落地的

加載 , Css , 前端開發 , HTML , 前端 , Web

收藏 評論

winnn 頭像

Winn - 使用炫酷的vue動畫庫，輕鬆給網站上大分

關於vue的動畫庫有很多，但今天我只分享兩個，GSAP和Vue-Lottie是個人認為目前功能比較強大的動畫庫。 1、GSAP 地址：https://greensock.com GSAP全稱為GreenSockAnimationPlatform，是一個從flash時代一直髮展到今天的專業動畫庫。來看一下如何在vue項目中使用： 和其他動畫庫一樣，你可以使用npm或cdn等方式去安裝，安裝和使

vue.js , 動畫 , 網站開發 , 前端 , html5

收藏 評論

gqkmiss 頭像

月恆 - CSS 小技巧 —— CSS 實現 Tooltip 功能-鼠標 hover 之後出現彈層

CSS 小技巧 —— CSS 實現 Tooltip 功能-鼠標 hover 之後出現彈層 1. 兩個元素實現 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" title純 CSS 實現 Tooltip 功能-鼠標 hover 之後出現彈層/title style *{ padding: 0;

css3 , css技巧 , tooltip , 前端

收藏 評論

o2team 頭像

凹凸實驗室 - 招聘 | Taro 團隊招人啦！

Taro 團隊招人啦！我們是一支熱愛開源和創新的團隊，不斷探索新技術、新體驗和新突破。我們正在尋找對前端開發充滿熱情的工程師，加入我們的 Taro 項目團隊。如果你對跨平台應用開發充滿激情，並具備以下技能和經驗，我們熱切期待你的加入！ 工作職責 參與 Taro 框架開發，同時在跨端和全棧等技術方向攻克難題； 參與跨團隊合作，完成整體項目規劃、設計和開發工作，同時參與項目組件開發、平台優化和業

開源 , taro , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 項目啓動報錯node:events:485 的解決方法以及報錯問題排查思路

錯誤分析 1、報錯結果 Error: spawn E:\xxx\xxx\node_modules\.pnpm\esbuild@0.11.3\node_modules\esbuild\esbuild.exe ENOENT 路徑中明確顯示了 esbuild@0.11.3，這告訴我們系統試圖訪問的是這個特定版本。 2、spawnargs 參數中的版本信息 spawnargs: [ '--service

react , vue.js , vite , 前端 , html5

收藏 評論

layouwen 頭像

Avan菜菜 - Windows在git-bash安裝zsh

前言 博主現在已經轉 mac 用户。但是因為家裏的台式機是是 win 裝黑果遇到各種問題，最終還是放棄在家使用 mac 環境。 但是又用習慣了 zsh 的各種插件。所以開始琢磨如何在 win 中使用一套舒適的環境。 最開始我是使用 wsl 中的 linux 環境安裝 zsh。但畢竟屬於子系統，很多環境是不共享。因為我是一名前端工程師，當做桌面程序開發的時候。在 wsl 需要另外配一套環

oh-my-zsh , terminal , zsh , 後端 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 構建動態交互式H5導航欄：滑動高亮、吸頂和錨點導航技巧詳解

功能描述 產品要求在h5頁面實現集錨點、吸頂及滑動高亮為一體的功能，如下圖展示的一樣。當頁面滑動時，內容區域對應的選項卡高亮。當點擊選項卡時，內容區域自動滑動到選項卡正下方。 佈局設計 css 佈局 為了更清晰的描述各功能實現的方式，將頁面佈局進行了如下的拆分。 ★ 最外層的元素定義為 contentWrap，是使用 Intersection 定義的觀察根元素。 ★ 所有可縱向滑動的元素包

導航欄 , 錨點 , h5頁面 , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - @ngrx/router-store 在 SAP 電商雲 Spartacus UI 開發中的作用

標題：@ngrx/router-store 的作用 官網 用於將 Angular Router 與 Store 連接的綁定。 在每個路由器導航週期中，會分派多個動作，讓您可以監聽路由器狀態的變化。 然後，您可以從路由器的狀態中選擇數據，為您的應用程序提供附加信息。 安裝： npm install @ngrx/router-store --save 之後，在 package.json 會出現一個依賴

angular , route , router , typescript , 前端

收藏 評論

aerfazhe 頭像

阿爾法哲 - 防止跨站腳本攻擊（XSS）（完整版HTTP安全響應頭-CSP）

一、CPS簡介 Content-Security-Policy（CSP，內容安全策略）是一種由瀏覽器實施的安全機制，用於防止跨站腳本攻擊（XSS）、數據注入攻擊和點擊劫持等常見 Web 安全威脅。 它通過白名單機制控制網頁可以加載和執行哪些資源，從而有效減少惡意代碼的執行機會。 二、核心作用 1、防止 XSS 攻擊 禁止內聯腳本執行，限制腳本只能從可信域名加載，即使攻擊者注入惡意腳本，也無法執行。

前端

收藏 評論

kuaishouzhongxue 頭像

快手中學 - 快手技術嘉年華 | 與你漫遊技術星辰大海

從天“碼”行空到產品落地，需要幾步？ 億級產品背後，需要怎麼樣的團隊做技術支持？ 快手“頂流”背後的技術難題，又是如何解開的呢？ 10月16日至17日，“快手技術嘉年華”如約而至，為你解答快手技術背後的秘密。來自清華大學、北京大學、中國科學院計算技術研究所、中國科學院自動化研究所、中國科學院大學、北京郵電大學、北京航空航天大學、北京理工大學、北京交通大學等全國十餘所高校的近千名同學來到快

coffeescript , node.js , typescript , 前端

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - console的隱藏知識點，你get到了嘛？

常見用法 console.log( ) | info( ) | debug( ) | warn( ) | error( ) console.log("console log") console.info("console info") console.debug("console debug") console.warn("console warn") console.error("conso

console , 調試 , 前端 , html5 , Javascript

收藏 評論

wynectar 頭像

忘憂N - 【交互式天氣儀表盤】項目帶你快速瞭解 SVG 知識

本文目標 通過此項目來完成 SVG 的基礎學習 完成此項目，會對 SVG 有個清晰的認識並能繪製出一些簡易及稍微複雜的圖案 工具 SVG 在線編輯器 SVG 在線編譯器 文檔 SVG 參考手冊 MDN 學習參考 SVG 基礎 SVG，可縮放矢量圖形（Scalable Vector Graphics），是一種用於描述二維圖形的 XML 標記語言。 SVG 常見屬性 SVG 不

vue.js , 知識 , 前端 , svg

收藏 評論

qaz666 頭像

可不簡單 - vue 甘特圖 vxe-gantt table 任務條可拖拽左右調整日期

vue 甘特圖 vxe-gantt table 任務條可拖拽左右調整日期 查看官網：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 效果 代碼 通過設置 task-bar-config.resize 啓用

前端

收藏 評論

chen_aaron 頭像

晚安啦 - 五個好用的Hooks

React.js 目前是前端開發人員十分流行的 JavaScript 庫。它由 Facebook 發明，但作為開源項目提供給世界各地的開發人員和企業使用。 React 真正改變了我們構建單頁面應用程序的方式，其中最大的特點之一是函數組件的應用。Hooks 是19年推出的，使我們能夠在處理狀態時使用函數組件而不是基於類的組件。除了內置的 hooks 外，React 還提供了實現自定義 hooks 的

react , hooks , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 那把綠色的小鎖：信任與安全的視覺象徵

那把綠色的小鎖：不只是個圖標，而是信任與安全的基石 當我們在互聯網上衝浪時，瀏覽器地址欄裏的那把綠色的小鎖已經成為一個無處不在的符號。但您是否曾停下來思考過，它究竟意味着什麼？它遠不止是一個簡單的裝飾圖標，而是您與網站之間建立安全連接的可視化保證，是現代網絡安全的信任基石。 一、小鎖的“雙重身份”：加密與認證 這把小鎖代表了兩層核心含義： 身份認證 它首先告訴你：“你訪問的正是你想要訪問的網站，而

後端 , 前端

收藏 評論

maliang_bojue 頭像

馬良 - Web 組態編輯器（更新）

分享一款基於angular8開發的web組態編輯器：Demo(Tag0.1.0) 目前已經支持特性： 拖拽：創建組態，佈局 項目管理 頁面管理：增加，刪除 屬性綁定：樣式屬性，靜態數據 快捷操作：佈局，刪除，拷貝，粘貼 樣式複製 預覽 服務端支持（目前僅支持node.js開發中） 項目截圖： GitHub 地址 目前開源版本功能服務端已經完成，https://gith

angular2 , 前端 , Javascript

收藏 評論

junxiudetuoba 頭像

伊伊DK - 線下陪陪系統搭建教程：UniApp 前端 + TP6 後端全棧實現（源碼可直接部署）

在同城服務、技能陪伴（健身搭子、學習監督、遊玩同行等）賽道持續升温的當下，一款高效穩定的線下陪陪系統小程序能快速搶佔市場紅利。 一、前言：為什麼選擇 UniApp + TP6 技術棧？ 在開發線下陪陪系統前，先明確技術選型的核心邏輯 —— 兼顧「開發效率、跨端兼容、商用穩定性」： UniApp：一套代碼兼容微信小程序、App、H5 等多端，無需重複開發，尤其適配小程序場景的交互設

php , 後端 , 前端

收藏 評論

yayu 頭像

冴羽 - Nano Banana Pro 很強，但你要學會寫提示詞才能為所欲為

1. 前言 如果你已經學會： 免費使用 Nano Banana Pro： 6 個白嫖 Nano Banana Pro 的網站 使用提示詞庫復刻驚豔圖片：一次找齊！1000 個 Nano Banana Pro 提示詞 那本篇我們來點乾貨 —— 如何寫出好的提示詞。 之所以要學習如何寫提示詞，是因為絕大部分人在寫提示詞時，都是一種 “隨緣” 的狀態——有的地方寫得詳細，有的地方卻被遺漏了，這就

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

收藏 評論

skychx 頭像

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 對於大部分開發者來説，版本兼容是一件存在感很低的事情，因為它在絕大部分情況下都是一行配置，在一些前端工具鏈（例如 Babel、CoreJS，Autoprefixer 等工具）的幫助下適配到目標瀏覽器，只會在一些大的 break change 事件（例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

收藏 評論

youdanyoushideqianbi_dgxe65 頭像

軟件xx - ThinkPHP6（TP6）和Vue框架構建語音直播

使用ThinkPHP6（TP6）和Vue框架構建語音直播系統，可結合TP6的後端服務能力與Vue的前端交互優勢，通過以下技術方案實現核心功能： 一、技術選型與架構設計 後端架構（TP6） 核心功能： 用户管理：基於TP6的Auth模塊實現註冊、登錄、權限控制。 房間管理：創建、刪除、查詢直播房間，關聯用户與房間數據。 流媒體鑑權：生成動態stream_key，通過TP

前端

收藏 評論