@vue.js

動態 列表
@muyouhuiyao

Transporter -- Weex 踩坑日記 (三)

Tab頁切換 完成固定footer佈局後,我想要在footer中添加幾個按鈕,來控制中間部分顯示的頁面,類似微信。因此我需要實現一個tab切換的功能,我這裏用到了Weex提供的slider組件。 template div class="wrapper" slider class="tab-container" auto-play="false" v-bind:index="sel" v

muyouhuiyao 頭像

@muyouhuiyao

昵稱 MUYOUHUIYAO

@louishuang

Vue移動端車牌選擇器實現摘要

最近在做一個小程序,內部有車輛管理系統,需要用户錄入車牌信息,在網上沒找到特別符合自己需求的Vue組件,於是自己梳理了一下相關的要點,並製作了一個基於VueJS的可在小程序內運行的車牌選擇器 效果圖 原型圖 相關功能點梳理 點擊選擇車牌,展示車牌選擇軟鍵盤 車牌第一位為省份簡稱 只能選擇省份簡稱 選擇完省份後,軟鍵盤的數據需要切換到數字跟字母

louishuang 頭像

@louishuang

昵稱 一縷青絲斷情愁

@kangdongdong

Leadshop【V1.1.5已發佈】新增:店鋪裝修:增加公告組件、標題組件、選項卡組件、商品組件,可單獨設置背景色等諸多功能!

Leadshop免費開源商城V1.1.5,歡迎下載 下載地址: https://gitee.com/leadshop/leadshop/releases 新增:店鋪裝修--增加公告組件 新增:店鋪裝修--標題組件、選項卡組件、商品組件,可單獨設置背景色 新增:手機店鋪首頁--提示用户收藏小程序 新增:安裝的環境檢測 新增:公眾號商城個人中心可換手機號綁定 優化:手機端

kangdongdong 頭像

@kangdongdong

昵稱 Leadshop開源商城

@renxingdebenma

MySQL常用指令碼

本文精心挑選了一系列MySQL指令碼,助你提升資料庫效率、解決常見問題,讓你的資料儲存體驗更加高效、可靠。 常用功能指令碼 1.匯出整個資料庫 mysqldump - u 使用者名稱- p – default - character - set = latin1 資料庫名匯出的檔名(資料庫預設編碼是latin1) mysqldump - u wcnc - p smgp_apps_wcnc

renxingdebenma 頭像

@renxingdebenma

昵稱 renxingdebenma

@tuzixiansen_63d4d65909d62

vue項目打包electron-將已有web項目打包為桌面端

當你需要將一個vue項目打包成electron時,只需要正常的安裝electron依賴、electron-builder依賴,正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目,腳手架為vite,然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

electron打包報錯-image格式問題(.ico報錯)

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

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

electron打包報錯errorOut=ERROR: Cannot create symbolic link

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

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@winnn

一個讓vue開發效率翻倍的小工具

分享一個很實用的工具庫 VueUse,它是基於 Vue Composition Api,也就是組合式API。支持在Vue2和Vue3項目中進行使用,據説是目前世界上Star最高的同類型庫之一。 它的初衷就是將一切原本並不支持響應式的 JS API 變得支持響應式,省去程序員自己寫相關代碼。 官方地址:https://vueuse.org/ 中文地址:https://www.vueusej

winnn 頭像

@winnn

昵稱 Winn

@apifox

掌握 Vue3 中的 setup 函數

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

apifox 頭像

@apifox

昵稱 Apifox

@carlsonblog

JavaScript WebSocket 封裝與優化:自動重連、心跳機制與連接狀態監控》

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

carlsonblog 頭像

@carlsonblog

昵稱 夢開始的地方

@lllllxt

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

lllllxt 頭像

@lllllxt

昵稱 lllllxt_in_sf

@chenychenyu

robot-admin 一個現代化的基於業務場景的中後台解決方案

我做了個 Vue3 的中後台框架,想和你聊聊背後的故事 不是技術博客,只是一個前端開發者的自白 開篇 你好,我是 CHENY。一個有點代碼潔癖的前端開發者。 今天想和你聊聊我最近做的一個開源項目 —— Robot Admin。不聊技術有多牛,不聊架構有多先進,就想和你説説,為什麼要做這個項目,以及它能幫你解決什麼問題。 為什麼又是一個後台框架? 是的,我知道。GitHub 上的後台框架已經夠多了

chenychenyu 頭像

@chenychenyu

昵稱 ChenyCHENYU

@benfangdechaofen

強調風險與成本:讓客户看到潛在代價

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

benfangdechaofen 頭像

@benfangdechaofen

昵稱 奔放的炒粉

@benfangdechaofen

CSS值的處理過程

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

benfangdechaofen 頭像

@benfangdechaofen

昵稱 奔放的炒粉

@opentiny

TinyVue表格重構5大關鍵幀一次曝光!內存節省 27%,JS 執行時間減少 43% ,FPS 提升 110%

本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件,它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説,表格組件樹表數據滾動場景卡頓,偶爾會出現白屏現象,甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通,加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸,存在大量的計算與dom操作。

opentiny 頭像

@opentiny

昵稱 OpenTiny社區

@pinmingxueqianduandelaji

package.json的認識

前言 感覺這塊也是一個知識點,雖然我現在還不能系統的用xmind總結每個知識點的串聯關係,但是隻能看一個記一個了 package.json是什麼 我個人理解,package.json是描述包,管理包的一個信息json文件,給npm用的,比如你可以寫一個包,發到npm,那這個json就是記錄這個包的信息,或者對用vue腳手架開發的項目而言,它就是管理包的文件,npm install會讀這個文件的de

pinmingxueqianduandelaji 頭像

@pinmingxueqianduandelaji

昵稱 bug之所措

@13592899917

一套代碼打包多個微信小程序,一套代碼打包多個抖音小程序,有需要請到uniapp插件裏面下載享用

走過路過不要錯過,只説一遍,真的很好用,不好用你可以在評論裏面噴我、踩我 uniapp插件地址(https://ext.dcloud.net.cn/plugin?id=15196) 一套代碼打包多個微信小程序 一套代碼打包多個抖音小程序 簡介 此項目是用來免除手動替換小程序appid的煩惱。有些公司會在開發環境是一個appid,測試,準生產,生產又是另一個appid,避免我們每次手動填寫,打包構建

13592899917 頭像

@13592899917

昵稱 浪跡天涯小king

@songxianling1992

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

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

songxianling1992 頭像

@songxianling1992

昵稱 songxianling1992

@heqiliao_5cf8819257e40

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

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

heqiliao_5cf8819257e40 頭像

@heqiliao_5cf8819257e40

昵稱 何棄療