tag 前端

標籤
貢獻1,076
3406
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

前端

收藏 評論

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

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

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

收藏 評論

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

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

iterm2 , oh-my-zsh , 前端

收藏 評論

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

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

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

收藏 評論

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

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

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

收藏 評論

Runningfyy - 一看就會的柯理化

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

currying , 前端 , Javascript

收藏 評論

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

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

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

收藏 評論

漫姐賊6 - 前端開發規範

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

規範化 , Css , 前端 , Javascript

收藏 評論

林恆 - 書架效果的實現

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. 對齊目標 前端想實現一個類似的書架放置書籍的效果,目標如下: 2. 思路梳理 我們使用的技術棧:vue 實現這樣的一個效果,我們需要知道以下信息: 每行可以放置多少書本? 放下所有的書本需要多少行? 需要什麼樣的數據結構? 我們現在一個個來思考,既然我們選擇了vue來實現,秉

前端

收藏 評論

大衞talk - 使用DockerCompose部署服務

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

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

收藏 評論

甜點cc - GitHub Pages 站點建設

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

github-pages , 前端

收藏 評論

行雲流水 - Dart 語法基礎

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

dart , Android , flutter , ios , 前端

收藏 評論

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 大家好,我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時,需要對瀏覽器的底層原理有一定的瞭解,這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner,看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

收藏 評論

OpenTiny社區 - TinyVue v3.22.0 正式發佈:深色模式上線!集成 UnoCSS 圖標庫!TypeScript 類型支持全面升級!

我們非常高興地宣佈,2025年4月7日,TinyVue發佈了v3.22.0🎉。 本次 3.22.0 版本主要有以下重大變更: 支持深色模式 增加基於 UnoCSS 的圖標庫 更豐富的 TypeScript 類型聲明 支持 XSS 配置 詳細的 Release Notes 請參考:https://github.com/opentiny/tiny-vue/releases/tag/v3.

vue.js , 組件庫 , 前端

收藏 評論

小謳 - 《javascript高級程序設計》學習筆記 | 8.2.創建對象

關注前端小謳,閲讀更多原創技術文章 創建對象 創建單個對象:Object 構造函數 和 對象字面量 缺點:使用一個接口創建很多對象,產生大量重複代碼 相關代碼 → 工廠模式 抽象創建特定對象的過程,按照特定接口創建對象 function createPerson(name, age, job) { var o = new Object() o.name = name

面向對象編程 , object , 前端 , Javascript

收藏 評論

TANKING - JavaScript實現一個在線URL編碼解碼、base65編碼解碼工具

摘要 url編碼解碼在開發調試的時候很常見,還有base64編碼解碼,都是日常開發使用的,因此需要藉助一些工具快速實現編碼解碼。在很多編程語言都有url編碼解碼,base64編碼解碼的函數,本次使用的是javascript實現的編碼解碼功能。 上代碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta htt

urlencode , urldecode , base64 , 前端 , Javascript

收藏 評論

map_3d_vis - JSAPIThree 地圖投影學習筆記:理解座標系統

作為一個剛開始學習 mapvthree 的小白,今天要學習地圖投影了!聽説這個系統可以控制地圖的座標系統,不同的投影方式有不同的效果!想想就好奇! 第一次聽説地圖投影 今天在文檔裏看到了"投影"這個詞,一開始我還以為是投影儀那種投影,結果查了一下才知道,原來這是地圖學裏的概念! 文檔説地圖投影是: 將地球表面的地理座標(經緯度)轉換為平面座標的數學方法 不同的投影方式適合不同的應用場景

前端

收藏 評論

冴羽 - 冴羽答讀者問:功利性學習的心態,你是否也會有?

前言 最近我發起了「冴羽答讀者問」活動,如果你也有想要提問的問題,歡迎留言,我會按照順序依此回答。 正文 我很少對自己的行為以“是否功利”這個維度進行思考,所以我不知道你是怎樣定義功利性學習這個詞的。 在傳統的認知裏,功利性學習是一個貶義詞,指的是將學習作為尋求短期利益的工具,就比如為了考完這場試,為了找一份好工作,而不是將學習作為追求有意義生活的一種方式,但是現在越來越多的文章,對功利性學習做了

程序員 , 總結 , 後端 , 前端 , Javascript

收藏 評論

可不簡單 - vxe-table 個性化列自定義列彈出層修改高度、修改最大高度不自動適應表格高度的方法

vxe-table 個性化列自定義列彈出層修改高度、修改最大高度不自動適應表格高度的方法 默認情況下,在表格設置高度或最小高度的情況下個性化列彈出層默認內部模式(自適應表格高度),表格多高就最大多高;未設置高度情況下默認外部模式(不跟隨表格高度) https://vxetable.cn 自適應高度時 當 custom-config.poupuOptions.mode='auto' 時,且同時設置高

前端

收藏 評論

可不簡單 - vue 樹組件 vxe-tree 如何異步判斷右鍵菜單的權限控制,異步顯示隱藏菜單選項

vue 樹組件 vxe-tree 如何異步判斷右鍵菜單的權限控制,異步顯示隱藏菜單選項,通過 menu-config.options 來配置右鍵菜單 https://vxeui.com 通過 menu-config.options.loading 來配置是否加載中,menu-config.options.visible 來實現是否顯示菜單 template div vxe-tree

前端

收藏 評論

Weirdo - CommonJS規範 ES6模塊化規範

JavaScript模塊化規範 1.模塊化概述 2.有哪些模塊化規範 3.導入導出的概念 4.CommonJS規範 可以安裝兩個vscode插件: 1. Code Runner:安裝後可直接運行js文件,如在打開的index.js文件右鍵點擊Run Code 即可在終端查看運行結果 2. Live Server:安裝後可直接在瀏覽器端預覽頁面效果,如在index.html文

cmd , amd , commonjs , 前端 , Javascript

收藏 評論

DevUI團隊 - 前端有了這兩樣神器,再也不用追着後台要接口啦

DevUI是一支兼具設計視角和工程視角的團隊,服務於華為雲DevCloud平台和華為內部數箇中後台系統,服務於設計師和前端工程師。 官方網站:devui.design Ng組件庫:ng-devui(歡迎Star) 官方交流羣:添加DevUI小助手(微信號:devui-official) DevUIHelper插件:DevUIHelper-LSP(歡迎Star) 前言

mock.js , 前端 , Javascript

收藏 評論

沒有夢想的鹹魚 - 瀏覽器緩存機制介紹及前端優化方案

背景 緩存是用來做性能優化的好東西,但是,如果用不好緩存,就會產生一系列問題: 為什麼我的頁面顯示的還是老版本 為什麼我的網頁白屏 請刷新下網頁 ... 以上問題大家或多或少都遇到過,歸根結底是使用緩存的姿勢不對,今天,我們就來一起了解下瀏覽器是如何進行緩存的,以及我們要怎樣科學的使用緩存 瀏覽器的緩存機制 1. 什麼是瀏覽器緩存? 簡單説,瀏覽器把 http 請求的資源保存到本地

瀏覽器緩存 , 前端

收藏 評論

兔子先森 - TailwindCSS自定義主題變量

theme中配置-官方推薦 在根css文件裏添加@theme,在其中添加變量 @import "tailwindcss"; @theme { /* 顏色的定義 */ --color-primary: #1677FF; } 使用:直接border-primary即可 div className="border border-primary text-primary"測試文字/div; 具

react , vue.js , tailwindcss , HTML , 前端

收藏 評論