tag vue.js

標籤
貢獻371
415
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 訂閱

moyuzai_zxp616510038 頭像

馳驥 - 【十五】CSS性能

前言 本篇章來源於https://juejin.cn/post/7077347573740077069，內容只是經過咀嚼便於自己理解。 面試回答 1.重繪重排：簡單來説重繪就是改變某個節點的樣式，重排就是改變某些節點的佈局，比如元素尺寸變動、元素位置變動以及瀏覽器窗口變動。所以重排一定會引起重繪，而重繪不一定引起重排。減少重繪重排的方式主要是通過集中修改css來完成，比如將樣式統一放在clas

vue.js , less , Css , 前端 , Javascript

收藏 評論

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

收藏 評論

gplml 頭像

會説話的樹 - 記錄一個vue代理請求接口報500的問題

我的問題是這樣的： postman能調通接口 通過瀏覽器地址欄直接輸入接口也可以請求成功 使用原生ajax請求地址也可以調通接口 使用vue-cli搭建的項目，並且使用代理請求接口就會報500，並且接口返回的報錯信息很奇怪 以下是請求接口時報錯的樣子： 1. 2. 3. 這裏能看出什麼問題嗎，我排查了半天還是沒找到什麼問題！！！ 這裏我一

vue.js , vue-cli

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 解析$nextTick魔力，為啥大家都愛它？

1.為什麼需要使用$nextTick? 首先我們來看看官方對於$nextTick的定義: 在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的 DOM。 由於vue的試圖渲染是異步的，生命週期的created()鈎子函數進行的DOM操作一定要放在Vue.nextTick()的回調函數中，原因是在created()鈎子函數執行的時候DOM其實並未進行渲染，而此時

vue.js , dom , 前端 , Javascript

收藏 評論

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

收藏 評論

honwhy 頭像

Honwhy - 使用wxt開發跨瀏覽器插件

一、背景 在使用@crxjs/vite-plugin一段時間後，開發發了welibrary等圖書館插件，為了進一步推廣插件計劃支持Chrome、Edge瀏覽器之外的Firefox，為此耗費了不少時間用於調整配置，初步結論如下， 1）Firefox對mv2版本支持更多，mv3版本有諸多限制，@crxjs/vite-plugin等工具打包後的產物可能無法運行 2）雖然Firefox支持chrome全局

vue.js , chrome , vite , chrome-extension

收藏 評論

chenchaoyang666 頭像

愚者 - 基於tiptap一次封裝CustomEditor

tiptap一次封裝自定義UI 效果圖 （參考element-tiptap）： demo如下 本次封裝基於vue3 template div v-if="editor" :class="[ { 'el-tiptap-editor': true, 'el-tiptap-editor--fullscreen': isFullscreen

vue.js , less , typescript , 前端

收藏 評論

apifox 頭像

Apifox - 掌握 Vue3 中的 setup 函數

Vue.js 經歷了從 Vue 2 到 Vue 3 的重大變革，帶來了許多引人注目的新特性和性能優化。其中，setup函數無疑是最引人矚目的新星之一。 一、概覽 setup函數是 Vue 3 引入的一個新的組件選項，作為組合式 API 中心，它允許開發者在一個空間內使用所有的 composition API。這個函數將在組件創建之前執行，這樣就為你提供了定義響應式變量、計算屬性、函數等的機會，從而

vue.js , 前端工程師 , vue3 , 程序員 , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - SPA應用的hash模式和history模式部署問題

hash模式和history模式的差異是什麼？ 拿這個地址為例： http://xxx.com#about http://xxx.com/about hash模式 由於http請求並不包含hash，所以不管hash值為多少，服務器端收到的請求始終都是/。 history模式 history模式下，後面的/about路徑會被服務器接收到，然後嘗試去處理這個/about。 為什

react , vue.js , Nginx , router , 前端

收藏 評論

jwgqwyq 頭像

君問歸期未有期 - 開發工具推薦:公網訪問內網服務、HTTPS調試、TCP/UDP

下載地址 Windows64位 別用某60,胡亂攔截,用其他任意安全軟件 Mac OS X64位 Linux64位 Linux/ARM32位64位 Docker 處理器 命令 x64 docker pull yjsh14z/fastnat_linux_x64:lastest br/docker run -itd --networ

vue.js , 開發工具 , 前後端分離 , 後端 , 前端

收藏 評論

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

收藏 評論

zhuiyi_5e4ea2134d01e 頭像

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

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

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

收藏 評論

rk405264704 頭像

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

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

vue.js , scss , element-ui , Javascript

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0

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

vue.js , element , yii

收藏 評論

littlelyon 頭像

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

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

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

收藏 評論

1227 頭像

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

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

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

收藏 評論

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

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0+Element2.0

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

vue.js , yii , element-ui

收藏 評論

refanbanzhang 頭像

熱飯班長 - svg的使用方式

使用img加載 import dir from '/assets/icons-plus/dir.svg' img :src="dir" / 優點：使用簡單 缺點: 不能動態修改svg的樣式

react , vue.js , svg

收藏 評論

yangge_5c6804373b5a0 頭像

陽哥 - vue數據響應式的原理（通俗易懂）附源碼

通言：以前都是看網上別人的關於vue數據響應式原理理解，都是長篇大論的，不是很好理解，不能有效概括。直到學習了某位老師的課程我恍然大悟。得出結論：數據響應式就是指數據的改變以後通知函數的執行。 講一下實現的邏輯過程： 首先 js代碼: var user = { name: '合約路', birth: '2002-5-7', }; // 顯示姓氏 function show

vue.js , mvvm , Javascript

收藏 評論