tag vue.js

標籤
貢獻371
410
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 頭像

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯errorOut=ERROR: Cannot create symbolic link

這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release

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

收藏 評論

lyflexi 頭像

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用，3倍構建效率實戰方案

Vue工程化配置指南：vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件： 項目層級示意： your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構： module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

wangjingyu_5f58472234cff 頭像

東莞夢幻網絡科技 - 體育賽事即時比分 分析頁面的開發技術架構與實現細節

本文基於“體育即時比分系統”的實際開發經驗總結，僅供技術交流。該系統在實現過程中，主要解決了實時比分更新、賠率數據同步、賽事分析展示等關鍵問題，並採用了以下技術棧： 後端：PHP（ThinkPHP 框架） 安卓端：Java iOS端：Objective-C PC/H5 前端：Vue.js 其中，比分分析頁面聚焦於展示比賽雙方的近期戰績、比賽賠率、關鍵數據分析等信息，結合 WebS

vue.js , php , objective-c , JAVA

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 前端工程師工作週報

0大前提：A系統是vue2+elementui 主要功能： 實現elementui貼近antdesign周選擇器和級聯選器的功能， 造輪子， 各種組件拼接， 使用源碼的api或者樣式早哦輪子 1.領導讓寫一個周選擇器，類似antd4.x版本的， 如下： ps：為什麼強調antd的版本， 因為antd4.x在我的A系統中不可用 因此用cursor重寫了一個輪子， 從div寫起， 邊問ai邊改

vue.js , ant-design-vue , echarts , element-ui

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序獲取和修改用户頭像信息

這裏主要用到button的open-type功能，官網已有説明： 給button設置open-type="chooseAvatar"，來使bindchooseavatar方法生效，在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b

vue.js , 微信小程序 , HTML , 前端 , Javascript

收藏 評論

benfangdechaofen 頭像

奔放的炒粉 - 強調風險與成本：讓客户看到潛在代價

些客户在制定目標時只看到理想收益，卻忽視了過程中可能產生的各種風險與成本。讓客户直觀地感受到不合理目標帶來的潛在代價，往往能促使他們變得更加審慎。 （一）列舉潛在風險清單 質量風險：項目時間不足，必然導致測試、優化環節被壓縮，進而引發上線後BUG頻發或安全漏洞。 人員疲勞與流失：過度壓縮週期會讓團隊長期處於加班狀態，員工士氣和健康受損，關鍵崗位人員離職的概率也會增加。 技術債務：為趕進度或節省預算

vue.js , bootstrap , chrome-devtools

收藏 評論

benfangdechaofen 頭像

奔放的炒粉 - 後續跟進：讓客户看到成效

即便成功説服客户適度調整目標，也要防止後續執行中“反彈”或“再次激進”。通過持續跟進和階段成果展示，穩固已經達成的共識，並讓客户一步步感受到合理目標所帶來的實際成效。 （一）階段彙報與Demo 定期評審：如每兩週或每月召開項目進度會，向客户演示當前完成的功能、展示測試結果或用户反饋。 展示階段成就：着重強調因為採用了更務實的目標，團隊成功在某個關鍵里程碑按時高質量完成，這能強化客户的認同感。 （二

astro , vue.js , angular , Css

收藏 評論

benfangdechaofen 頭像

奔放的炒粉 - CSS值的處理過程

CSS值的定義到最終渲染實際上會經過一系列的步驟，這一過程在W3C Recommendation中有介紹，整個過程一共分為6步： 聲明值：應用於元素的每個屬性都會為它提供一個聲明值，當然也可能存在多個，比如在多個樣式表中重複聲明 級聯值：這一步其實就是在計算樣式屬性的權重，從而得到一個權重最高的值 指定值：它一般等於級聯值或者默認值，繼承屬性用的繼承值 inherit，非繼承屬性將用初

vue.js , bootstrap , Css

收藏 評論

shuirongshui 頭像

水冗水孚 - 算法的應用場景之尋找最近數&時間線組件錨點跳轉對應位置

需求描述 前兩天和以前公司的同事聊天，他提到在刷leetcode，並提到算法感覺不接地氣 似乎也沒有什麼應用場景 於是乎，筆者翻出一個案例需求給到他 看完以後，他感嘆道： 還是自己見得少了... 需求：假設有一個時間線組件，按照時間順序展示對應內容，如下圖 這個時間線可能很長，能有好幾個月 為了提高用户體驗，當用户進入這個頁面的時候 我們需要看看當天是哪一天，同時滾動到，距

vue.js , leetcode , element-plus

收藏 評論

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

收藏 評論

cricis 頭像

好文收藏 - 12 分鐘介紹所有主流 (Web) 框架

本內容是對 Every Web Framework Explained in 12 Minutes 內容的翻譯與整理。 Ruby on Rails Ruby on Rails 是一個基於 Ruby 編程語言開發的服務器端 Web 框架。它誕生於 2004 年，主要用於構建網站。你可以通過它創建和管理數據庫、構建網頁，並在後端進行整體管理。這種架構被稱為 MVC（模型-視圖-控制器）。它還使

astro , react , vue.js , angular , node.js

收藏 評論

carlsonblog 頭像

夢開始的地方 - JavaScript WebSocket 封裝與優化：自動重連、心跳機制與連接狀態監控》

背景 在我做過的一個對接海康威視監控實現直播流的項目中，需要處理 WebSocket 的長連接，以便於和服務器保持實時通信。WebSocket 的一個挑戰是連接的穩定性，特別是在網絡波動或斷開時，如何確保能自動重連並保持通信流暢。為了簡化這一過程，我決定封裝一個 WebSocket 類，使得開發者無需每次都重複編寫連接、心跳、重連等邏輯。 這個 CustomSocket 類支持以下功能： 心跳

vue.js , websocket , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 動態tabbar後的tabbar高度獲取

用於做底部懸浮定位，懸浮在tabbar上 在設置tabbar的組件中獲取，利用組件生命週期，獲取tabbar高度，將高度存到本地，用於全局獲取 attached() { let query = wx.createSelectorQuery().in(this); query.select('.custom-tab-bar').bound

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 一個好用且開源的全能 IP 工具箱！

大家好，我是 Java陳序員。 在日常開發中，經常需要查詢 IP 地址，檢測 IP 信息，做一些網絡連通性測試。 今天，給大家介紹一款開源好用的 IP 工具箱，幫助你輕鬆查詢 IP 信息！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 MyIP —— 一個好用且開源的全能 IP 工具箱，基於 Express + Vue 實現，

express , vue.js , github , Docker

收藏 評論

lllllxt 頭像

lllllxt_in_sf - vue2 多頁面構建後chunks無法注入script問題

概述 @vue/cli-service@4.x下，配置了多頁面，構建後因為chunks沒有注入到html中，導致訪問頁面時頁面空白 原因 自定義了splitChunks，且單個包的大小達到某些條件後，會分割為多個包，如index~123.111.js，index~123.222.js，其中index~123是 chunkName 而html-webpack-plugin@3.x中，是判斷 i

vue.js , vue-cli4 , 前端框架 , webpack4 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css元素高度佔滿餘下空間

div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中，div的寬度默認獨佔一行，而高度需要手動設置。 上面的佈局，box 高度 300 box1的高度未

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 解決移動端設備hover樣式不消失問題

下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端頁面單詞、網址溢出換行

效果： 在css中，對文字可以使用：flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址，該屬性則無效。 我們需要對英文、網址進行斷字，然後使其換行，下面是mdn的解釋： .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;

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

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生微信小程序響應式數據

原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定，這種雙向綁定只能對應data中的簡單數據類型，例如：string、number、boolean、null，例如： data: { keyword: '' // data中直接定義 }, 頁面用module:va

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

bigegaodeci 頭像

duoke球球 - Vue.js與Nuxt.js的區別

Vue.js與Nuxt.js都是前端的兩個框架，Vue.js的項目屬於單頁應用，而Nuxt.js是基於Vue.js的服務端渲染通用框架。 單頁應用簡稱SPA，指的是前端代碼將會在瀏覽器端被瀏覽器渲染。這對SEO優化不利，搜索引擎爬蟲，會爬到空的網頁。在Vue項目中，Vue會將JS交給瀏覽器渲染 因此，結果是查看源代碼沒有別的東西，搜索引擎爬蟲也基本只能看到這些，於是便直接下一個了，不會等你

vue.js , nuxt.js

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 滴滴開源！一套輕量安全的問卷調研系統！

大家好，我是 Java陳序員。 之前給大家介紹了兩款開源的問卷調查系統。 太捲了！這個考試系統不愧是“卷王”！ 填鴨表單！開箱即用的開源問卷調查系統！ 今天，再給大家安利一套輕量安全的問卷調研系統，由滴滴開源！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 xiaoju-survey —— 一套滴滴開源、輕量安全的問卷調研系統

vue.js , github , mongodb , next.js

收藏 評論