tag vue.js

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

@vue.js / 博客 RSS 訂閱

gqkmiss 頭像

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

收藏 評論

shuirongshui 頭像

水冗水孚 - 實現el-table樹結構表格展開摺疊且合併單元格功能（兩種思路）

需求描述 樹結構表格 可展開摺疊，有children子集項 並且對應列還需要合併單元格（大類合併） 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個：:tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是，只能換種思路實現了 添加行、刪除行方式，同時動態計算需要合併的單元格信息 效

vue.js , element-plus , element-ui

收藏 評論

lantianhaijiao 頭像

藍天海礁 - 創建GitHub Pages博客

創建GitHub Pages博客 為啥用這個，主要是免費、部署快，對個人博客要求沒那麼高的可以搞一下子 基礎配置工作 首先登錄github: https://github.com 然後在setting設置repo名字和github.com名字一致 github.com是 https://github.com/lantianhaijiao，github.io名字是lantianhai

vue.js , 技術分享 , hexo , 博客搭建 , 前端

收藏 評論

qfifteen 頭像

十五 - 受夠了團隊代碼風格不統一？7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系，主要內容為：通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化，通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字，主要內容分為 7 個大章節，內分多個小章節。請耐心讀完，相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章，該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 JavaScript元編程：深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇，為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

收藏 評論

webweb 頭像

web網站裝修工 - vue+node後台管理（帶預覽地址）

最近在逛開源網站時發現了一個比較實用又簡潔的開源後台管理。 先貼一下預覽地址：點擊直達 為啥説比較實用呢！來看看它的功能就知道了： 用户管理 菜單管理 角色管理 菜單權限 角色權限 字典管理 富文本+圖片管理+文件管理 等等還有一些比較實用的.... 用過後台都知道這幾個功能的含金量，還自帶了node後端直接啓動就可使用。 最後再貼幾張演示圖：

vue.js , 框架 , node.js , 後端 , 前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - Vite VS Webpack，誰才是最強構建工具

Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強

vue.js , vite , webpack , 前端 , Javascript

收藏 評論

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

收藏 評論

yujiaao 頭像

Yujiaao - AI輔助學習：給一個 mvvm 模式使用的小例子

MVVM在面試時問得很多，下面讓Ai教我們怎麼用這個模式： 以下是一個簡單的 MVVM（Model-View-ViewModel）模式在 JavaScript（使用 Vue.js 框架來實現）中的小例子，展示瞭如何實現數據綁定和交互邏輯的分離。 1. 項目搭建 首先，確保你已經安裝了 Vue.js。如果沒有，可以通過以下方式在項目中引入： 在 HTML 文件的頭部添加如下 CDN 鏈接： s

vue.js , mvvm

收藏 評論

refanbanzhang 頭像

熱飯班長 - 最好的svg使用方案（個人覺得）

方案1：img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸，圖片會模糊（使用了img後，會喪失svg的特性） 無法指定顏色 方案2：插件 添加vite-svg-loader插件 找了好幾個常見的插件，比如vite-plugin-svg-icons、vite-plugin-svg-loader、u

react , vue.js , vite , HTML , svg

收藏 評論

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - Vue.js：現代化前端開發的高效框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架。它以其輕量、靈活和易上手的特性受到前端開發者的廣泛歡迎。Vue.js 不僅適用於小型項目的快速開發，也可以通過組件化和豐富的生態系統構建大型複雜的應用。在本文中，我們將深入瞭解 Vue.js 的核心特性，常見使用場景及其獨特的優勢。 一、什麼是 Vue.js？ Vue.js（簡稱 Vue）是由尤雨溪在 2014 年發佈的開源

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - 記錄一次vue-cli創建vue項目失敗，一直卡着不動問題

問題描述：使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗，報錯：ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config，命令行出現如下信息： Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0前後端分離框架通用後台源碼

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架，前後端分離。 可通過gii實現自動生成頁面（支持文本、富文本、單圖、多圖、生成），快速開發。 基礎功能有： 權限管理（實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉）、圖片相冊、圖片上傳、富文本、導出。網址： http://yii2.vue2.notestore.cn/index.html

vue.js , yii , element-ui

收藏 評論

1227 頭像

1227 - 一文搞定前端多種主題配置及全局引入scss文件

前言 本文中所採取的方案主要是css預處理（less/scss）方案，適用於項目中有多套主題需要進行配置，有着很強的擴展性和易用性，如果你的項目臨時需要加上主題切換，可以採用；如果你的項目需要很多套主題配置，也非常適用！ 一、變量配置的代碼部分 1、主題變量的配置 theme.scss（在項目中存放在style文件夾下面，這個文件夾主要用於系統一些公共樣式的存放和管理） // 主題配置 $the

vue.js , scss , 工程化 , 前端

收藏 評論

littlelyon 頭像

littlelyon - 使用 AST 遷移複雜前端項目的探索

寫在前面 也不知道為什麼，每一次工作變動，所接手的第一個項目，都和項目遷移有關。這次也不例外，在 5 月初入職樂天之後，處理完雜七雜八的事情，第一個接手的項目是將一個大概有 5 年開發週期的 nuxt 2 前端項目，遷移到 nuxt 3 版本。 項目遷移與“屎山” 談及項目遷移，尤其是複雜項目，很容易讓人把它和“屎山”聯繫起來，而事實上也是如此，大多數規模較大的項目，往往都具備“屎山”的各種特徵，

ast , vue.js , nuxt.js , 前端 , Javascript

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0

https://download.notestore.cn/2022/03/03/yii-vue-admin/

vue.js , element , yii

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - 2024年前端面試題

Angular 2--03 高級應用.pdf： https://download.notestore.cn/s/2227/2024/前端PDF學習文檔/Angular 2--03 高級應用.pdf JavaScript03 面向對象編程.pdf：https://download.notestore.cn/s/2227/2024/前端PDF學習文檔/JavaScript03 面向對象編程.pdf L

angularjs , vue.js

收藏 評論

kevinzhw 頭像

天涯學館 - Nuxt.js實戰：Vue.js的服務器端渲染框架

創建Nuxt.js項目 首先，確保你已經安裝了Node.js和yarn或npm。然後，通過命令行創建一個新的Nuxt.js項目： yarn create nuxt-app my-nuxt-project cd my-nuxt-project 在創建過程中，你可以選擇是否需要UI框架、預處理器等選項，根據需要配置。 目錄結構 Nuxt.js遵循特定的目錄結構，其中一些關鍵目錄如下： ├── .nux

vue.js , nuxt.js , 前端 , Javascript

收藏 評論

zhuiyi_5e4ea2134d01e 頭像

追憶 - Django學習(4)——前後端分離

1. Django的設計模式 Django是基於pyton語言的一個比較全面的框架，採用了MVC設計模式，但是Django更關注於模型（Model）、模板(Template)和視圖（Views），稱為 MTV模式。各自職責如下： 層次 職責 模型（Model） 即數據存取層。處理與數據相關的所有事務： 如何存取、如何驗證有效性、包含哪些行為以

vue.js , 前後端分離 , 後端 , 前端 , Json

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 一款極簡的聊天應用

大家好，我是 Java陳序員。 今天，給大家介紹一個開源的聊天應用程序，支持PC端和移動端。 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 HasChat —— 一個基於 Vue3 + Socket.io 的聊天應用，同時支持PC端和移動端。 功能特性： 技術棧： PC 網頁版前端：Vue3 + Vite + TypeS

express , vue.js , github , 數據庫

收藏 評論

songxianling1992 頭像

songxianling1992 - webpack build打包保留歷史版本資源包；解決部署後；客户端白屏問題

背景: taro+h5的項目; 每次build上線的時候; 如果這時候有人正在使用 h5頁面 ；因為jenkins部署是直接替換掉原來的資源；導致 單頁面應用 的頁面找不到之前的資源；出現白屏、點擊無反應、xxx is not defined 的情況 前端打包解決思路 部署的時候不刪除之前的資源包dist；以保證正在使用的客户端用户始終能找到對應的資源。 將打包資源的文件夾名定義為 版

vue.js , 前端工程化 , 打包 , webpack , taro

收藏 評論

jackzhoumine 頭像

JackZhouMine - 前端項目如何規範文件命名

前端項目如何規範文件命名 ls-lint 是一個非常快的文件和目錄名稱 linter，可方便約束項目目錄和文件的命名。 特點： 快速 依賴少 適用所有文件 配置簡單 安裝依賴 npm install @ls-lint/ls-lint -D 在 husky 加入 git hook: "husky": { "hooks": { "pre-commit": "ls-lint

vue.js , 工程化 , HTML , 前端 , Javascript

收藏 評論

rk405264704 頭像

留白 - 記錄動態修改element中el-calendar日曆組件日期的高度

首先看下需求頁面的整體佈局。 頁面分為上下佈局，上邊模塊包含左側日曆和右側導入部分，下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%，高度自適應。 項目是由vue2+elementui開發，這裏主要説的是日曆的高度如何動態設置？ 由於業務需求，日曆只展示當前月份數據，使用css將上個月份和下個月份數據進行隱藏，所以日曆有時是5行數據展示，有

vue.js , scss , element-ui , Javascript

收藏 評論