tag 前端

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

@前端 / 博客 RSS 訂閱

vivotech 頭像

vivotech - 淺談 AI 搜索前端打字機效果的實現方案演進

作者：vivo 互聯網前端團隊 - He Yanjun 在當代前端開發領域，打字機效果作為一種極具創造力與吸引力的交互元素，被廣泛運用於各類網站和應用程序中，為用户帶來獨特的視覺體驗和信息呈現方式，深受廣大用户的喜愛。 本文將深入介紹在AI搜索輸出響應的過程中，打字機效果是怎樣逐步演進的。力求以通俗的語言和嚴謹的思路深入剖析打字機效果在不同階段的關鍵技術難點和優劣勢。 1分鐘看圖掌握核

前端

收藏 評論

dingxi 頭像

武小藏 - h5+mui分享調起app跳指定頁面

@font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋體"; } @font-face{ font-family:"Calibri"; } p.MsoNormal{ mso-style-name:正文; mso-style-parent:""; margin:0pt; margin-bottom:.0001pt

mui , 前端 , html5 , Javascript

收藏 評論

u_16099272 頭像

墨舞天涯 - 挑戰TensorFlow 與 PyTorch，3 月深度學習框架集中爆發 - 編輯部的個人空間 -

在這個“AI 生成內容（AIGC）”盛行的時代，模型不像以前一樣只在實驗室裏喝電、在服務器裏冒煙了。它們迫切希望“上網衝浪”，直接駐紮在用户的瀏覽器裏，為 Web 應用增添一點點靈性。問題來了：我們該用哪門“武功秘籍”把這些模型請進瀏覽器？ 今天的擂台，就擺在兩位“明星”之間： TensorFlow.js：正統科班出身，瀏覽器原生支

tensorflow , 加載 , aigc , bard , 前端 , Web

收藏 評論

dirackeeko 頭像

DiracKeeko - [動圖] 用css的animation+幀序列實現動畫

[接前文《[動圖] 前端動圖實現方式整理》](https://segmentfault.com/a/1190000044102194) 這篇文檔詳細説一説 第3種，幀序列(png/jpg + css) 的實現 注意下面這段代碼不是原生的CSS語法，在關鍵幀部分使用了SCSS語法來批量for循環處理（需要安裝sass-loader以支持編譯），通過改變背景圖片的位置來實現連續的動畫效果。 st

animation , sass , 動畫 , Css , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - useEffect底層實現原理，useEffect和useLayoutEffect的區別

useEffect鏈表 通過MountEffect方法把callback/依賴項加入到鏈表中 視圖更新完畢，基於UpdateEffect方法通過effect鏈表中的callback按照要求執行 useEffect和useLayoutEffect 組件渲染過程 1.基於react-app編譯,基於babel-preset-react-app把jsx編譯成createElement

react , hook , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 除了加密，SSL證書還在悄悄為你做這3件事

當人們談論SSL證書時，第一個、也往往是唯一一個被提及的好處就是——加密。沒錯，那把小小的綠鎖確實在你瀏覽器和網站服務器之間建立了一條安全通道，防止黑客竊取你的信用卡號和密碼。 但故事遠未結束。SSL證書就像一位沉默的瑞士軍刀，除了其廣為人知的加密主刀外，還隱藏着多個至關重要的工具。今天，我們就來揭示SSL證書在暗中為你做的另外三件大事。 第1件事：為你的網站貼上“官方認證”的信任標籤 這

後端 , 前端

收藏 評論

ice_5ff2cfb2ea981 頭像

Ice - 怎麼寫接口請求？@zeesuu/service來幫你。

接口交互開發是做為一個互聯網產品肯定要面對的事情。 記得之前去一家公司看打到過老代碼，在一個Service文件夾下，全部都是將API地址封裝成了一個一個方法。 export const getOneInfo = () = { return axios.get('/one/info') } export const getTwoInfo = () = { return axi

API , service , npm , 前端

收藏 評論

moziyu 頭像

墨子魚 - antv-l7高德地圖設置黑色底圖

安裝依賴 @antv/l7-maps @antv/l7 div id="map"/div import { Scene } from "@antv/l7"; import { GaodeMapV1 } from "@antv/l7-maps"; scene = new Scene({ id: "map", map: new GaodeMapV1({

高德地圖 , vue3 , 地圖 , antv , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue vxe-gantt table 甘特圖實現任務可拖拽自動調整日期

vue vxe-gantt table 甘特圖實現任務可拖拽自動調整日期，通過設置 task-bar-config.drag 啓用任務條拖拽功能 效果 代碼 設置 task-bar-config.drag 啓用任務條拖拽功能 template div vxe-gantt v-bind="ganttOptions"/vxe-gantt /div /template script

前端

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - 雲計算時代的計算虛擬化技術：架構、演進與未來趨勢

雲計算時代的計算虛擬化技術：架構、演進與未來趨勢 計算虛擬化作為雲計算的核心支撐技術，通過抽象硬件資源實現計算能力的高效分配，已成為數字經濟時代基礎設施的關鍵組成部分。這項技術打破了傳統物理服務器的資源壁壘，通過在單一物理硬件上構建多個邏輯隔離的虛擬環境，實現了計算資源的彈性調度與按需分配。從早期的CPU虛擬化到如今的全棧資源虛擬化，技術演進始終圍繞着提升資源利用率、增強環境隔離性和優化管理效率三

前端

收藏 評論

codechen8848 頭像

codechen8848 - 告別付費套路！一款開源免費的 PDF 處理工具箱！

大家好，我是 Java陳序員。 日常辦公中，PDF 處理幾乎是每個人的剛需 —— 合併拆分、編輯批註、格式轉換...... 但市面上的工具要麼收費、要麼限制文件大小，更讓人不安的是：上傳文件到第三方服務器，隱私和數據安全根本沒保障。 今天，給大家推薦一款開源免費的 PDF 工具箱，支持自託管部署！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍

前端

收藏 評論

fenanjiu 頭像

南玖 - 使用clip-path將 GIF 繪製成跳動的字母

前言 之前看到過一個有趣的CSS效果，今天我們也來實現一遍，將動圖GIF通過clip-path繪製成一個個跳動的字母。 效果如下： GIF隨便找的，嗯？這不是重點，重點是下面的實現過程，別被GIF吸引了。 如果這篇文章有幫助到你，❤️關注+點贊❤️鼓勵一下作者，文章公眾號首發，關注 前端南玖 第一時間獲取最新文章～ 繪製字母 這是該效果的最重要部分，使用clip-path來繪製對應的字母。 MD

animation , css3 , 前端

收藏 評論

bianchengsanmei 頭像

編程三昧 - 前端 JavaScript 中的三種 for 循環語句總結

JavaScript 中的 for 循環語句相信大家都已經快用厭了，現在有好多文章都在講怎麼減少代碼中的 for 循環語句，但是，你又不得不承認它們真的很有用。今天，我來總結一下前端 JavaScript 中三種 for 循環語句。 for 這大概是應用最廣的循環語句了吧，簡單實用，且大多數時候性能還是在線的，唯一的缺點大概就是太普通，沒有特色，導致很多人現在不願用它。 const array =

循環 , for循環 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 打破數據堵點：6 大主流CRM廠商全鏈路數據流轉能力橫評與選型指南

打破數據堵點：6 大主流CRM廠商全鏈路數據流轉能力橫評與選型指南 在數字化轉型的深水區，客户信息與銷售訂單能否順暢流向後端生產、庫存、財務系統，是企業打破“信息孤島”、提升運營效率的核心命題。低效的數據流轉會導致：銷售承諾無法兑現（庫存缺貨）、生產計劃脱節（訂單變更未同步）、財務核算滯後（人工錄入誤差），最終損害客户體驗與企業利潤。 本文選取超兔一體雲、Salesforce、 SAP 、金蝶、Z

前端

收藏 評論

mincloud 頭像

知曉雲 - 全棧工程師必備技能，使用 severless 雲服務快速掌握小程序開發能力

無論你是剛入門的前端工程師、還是想通過好用的開發工具免去開發中繁瑣工作的資深工程師。serverless 雲服務將是你的首選，也將會成為你的好搭檔。 今天，我們將帶你瞭解： 什麼是 serverless 雲服務？ 如何使用 serverless 雲服務？ 通過 serverless 雲服務實現的開發案例 什麼是 serverless 雲服務 Serverless 俗稱為「無服務器架構」，

微信小程序 , 小程序 , 全棧工程師 , serverless , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 複製單元格內容總會在最後加個換行符，如何去掉末尾換行符的解決方法

vxe-table 複製單元格內容總會在最後加個換行符，如何去掉末尾換行符的解決方法，默認情況下複製單元格內容時，會自動在文本尾部帶個換行符。 https://vxetable.cn 通過 clip-config.isTrimCopyContent 來啓用對複製後內容的修剪功能，自動去掉本次內容的換行符 template div vxe-switch v-model="clipCon

前端

收藏 評論

xboxyan 頭像

XboxYan - 2018 年終總結

這算是第一次寫年終總結吧，當然公司的除外。 這一年收貨很多，做出的東西很比較多，下面總結一下。 1.可編輯佈局系統 這是一個公司內部佈局系統，支持層級，可以通過拖拽的方式形成網頁，暫時不公開 2.服務器和域名 5月份首次購買了服務器，當然只是學生優惠套餐嚐鮮，然後完全搭建了自己的個人博客 項目地址:https://github.com/XboxYan/koa-blog 個人博客https://b

2018總結 , 總結 , 前端

收藏 評論

invalidnull 頭像

註銷 - Orbeon form 的安裝和使用教程

Orbeon Forms 提供了一套web表單的構建和部署方案， 實現了W3C XForms標準, 並提供一個免費的開源的社區版，以及商業版。 Orbeon Forms 已經在世界各地的多個行業中得到應用，包括政府，銀行，醫療保健，電信，和教育。 可以從 Orbeon 的 demo 頁面快速體驗一下這個開源解決方案的使用： https://demo.orbeon.com/demo/... 新建一個

formdata , form , typescript , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 後端：沒空，先自己 mock 去！

前言 後端開發忙，不給你接口？ 後端抱怨你在測試過程中，頻繁的給髒數據？ 後端修個接口很慢沒法測試？ 有了 mockjs ，這些問題將迎刃而解。不要 998，pnpm i 帶回家！ 真這麼絲滑？ 請看我的使用方式： 當後端接口無法滿足要求，且不能及時更改時。例如後端返回 { "err_no": 0, "err_msg": "success", "data": [ {

程序員 , 後端 , 前端

收藏 評論

bianchengsanmei 頭像

編程三昧 - ES6 中的 Symbol 是什麼？

前言 記得剛找工作那會，幾種數據類型是必問題，當時的答案一般都是七種——字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined），時至今日，某些網絡教程上還是這樣的分類： 其實，隨着 ECMAScript 的發展和完善，在 ES6(2015) 和 ES11(2020) 中，又分別增加了 Symbo

ecmascript-6 , 數據類型 , symbol , 前端 , Javascript

收藏 評論

hightopo 頭像

hightopo - 3D 場景預加載應用實現 | 圖撲軟件

預加載是在進入正式場景之前提前加載所需模型、材質、圖片等資源的技術手段，其核心價值在於消除資源加載等待，確保場景首次渲染即可完整呈現，從而提供無縫、流暢的用户體驗。在複雜的Web 3D可視化應用中，資源預加載尤為重要，可有效解決首次加載時的卡頓、白屏及交互延遲等問題。 預加載實現方案 基礎實現原理 HT for Web中所有資源的請求都會經過ht.Default.convertURL方法，該方法

數字孿生 , webgl , 可視化 , 前端 , Javascript

收藏 評論

os_609ccf8912fec 頭像

BLUESKY - 表單設計器插件 element-easy-form

簡介 vue3 + element-plus 使用必須滿足上面的條件 element-easy-form 是一個系列產品還有打印設計器 效果圖 安裝 地址 npm i element-easy-form 使用案例 template div class="p20 h100" el-button @click="handlePost"提交/el-butto

vue.js , 表單 , 前端

收藏 評論

meetqy 頭像

meetqy - 【記錄】如何造一個vite插件(1)

在此之前，先做個定位，這不是一篇純粹的技術性文章，可以把它理解成一個敍述文章，記錄我開發插件的過程。 開始前簡單的吹個牛 vue2 也寫了很多年了，多人合作始終避不開用到別人的組件。關鍵是有些組件沒有文檔看起來是真的費勁。props還可以直接通過組件看出來，emit,ref,slot代碼一多看起來就比較費勁了。也想過一些解決方案，比如每個組件寫一個 readme。這就有一個問題，時間太緊了，誰來給

vite , plugin , vue3 , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - 當useEffect遇到了對象依賴

提出問題 根據座標對象，查詢對應的地址詳情，代碼實現如下： const useAddress = (coordinate) = { const [address, setAddress] = useState(null); console.log('coming'); useEffect(() = { const fetchData = async () = {

react , react-hooks , 前端 , Javascript

收藏 評論