tag vue.js

標籤
貢獻371
390
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_13738137 頭像 u_16307147 頭像

@vue.js / 博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

兔子先森 - js精準的時間處理成範圍時間

例如：3小時，處理為 2~3.5小時 遇到範圍時間(2~3.5小時)則不處理，僅處理精準時間 並且可以多次處理，適用與流式對話以及普通文本處理 /** * 精準的時間處理成範圍時間，規則：下限 = 原數 - 1，上限 = 原數 + 0.5 * @param text 文本 * @returns 處理後的文本 */ export const processHoursText =

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

收藏 評論

wujh 頭像

wujh - midway 跨域

midway 跨域 最近準備上手midway.js來開發點東西。開發的API，在前端（vue+axios）調用時總是提示跨域，但ajax又能調用。浪費了很多時間，在此記錄一下。 midway 配置： 之前搜索過跨域問題解決辦法： csrf 配置 //在”src/config/config.default.ts”，添加代碼如下 export default (appInfo: EggAppInfo

vue.js , node.js , eggjs , csrf

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數

title: Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能，您可以更高效地管理和使用公共函數、組合式函數和 Vue API。無論是單個導入、目錄導入還是從第三方模塊導入，您都可以通過簡單的

react , vue.js , angular , webkit , npm

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端兼容阿拉伯頁面佈局RTL

在做國際化項目中可能會碰到阿拉伯語，阿拉伯語的文字排列方式是從右向左的，所以我們要將整體的佈局做調整。 很多css樣式都要調整，比如：margin-right、text-align、right、padding-right等帶方向的，以及 文字的默認排列方式。 方法一：direction調整文字排列方向 css中有一個很有用的屬性：direction direction CSS 屬

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

收藏 評論

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面，這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

收藏 評論

pppercywang 頭像

優雅的王德奧 - 基於vue的emoji表情評論組件

vue-emoji-comment 最近在寫自己的個人博客時，還差最後一個評論功能，一個沒有評論功能的博客是沒有靈魂的，哈哈哈。 項目源碼：https://github.com/pppercyWan... 效果演示 使用精靈圖 + 背景定位實現，大家也可以自定義這些emoji表情。看看源碼，有註釋。就明白怎麼弄了。 這裏推薦一個做精靈圖的在線地址：https://sprite.ydr.me/ 個

vue.js , emoji , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 動畫效果實現：Transition和TransitionGroup詳解

前言 在現代Web應用中，流暢的動畫效果不僅能提升用户體驗，還能有效傳達界面狀態變化的信息。Vue 3 提供了強大的過渡和動畫系統，通過 transition 和 transition-group 組件，開發者可以輕鬆地為元素的進入、離開和列表變化添加動畫效果。本文將深入探討這兩個組件的使用方法和高級技巧。 Transition 組件基礎 基本用法 transition 組件用於包裝單個元素或組件

vue.js , 前端 , Javascript

收藏 評論

shawn_594ba96e23856 頭像

shawn_594ba96e23856 - nuxt項目清除console

線上項目一般不允許存在console.log，所以需要對打包後的項目做處理。手動刪除會影響之後項目開發的效率，所以選擇對打包後的代碼做處理。 Nuxt nuxt: 2.13.3 1：安裝 yarn add babel-plugin-transform-remove-console -D cnpm i babel-plugin-transform-remove-console -D This

vue.js , console , nuxtjs

收藏 評論

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

收藏 評論

maoxiantuanayang 頭像

毛線團阿陽 - vue導出excel表格並設置表格樣式（vxe-table）

1.安裝 npm install xlsx --save npm install xlsx-style --save (安裝xlsx-style後會報錯，解決方案：https://blog.csdn.net/HDdgut/article/details/115356719) 2.導出並加表格樣式流程 創建excel文件 創建一個sheet 將sheet放進excel裏 將已

vue.js

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp網絡圖片資源動態引入

用法 首先去小程序後台添加網絡圖片資源的域名 然後在項目的utils文件夾下新建resource.js，在裏面寫入網絡圖片資源路徑，如下： import { ref } from "vue"; const base = 'https://xxx.xxx.com/test/image/' const path = ref({ logo: base + 'logo.png',

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 實現el-table中輸入框單元格的上下左右鍵快捷切換

需求描述 最近有一個需求，就是用户説，不習慣使用tab鍵做輸入框input的光標切換 （tab鍵盤沒法回到之前的input光標，只能走了一圈後再回到原點那種） 用户喜歡使用上下左右鍵，來進行輸入框切換 基於這個需求下，便有了本篇文章的示例 示例演示網站：http://ashuai.work:8890/30 github：https://github.com/shuirongshuif

vue.js , element-plus , Javascript

收藏 評論

qianduanxianghou 頭像

前端向後 - 理想的JavaScript不可變數據結構

一.簡介 Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way. Immer提供了一種更方便的不可變狀態操作方式 二.核心優勢 其方便之處主要體現在： 只有一個（核心）API：produce(currentState,

vue.js , redux , immutable-js

收藏 評論

smalike 頭像

smalike - 來聊聊 Vue Loader

Vue Loader https://vue-loader.vuejs.org/zh/ Vue Loader 是什麼？ Vue Loader 是一個 webpack 的 loader，它允許你以一種名為單文件組件 SFC的格式撰寫 Vue 組件： template div class="example"{{ msg }}/div /template script export default

vue-loader , vue.js , 前端 , Javascript

收藏 評論

_624e4f5182eaf 頭像

mountisome - Spring Security+JWT+Vue實現登錄權限控制(二)

前言 在上一篇文章Spring Security+JWT+Vue實現登錄權限控制(一)中，實現用户權限是通過在User類中添加一個role屬性。但是這個做法並不好，只是因為項目簡單，所以我就簡單處理了。 改進 數據庫 在數據庫中添加兩個表，分別為role和user_role。role表有id, name, nameZh屬性，分別代表主鍵、角色名稱和角色名稱的中文。user_role表有id, us

vue.js , springboot , spring-security

收藏 評論

opentiny 頭像

OpenTiny社區 - 從理論到實踐：TinyEngine低代碼運行時渲染全攻略

本文由TinyEngine運行時渲染解決方案貢獻者龔昱帆同學原創。 前言 運行時渲染器用於在瀏覽器中直接渲染低代碼 Schema，提供與“出碼”並行的即時運行路徑，可在設計階段獲得接近真實的交互與數據效果。 1.啓動流程與案例講解 下面用一個非常簡單的示例頁面，串聯起從 Schema 到運行時渲染的完整流程。這個頁面包含： 一段提示文案； 一個顯示計數的按鈕； 點擊按鈕時，計數加一。 1

vue.js , 低代碼 , 前端

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性

title: 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性 date: 2024/9/13 updated: 2024/9/13 author: cmdragon excerpt: 通過 Nuxt Kit 提供的兼容性檢查工具，您可以輕鬆地確保您的模塊與不同版本的 Nuxt 兼容。這將有助於您在開發過程中避免潛在的兼容性問題，從而提升您的開發效率。 cate

react , vue.js , webkit , typescript , 前端

收藏 評論

qiaobaba_5c32c7fd63b07 頭像

喬巴巴 - （通用 Socket.io、push-notification）教你實現 web 網站實時推送系統消息到“電腦任務通知欄”

消息通知是 web 網站的一個基本常規功能。web 網站消息管理模塊一般都是用户主動請求消息通知，即使採用 socket 技術，也僅僅只是在用户瀏覽當前系統網站時，才能發現系統推送的消息通知，這樣很容易造成消息通知不到位，發現不及時。本場 Chat 利用 HTML5 中的 JavaScript Web Notification API 新增功能，它允許 Chrome、Safari、Firefox

socket.io , vue.js , push-notification , nodejs-express

收藏 評論

linwu_64a6a252159bc 頭像

linwu - 作為面試官，為什麼我推薦微前端作為前端面試的亮點？

點擊在線閲讀，體驗更好 鏈接 現代JavaScript高級小冊 鏈接 深入淺出Dart 鏈接 現代TypeScript高級小冊 鏈接 前段時間陸續面試了一波候選人，其中提到最多的就是微前端方案，微前端不像前端框架的面試題那樣，它更偏重於項目實戰，更加考察候選人的技術水平，不像Reac

react , vue.js , 微前端 , typescript , Javascript

收藏 評論

wangzc996 頭像

霧島聽風 - 前端常用文件下載上傳方法

本文整理了前端常用的下載文件以及上傳文件的方法 例子均以vue+element ui+axios為例,不使用el封裝好的上傳組件，這裏自行進行封裝實現 先附上demo 上傳文件 以圖片為例，文件上傳可以省略預覽圖片功能 圖片上傳可以使用2種方式：文件流和base64; 1.文件流上傳+預覽： input type="file" id='imgBlob' @change='changeIm

vue.js , 圖片上傳 , 圖片下載 , 前端 , Javascript

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

收藏 評論

u_17148819 頭像

好像還可以 - 分享 vue vxe-gantt 甘特圖拖拽創建連接線的用法及使用

分享 vue vxe-gantt 甘特圖拖拽創建連接線的用法及使用,通過設置 links 定義連接線,from 對應源任務的行主鍵,tom 對應目標任務的行主鍵 0 FinishToStart 結束後才開始，表示一個任務必須在另一個任務開始之前完成 1 StartToFinish 開始到結束，表示從某個過程的開始到結束的整個過程 2 StartToStart 開始後才開始，表示一個活

vue.js , gantt , 前端開發

收藏 評論

sheng_c 頭像

曹旭升 - 如何調用 DeepSeek 的自然語言處理 API 接口並集成到在線客服系統

我在業餘時間開發了一款自己的獨立產品：升訊威在線客服與營銷系統。陸陸續續開發了幾年，從一開始的偶有用户嘗試，到如今線上環境和私有化部署均有了越來越多的穩定用户。 隨時近來 AI 大模型的火熱，越來越多的客户，問到過能否把客服系統接入 DeepSeek，或者其它大語言模型。 説幹就幹，看看實現效果吧： 本文將提供一個詳細的示例，展示如何調用 DeepSeek 的自然語言處理 API 接口。我們將以

safari , vue.js , chrome-devtools , npm , Javascript

收藏 評論

shijuepaipie 頭像

視覺派Pie - Huilder X開發-貓耳APP（H5+/MUI/VUE）

前言 近年來國內出現了一些可以讓前端人員編寫移動端App的IDE，Hbuilder X是DCloud推出的一款免費開發工具，最大的亮點是可以開發App，利用html5+技術，結合mui+nativejs可以在雲端打包，主要用到的技術就是HTML5、JS、CSS，一套代碼，即可生成Android和IOS對應的兩種App。最早的App開發只有原生這個概念，Html頁面只是用來做一些簡單的靜態資源展示

vue.js , hbuilder , mui

收藏 評論