@vue.js

動態 列表
@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

昵稱 何棄療

@tuzixiansen_63d4d65909d62

原生微信小程序響應式數據

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

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@jidongdehai_co4lxh

uniapp絲滑實現主題切換功能的方式(全兼容)

記得剛畢業實習的時候,第一個需求就是如何實現小程序的主題切換。大家都知道,剛畢業的時候,啥也不會,一通亂改,還好最後老闆不計劃把原來的老的小程序改為uniapp寫,不然,我怕剛進公司就得被踢出公司。 話説回來,在職場摸爬滾打之後,最近正在做一款工具類的小程序 ToolMaster,剛好就想到了做一下主題色的切換。目前已經出效果了,起碼兼容微信小程序平台,大家也都知道微信小程序的情況,所以我覺得全平

jidongdehai_co4lxh 頭像

@jidongdehai_co4lxh

昵稱 前端小李子

@kasong

對於“前端狀態”相關問題,如何思考比較全面

大家好,我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了?前端應該跟着React走還是跟着JS、TS走?- beeplin的回答。 在這個回答的基礎上,我想引申出一個問題 —— 對於前端狀態相關問題,如何思考比較全面? 今天,我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣,帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之,在他們

kasong 頭像

@kasong

昵稱 卡頌