tag 前端

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

@前端 / 博客 RSS 訂閱

danjuanfe 頭像

前端蛋卷 - 面試官：講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後，狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled， 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ，一旦這些 Pro

promise , 前端 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：如何用WebGL繪製3D物體

在之前的文章中，我們使用WebGL繪製了很多二維的圖形和圖像，在學習2D繪圖的時候，我們提過很多次關於GPU的高效渲染，但是2D圖形的繪製只展示了WebGL部分的能力，WebGL更強大的地方在於，它可以繪製各種3D圖形，而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞，也有不少人學習WebGL，就是衝着它的3D繪圖能力。 接下來，我就用一個簡單的正立方體的例子來演示在Web

3d , webgl , 可視化 , 前端

收藏 評論

smallhuifei 頭像

smallStone - canvas實現一個部分滾動，特殊圖表

餅圖直接用echarts，但下面的只能自己實現了。 !DOCTYPE html html lang="zh-cn" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titlecanvasLine/title /head style

canvas , 前端

收藏 評論

apifox 頭像

Apifox - 掌握 API 接口自動生成代碼的技巧與方法

在 API 開發過程中，開發人員經常面對大量冗餘代碼的挑戰。每個 API 都需要類似的驗證邏輯、錯誤處理以及數據解析，這不僅消耗時間而且容易出錯。 自動化代碼生成的必要性 提升開發效率 自動化代碼生成能節省大量時間。開發者無需重複編寫相似代碼，一系列自動化工具幫你完成這些工作，直接將生成的代碼集成到項目中即可。 確保代碼質量與一致性 自動生成的代碼往往遵循一定的標準和規範，這有助於減輕錯誤頻發和維

code , API , 程序員 , 後端 , 前端

收藏 評論

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

收藏 評論

danjuanfe 頭像

前端蛋卷 - 什麼？前瞻斷言和後瞻斷言居然可以這麼牛？

JavaScript 中的前瞻斷言（lookahead）和後瞻斷言（lookbehind）相信用過的小夥伴就知道它的威力了，在一些特定的需求場景下，可以做到四兩撥千斤的作用，今天讓我們來盤點一下在 JavaScript 正則表達式中這兩個秘密武器吧。 前瞻斷言和後瞻斷言，在其他語言的正則表達式中也存在，這個特性不是 JavaScript 的專屬 概念定義 不管是前瞻斷言還是後瞻斷言，最終目的都是尋

前瞻 , 正則表達式 , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - 如期而至！JetBrains全新UI正式官宣標配！

早在今年4月份的時候，JetBrains為其多款IDE發佈了2024年度首個大版本更新：2024.1。 説時遲，那時快，這不JetBrains年度第二個大版本更新2024.2馬上又要來了。 不僅如此，這次官方還正式宣佈：在即將到來的2024.2版本中，將為所有JetBrains IDE啓用全新默認UI。 這也意味着之前搞了好幾年中間也放出來預覽和Beta的新UI，現在也官宣隨這次新版全面默認開啓

pycharm , intellij-idea , webstorm , 前端 , Javascript

收藏 評論

apifox 頭像

Apifox - 從零開始掌握 API Token：簡單入門

我們都知道，API（應用程序編程接口）是一個至關重要的概念，它允許不同軟件系統之間進行通信和數據交換。無論是移動應用與服務器的通信、Web 應用後端與前端的交互，還是複雜後台服務之間的協同工作，API 都是基礎。然而，在 API 的使用過程中，安全性是必須考慮的重要方面。為了實現這一點，我們需要一種機制來驗證和授權每個 API 請求的合法性，API Token 就在此扮演了關鍵角色。 API To

API , token , 程序員 , 後端 , 前端

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點，但是它的一些細節可能很多人都沒有去關注過。我們都知道，.then, .catch, .finally都可以鏈式調用，其本質上是因為返回了一個新的Promise實例，而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態，很多人心裏可能都沒個底。我自己也意識到了這一點，於是我通過一些代碼試驗，發現了一些共性。如果您對這塊內容還沒有把握，

promise , 前端 , Javascript

收藏 評論

42_6398721f10a5e 頭像

42 - 前端 - 封裝一個通用的接口請求工具

在前端開發中，接口請求是一個非常基本的需求。幾乎每個項目都會針對自己的使用場景對接口請求操作進行一系列封裝。今天我們也來一步步封裝一個通用的請求工具。 使用效果 首先讓我們來看看封裝完後的使用效果吧。 首先我們將提供一個 defineApi 函數，用於定義接口的配置信息，包括 url，請求參數以及返回類型等，具體使用方法如下： const BASE_URL = 'https://example.c

rxjs , 接口 , typescript , 前端 , Javascript

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

收藏 評論

jhcan333 頭像

JHCan333 - 前端 socket.io 跨域

在使用Socket.io進行前端跨域通信時，可以通過設置Socket.io的cors選項來允許跨域請求。 以下是一個簡單的例子，展示瞭如何在Node.js的服務器代碼中配置Socket.io以允許跨域連接： const express = require('express'); const http = require('http'); const socketIO = require('s

socket.io , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

收藏 評論

delumengyu_6683789629bfa 頭像

得鹿夢魚 - eslint報錯：ESLint: Unexpected empty method 'default

eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa

eslint , typescript , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - 螺旋文字滾動特效源碼解析

如圖所示，今天看到一個很炫酷的雙文字螺旋滾動特效，兩行文字呈螺旋狀變化，在網站中這樣的效果對用户很有吸引力。本文將基於原網站解析如何實現這個炫酷的效果，基於這個動圖可以分析出需要實現的要點： 文字呈螺旋狀滾動 滾動過程中文字大小變化 動畫過程無縫鏈接 兩行文字滾動 實現過程 文字展示 為了方便更改文案將文案定義變量，通過JS代碼動態創建DOM，定義文案、螺旋的角度以及動畫的持續時間：

動畫 , Css , 前端

收藏 評論

immerse 頭像

沉浸式趣談 - Next.js 中為什麼 App Router 可能是未來，但 Pages Router 仍然重要？

Next.js 作為一個強大的 React 框架，為開發者提供了兩種路由系統：App Router 和 Pages Router。這兩種路由系統各有特色，適用於不同的場景。本文將深入探討這兩種路由系統的區別、優缺點和使用場景，幫助你做出最佳選擇。 App Router：新一代的路由革命 App Router 是 Next.js 13 引入的新路由系統，它使用 app 目錄來組織路由，帶來了許多令人

app-router , next.js , 路由 , router , 前端

收藏 評論

imba97 頭像

imba久期 - 用 Nuxt 寫了個簡歷並做了自動化

Nuxt Nuxt 是一個集成了前後端的框架，對於一些小型網站，不需要前後端分離的，是個好的選擇 比如最近就做了一個 me.imba97.cn，準備放一些關於我的一些東西 預覽 大概長這樣 Docker 除了這個簡歷，我把之前的《寫了個簡單的頁面，分享此時此刻在聽的歌》也遷過去了 你可以訪問 me.imba97.cn/playing 查看 之前接口是用的 PHP，因為涉及到後端，需要 Node

nuxt.js , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - flex佈局常見問題

flex無法創建滾動條 flex的孫元素使用overflow: auto無法出現滾動條 原因： 子元素沒有設置寬度，這會導致子元素的寬度由孫元素決定，從而子元素被撐大，孫元素無法達到出現滾動條的條件。 解決方案： 給子元素設置寬度，比如width:100%; flex佈局和文字溢出省略遭遇的問題 https://segmentfault.com/a/1190000045

react , flex , Css , 前端 , Javascript

收藏 評論

xingfudenaozhong 頭像

幸福的鬧鐘 - AJAX是如何憑一己之力提高前端程序員的工資水平的？

作者：阿達西 鏈接：juejin.cn/post/7395396352183009290 emmm，今天無意間聽到一個比較奇怪的信息，就是在很早之前，前端工程師只是一個切圖崽，而且工資也不是很高。説白了，就是沒含金量的工作。因為那時候的Web應用相對簡單，主要關注於頁面的靜態內容和基本的交互。所以前端開發的工作主要集中在HTML、CSS和基礎的JavaScript上。 但是自從AJAX出現後

Ajax , 程序員 , 前端

收藏 評論

hightopo 頭像

hightopo - 圖撲 HT for Web 輕鬆構建組態拓撲結構

在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。

佈局 , 拓撲圖 , 可視化 , 前端 , Javascript

收藏 評論

chenbimo 頭像

前端之虎陳隨易 - 【代碼故事】VSCode知名主題material-theme倉庫代碼清空

大家好，我是前端之虎陳隨易。 這是我的個人網站 https://chensuiyi.me。 出大事了 看到了一篇前端社區開源扛把子 Anthony Fu 的帖子。 經過一番瞭解，出大事了！ 知名 VSCode 主題 material-theme 倉庫清空了！ 連帶着所有提交的歷史紀錄，統統沒了。。。 背景知識 在進一步的對這個事情報道之前，根據我查到的資料，我們先對 material-theme

visual-studio-code , webstorm , 程序員 , 前端

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目，在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟，結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目，普通的前

Nginx , spa , 前端

收藏 評論

nanchengfe 頭像

南城FE - CSS螢火蟲按鈕特效

如圖所示，這是一個很炫酷的按鈕懸浮特效，鼠標懸停時，按鈕呈現發光的效果，周邊還出現類型螢火蟲的效果。本文將解析如何實現這個按鈕特效，基於這個動圖可以分析出需要實現的要點： 有一個跟隨鼠標移動的圓點 按鈕懸停時有高亮發光的效果 懸停時按鈕周邊的螢火中效果 實現過程 跟隨鼠標移動的圓點 這個部分需要基於JS實現，但不是最主要的實現代碼 如果單純做一個跟隨鼠標移動的點很簡單，只需要監聽鼠標事

css3 , 動畫 , 前端

收藏 評論