tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

cyzf 頭像

陳逸子風 - vue-dawn-flow 低代碼流程插件

一、vue-dawn-flow介紹 vue-dawn-flow是一款功能強大的開源流程設計器，專為 Vue.js 生態打造，完美兼容 Vue 2 和 Vue 3 框架。並且能很好的兼容vue前端所有框架。 1.1插件功能 提供了一個可視化的流程設計器，你可以在設計器中拖拽組件，連接組件，設置組件屬性。 提供了多種節點類型可共篩選。 提供了節點的相關操作，比如添加、刪除、複製、粘貼、撤銷節點

前端

收藏 評論

liuyuxuan6666 頭像

LYX6666 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , Javascript

收藏 評論

tongouba 頭像

童歐巴 - 如何打造高效好用的終端？拿來吧你！

美味值：🌟🌟🌟🌟🌟 口味：夏黑葡萄 趁着給手邊新電腦配置環境，順便整理了一波 iTerm2 + oh-my-zsh 的配置筆記，分享給大家。 如果你有一個高效的終端，那麼每天早上來到公司後，你只需要以下三步鍵盤操作，即可開啓一天的歡樂擼碼時光。 option + 回車，喚起 iTerm2 j work，跳轉到工作目錄 code ., 用 VSCode 打開當前文件夾項目 (VSC

iterm2 , oh-my-zsh , 前端

收藏 評論

fenanjiu 頭像

南玖 - JS定時器執行不可靠的原因及解決方案

前言 在工作中應用定時器的場景非常多，但你會發現有時候定時器好像並沒有按照我們的預期去執行，比如我們常遇到的setTimeout(()={},0)它有時候並不是按我們預期的立馬就執行。想要知道為什麼會這樣，我們首先需要了解Javascript計時器的工作原理。 定時器工作原理 為了理解計時器的內部工作原理，我們首先需要了解一個非常重要的概念：計時器設定的延時是沒有保證的。因為所有在瀏覽器中執行的J

定時器 , settimeout , setinterval , 前端 , Javascript

收藏 評論

ruozxby 頭像

不語 - elasticsearch-head 無法連接 elasticsearch問題的原因及解決

原因： elasticsearch開啓成功的前提下，elasticsearch的默認端口是9200 elasticsearch-head的端口是9100，會涉及到跨域問題所有無法直接連接 解決辦法： 安裝路徑\elasticsearch\elasticsearch-7.6.1\config 中有個elasticsearch.yml文件，這是elasticsearch的配置文件 裏面添加： http

es7 , 大數據 , JAVA , 程序員 , 前端

收藏 評論

yangkaiqiang 頭像

Runningfyy - 一看就會的柯理化

介紹 柯理化是一種關於函數的高階技術。 柯里化是一種函數的轉換，它是指將一個函數從可調用的 f(a, b, c) 轉換為可調用的 f(a)(b)(c)。 柯里化不會調用函數。它只是對函數進行轉換。 一個最簡單的例子 // 原本的sum函數以及應用 function sum(a, b) { return a + b; } sum(1,2) // 3 // 柯理化後的sum函數以

currying , 前端 , Javascript

收藏 評論

u_16213566 頭像

雲端小仙童 - 前端列表頁+element-puls實現列表數據彈窗功能

在Web應用開發中，列表頁的編輯和新增功能是非常常見的交互場景。通常我們會通過點擊"新增"或"編輯"按鈕，打開一個彈窗（Modal/Dialog）來展示表單信息，用户填寫或修改數據後，點擊"確定"按鈕提交表單，最後關閉彈窗並刷新列表。雖然這個流程看似簡單，但在實際開發中，不同的項目團隊可能會採用不同的實現方案。本文將對這些常見的實現方式進行系統整理和分析，幫助開發者理解各種方案的

vue.js , 表單 , data , 後端開發 , 前端 , Javascript , Python

收藏 評論

zhaoxiaoman 頭像

漫姐賊6 - 前端開發規範

開發規範 本文檔為前端 vue 開發規範(包含規範目的,命名規範,結構化規範,註釋規範,編碼規範,CSS 規範) 規範目的 為提高團隊協作效率，便於後台人員添加功能及前端後期優化維護，輸出高質量的文檔 命名規範 為了讓大家書寫可維護的代碼，而不是一次性的代碼，讓團隊當中其他人看你的代碼能一目瞭然，甚至一段時間時候後你再看你某個時候寫的代碼也能看 普通變量命名規範 命名方法 ：駝峯命名法

規範化 , Css , 前端 , Javascript

收藏 評論

ihengshuai 頭像

大衞talk - 使用DockerCompose部署服務

由於格式或圖片解析問題，為了更好的閲讀體驗，可前往 閲讀原文 以前我們總是用命令管理每個容器的啓動、停止等等，若有多個容器時可能還存在啓動優先級的問題，那就要等到指定的容器啓動後再去啓動另一個容器，對於整體的應用服務管理極其不方便，簡單的docker run命令更適合初學者或者調試使用， docker提供docker compose來解決多容器部署。 Docker Compose是Docke

容器 , docker-compose , Docker , 後端 , 前端

收藏 評論

xiaojt 頭像

甜點cc - GitHub Pages 站點建設

1、簡介 GitHub Pages 是通過 GitHub 託管和發佈的公共網頁，將純文本轉換為靜態博客網站。 您可以使用 GitHub Pages 來展示一些開源項目、博客甚或分享您的簡歷，有內存限制，可以綁定個人域名。 啓動和運行的最快方法是使用 Jekyll 主題選擇器加載預置主題。 然後，您可以修改 GitHub Pages 的內容和樣式。👉 文檔 2、創建倉庫 倉庫名： use

github-pages , 前端

收藏 評論

xingyunliushui_678f3a01be2b3 頭像

行雲流水 - Dart 語法基礎

Dart 註釋 Dart 支持單行註釋、多行註釋和文檔註釋。 單行註釋 單行註釋以 // 開頭。 // 和行尾之間的所有內容都被 Dart 編譯器忽略。 void main() { // TODO: 重構為 AbstractLlamaGreetingFactory？ print('歡迎來到我的羊駝農場！'); } 多行註釋 多行註釋以 /* 開頭，以 */ 結尾。 /* 和 */ 之間的所

dart , Android , flutter , ios , 前端

收藏 評論