tag 前端

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

@前端 / 博客 RSS 訂閱

xin1994 頭像

尋霧啓示 - Vue項目單元測試入門

本文以Jest測試框架為例子，介紹常用的api和用法 安裝 第一種：創建項目的時候勾選 Unit Testing，後續選擇 Jest 第二種：在項目根目錄執行 vue add @vue/cli-plugin-unit-jest 常用api describe：創建測試分組 test(別名：it)：創建測試用例 expect：提供各種方法判定測試結果是否符合預期 匹配函數 toBe: 值類型判斷相等

vue.js , jest , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - puppeteer的簡單使用

引言 對於編寫應用程序，尤其是要部署上線投入生產使用的應用，QA是其中重要的一環，在過去的工作經歷中，我參與的項目開發，大多是由測試同學主要來把控質量的，我很少編寫前端方面的測試代碼，對於測試工具的使用，也基本停留在一個小玩具的樣子，所以接觸的也少，回憶上一次寫單元測試，還是在一個vue3的課程中使用jest實現TDD，記得之前有的時候面試，會被問到有沒有在項目中用單測，但是因為以前工作中大多數時

puppeteer , 自動化測試 , 前端

收藏 評論

tofrankie 頭像

越前君 - JavaScript之函數防抖、節流

一、前言 相信無論在實際應用場景、亦或是面試，都會經常遇得到函數防抖、函數節流等，下面我們來聊一聊吧。 先放出一個示例： import React, { useEffect, useRef } from 'react' import debounce from '../../utils/debounce' import throttle from '../../utils/throttle'

lodash , 前端 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

收藏 評論

aixiaodeludan_bqazwx 頭像

愛笑的滷蛋_bQaZWx - 三分鐘實現H5頁面國內主流機型自動跳轉app下載頁

Uniapp實現全機型自動跳轉：基於OneLink統一鏈接的智能下載引導組件 在UNI-APP中藉助小米、華為、OPPO、vivo四大廠商聯合推出的OneLink統一鏈接服務，打造無縫應用下載體驗 移動端下載的痛點與統一解決方案 在移動端H5頁面中引導用户下載APP時，開發者常面臨一個核心問題：​如何讓不同設備用户都能一鍵跳轉到正確的應用商店？​​ iOS用户需要跳轉App Store，而安卓用户

教程 , uni-app , 前端

收藏 評論

willemwei 頭像

WillemWei - 模擬實現Javascript中的call和apply

Call的模擬實現 call() 方法使用一個指定的 this 值和單獨給出的一個或多個參數來調用一個函數。 這是MDN上關於call的描述，用通俗的語言解釋一下就是： 指定了this值（修改this） 可以傳入多個參數 它的調用對象時函數 可能這樣解釋還是有些模糊，可以看一個例子： function Test(name, age) { console.log(this.name

call , call方法 , apply , 前端 , Javascript

收藏 評論

D1DCD 頭像

代碼改變世界—北枳 - JavaScript 中 getItem 方法詳解

JavaScript 中 getItem 方法詳解 你想了解的 JavaScript 中的 getItem 方法，核心是用於從瀏覽器的存儲對象中讀取指定鍵（key）對應的存儲值（value），最常用在 Web 存儲相關的 API 中，下面分核心知識點詳細説明： 一、核心使用場景：兩大存儲對象 getItem 並非全局通用方法，主要綁定在瀏覽器提供的兩個存儲對象上，也是日常開發的核心場景： lo

前端

收藏 評論

qaz666 頭像

可不簡單 - 如何實現 vxe-tree 樹組件拖拽節點後進行二次確認提示

如何實現 vxe-tree 樹組件拖拽節點後進行二次確認提示，參數 drag-config.dragStartMethod 可以自定義處理拖拽開始時的拖動，可以自定義是否允許拖拽 官網：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe

前端

收藏 評論

wangrongding 頭像

榮頂 - 濃縮了這 20+ 站點的前端滋補湯~幹了 ❗

前言 看到很多小夥伴都把自己好用好玩的站點分享出來了,我也是一個收集工具站點的愛好者。 由於有一些比較常見的網站,很多人已經分享過了,下面都是我從收藏夾中幾百個網站裏篩選出的一些非常不錯的網站,個人認為這些對前端的小夥伴來説是非常有幫助的, 這20+站點希望可以在你前進的道路上有所幫助! 原創不易!點贊鼓勵~🧡 freeCodeCamp 一直霸佔着 gitHub 排名 No.1 的項目,足

設計 , 資源 , 前端

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量思政課堂在線平台解決方案：引領智慧教育新篇章

大學是學生成長的關鍵時期，新生普遍面臨安全、心理、行為規範等多方面的適應需求。為支持高校開展系統性入學教育，我司基於“技術賦能教育，智慧引領成長”理念，正式推出“思政課堂在線平台解決方案”。該平台以系統化、數字化、智能化為核心，為高校提供覆蓋教育管理全流程的支撐體系，助力學生平穩完成過渡，奠定健康成長基礎。 一、一體化管理，教學更高效 平台採用“後台管理+前端學習”雙模塊架構，實現教學管理

資訊 , 運維 , 負載均衡 , 知識 , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - 遍歷數組的for..of循環語法

for..of循環首先會向被訪問對象請求一個迭代器對象，然後通過調用迭代器對象的next()方法來遍歷所有返回值。數組有內置的@@iterator，因此for..of可以直接應用在數組上。我們使用內置的@@iterator來手動遍歷數組，看看它是怎麼工作的： var myArray = [ 1, 2, 3 ]; var it = myArray[Symbol.ite

for循環 , 前端

收藏 評論

ailim 頭像

ailim - angular瀏覽器兼容性問題解決方案

問題：edge瀏覽器下，固定列的邊框消失 原因：ng-zorro-antd表格組件使用nzLeft和nzRight指令固定的表格列，這兩個指令的實現css3中的標籤： position: -webkit-sticky !important; position: sticky !important; 谷歌、火狐及-webkit-內核的瀏覽器均支持該屬性（css3），IE不支持該屬性，所以在IE中，會

angular , 兼容性 , 前端

收藏 評論

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

收藏 評論

zengshenaiguodeyangcong 頭像

曾深愛過的洋葱 - JSAPI Three（mapvthree）與百度其他地圖引擎的區別

隨着數字孿生、智慧城市等應用場景的興起，對三維地圖渲染能力的需求日益增長。百度地圖推出了基於 Three.js 的 JSAPI Three（mapvthree）引擎，為開發者提供了全新的二三維一體化地圖解決方案。本文將從多個維度深入分析 JSAPI Three 與 JSAPI GL、JSAPI 2D（3.0和2.0版）等引擎的核心區別。 一、技術架構差異 1.1 JSAPI Three（mapvt

three.js , webgl , 百度地圖 , 前端 , Javascript

收藏 評論

unique_007 頭像

unique_007 - 06 CSS3佈局-上（前端必須掌握）

以下主要參考了http://www.ruanyifeng.com/blo... 和 https://developer.mozilla.org... 兩篇文章。如果還想更詳細的可以看一看這兩篇文章。大鵬一日同風起，扶搖直上九萬里！一起學習，一起進步！ CSS佈局 傳統方案是基於盒裝模型，依賴display屬性+position屬性+float屬性，但對於一些特殊佈局（eg:垂直居中）就不容易實現。

css3 , flex , grid , 前端 , html5

收藏 評論

ligaai 頭像

LigaAI - 技術分享 | 如何編寫同時兼容 Vue2 和 Vue3 的代碼?

LigaAI 的評論編輯器、附件展示以及富文本編輯器都支持在 Vue2（Web）與 Vue3（VSCode、lDEA）中使用。這樣不僅可以在不同 Vue 版本的工程中間共享代碼，還能為後續升級 Vue3 減少一定阻礙。 那麼，同時兼容 Vue2 與 Vue3 的代碼該如何實現？業務實踐中又有哪些代碼精簡和優化的小技巧？讓我們先從兼容代碼的工程化講起。 1. 工程化：編寫同時兼容 Vue2 與 V

vue.js , 進階 , 程序員 , 前端 , Javascript

收藏 評論

jiguangtuisong 頭像

極光JIGUANG - 極光筆記 | 解鎖Web推送的潛力：提升網站收入

01引 言 Web推送通知的定義和概述 Web推送通知是網站向用户發送的消息，即使用户沒有在主動訪問該網站。通知會在用户設備上以彈出窗口的形式顯示，提供快速訪問信息、新聞更新、優惠等。Web推送通知是一種可以接觸到用户並增加用户與網站內容互動的有效方式，Web推送通知的主要優勢在於，它能夠在用户沒有在網站上活躍時也能接觸到用户，成本效益非常高，並且開啓和點擊率高於電子郵件。 Web推送通知的好處

網站開發 , 營銷 , 推送 , 前端 , Web

收藏 評論

codesheep_pro 頭像

CodeSheep - 中國四大軟件外包公司

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

JAVA , 後端 , 前端 , Javascript , Python

收藏 評論

wuyagege 頭像

雲綺棠兮 - 每日算法題----合併兩個有序數組（利用JS實現）

題目： 給你兩個按 非遞減順序 排列的整數數組nums1 和 nums2，另有兩個整數 m 和 n ，分別表示 nums1 和 nums2 中的元素數目。 請你 合併 nums2 到 nums1 中，使合併後的數組同樣按 非遞減順序 排列。 注意：最終，合併後數組不應由函數返回，而是存儲在數組 nums1 中。為了應對這種情況，nums1 的初始長度為 m + n，其中前 m 個元素表示應合併的元

指針 , 前端

收藏 評論

bigdipper 頭像

BigDipper - 瀏覽器緩存策略

一、簡介 緩存就是建立一種自動化的、客户端和服務端協商的機制。 客户端和服務端是通過HttpHeader來傳遞協商的信息。 二、cache-control cache-control 可以出現在Http-Request-Header中，也可以出現在Http-Response-Header中。 它是在HTTP1.1規範中添加的，優先級高於expires （在HTTP1.0規範中添加）。 1. max

chrome , 前端

收藏 評論

tongchuangyongyi 頭像

同創永益 - 當系統遭遇突襲？智能IT應急平台上演“教科書級救援”

在數字化業務高度依賴 IT 系統支撐的背景下，近期，因消息隊列積壓、資源過載、消費者處理能力不足等 IT 系統突發故障導致的業務中斷事件頻發，不僅造成直接經濟損失，更嚴重衝擊企業服務口碑與用户信任。 2023 年，中國某知名商業銀行部分網點及線上渠道突發系統故障：因通訊異常導致交易鏈路阻塞，全國多地線下網點出現取款業務中斷、開户功能受限等問題，線上轉賬接口響應失敗率飆升至 35%。這一故障直

it , 前端

收藏 評論

dkluge 頭像

DKluge - 純前端實現完美摳圖

瀏覽器端 AI 摳圖技術實現詳解 前言 本文講解如何在瀏覽器端實現 AI 摳圖功能，無需後端服務器，完全在客户端完成圖像分割處理。核心使用 @imgly/background-removal 庫，基於 ONNX Runtime 和 WebAssembly 技術。 技術原理 核心技術棧 @imgly/background-removal: 封裝好的圖像分割庫 ONNX Runtime

react , node.js , 摳圖 , HTML , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] 特性學習-混入和插件

在項目的main.js文件中，有可能會出現 Vue.mixin(customizedMixin);... new Vue(...); 這裏的Vue.mixin()方法是將引入的customizedMixin文件（主要是customizedMixin文件中的全局方法、生命週期鈎子中的特殊處理、以及其他屬性如data、watch等等）掛載到全局。 當全局引入的customiz

vue.js , mixin , plugin , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：5.高手都在用的發佈訂閲機制 Events 在 Taro 中是如何實現的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-08-18），taro 4.0 正式版

react , 微信小程序 , taro , 前端 , Javascript

收藏 評論