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
貢獻者142
粉絲0
Tab頁切換 完成固定footer佈局後,我想要在footer中添加幾個按鈕,來控制中間部分顯示的頁面,類似微信。因此我需要實現一個tab切換的功能,我這裏用到了Weex提供的slider組件。 template div class="wrapper" slider class="tab-container" auto-play="false" v-bind:index="sel" v
昵稱 MUYOUHUIYAO
最近在做一個小程序,內部有車輛管理系統,需要用户錄入車牌信息,在網上沒找到特別符合自己需求的Vue組件,於是自己梳理了一下相關的要點,並製作了一個基於VueJS的可在小程序內運行的車牌選擇器 效果圖 原型圖 相關功能點梳理 點擊選擇車牌,展示車牌選擇軟鍵盤 車牌第一位為省份簡稱 只能選擇省份簡稱 選擇完省份後,軟鍵盤的數據需要切換到數字跟字母
昵稱 一縷青絲斷情愁
Android Studio 安裝jdk 去到官網下載1.8版本的jdk 配置jdk環境變量 打開終端 cd ~/回到首頁 open .zshrc打開環境變量配置文件,若沒有該文件,則使用touch .zshrc創建文件 向.zshrc寫入jdk配置代碼 JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_301.jdk
昵稱 phoenixhg
Leadshop免費開源商城V1.1.5,歡迎下載 下載地址: https://gitee.com/leadshop/leadshop/releases 新增:店鋪裝修--增加公告組件 新增:店鋪裝修--標題組件、選項卡組件、商品組件,可單獨設置背景色 新增:手機店鋪首頁--提示用户收藏小程序 新增:安裝的環境檢測 新增:公眾號商城個人中心可換手機號綁定 優化:手機端
昵稱 Leadshop開源商城
本文精心挑選了一系列MySQL指令碼,助你提升資料庫效率、解決常見問題,讓你的資料儲存體驗更加高效、可靠。 常用功能指令碼 1.匯出整個資料庫 mysqldump - u 使用者名稱- p – default - character - set = latin1 資料庫名匯出的檔名(資料庫預設編碼是latin1) mysqldump - u wcnc - p smgp_apps_wcnc
昵稱 renxingdebenma
官網:https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案:https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi
昵稱 兔子先森
我們一般使用electron-builder對electron項目進行打包,在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋: "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"
昵稱 兔子先森
當你需要將一個vue項目打包成electron時,只需要正常的安裝electron依賴、electron-builder依賴,正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目,腳手架為vite,然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e
昵稱 兔子先森
這種報錯是ico資源文件出錯導致的,可以看看gitHub對此問題的解釋:https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對,看起來資源文件後綴是.ico實際上是png格式,你有可能是在一些網站將png轉換為ico,它沒有被正常的轉換為ico,只是將資源文件的後
昵稱 兔子先森
這種打包報錯實際上是缺少對應文件,由於electron在打包時會下載資源,有些資源需要科學上網,所以正常打包網速過慢會導致資源丟失。 像上圖報錯,很明顯是丟失winCodeSign-2.6.0資源,所以我們需要去下載對應資源 資源下載鏈接:https://github.com/electron-userland/electron-builder-binaries/release
昵稱 兔子先森
分享一個很實用的工具庫 VueUse,它是基於 Vue Composition Api,也就是組合式API。支持在Vue2和Vue3項目中進行使用,據説是目前世界上Star最高的同類型庫之一。 它的初衷就是將一切原本並不支持響應式的 JS API 變得支持響應式,省去程序員自己寫相關代碼。 官方地址:https://vueuse.org/ 中文地址:https://www.vueusej
昵稱 Winn
Vue.js 經歷了從 Vue 2 到 Vue 3 的重大變革,帶來了許多引人注目的新特性和性能優化。其中,setup函數無疑是最引人矚目的新星之一。 一、概覽 setup函數是 Vue 3 引入的一個新的組件選項,作為組合式 API 中心,它允許開發者在一個空間內使用所有的 composition API。這個函數將在組件創建之前執行,這樣就為你提供了定義響應式變量、計算屬性、函數等的機會,從而
昵稱 Apifox
背景 在我做過的一個對接海康威視監控實現直播流的項目中,需要處理 WebSocket 的長連接,以便於和服務器保持實時通信。WebSocket 的一個挑戰是連接的穩定性,特別是在網絡波動或斷開時,如何確保能自動重連並保持通信流暢。為了簡化這一過程,我決定封裝一個 WebSocket 類,使得開發者無需每次都重複編寫連接、心跳、重連等邏輯。 這個 CustomSocket 類支持以下功能: 心跳
昵稱 夢開始的地方
效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura
昵稱 你好啊你好
概述 @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_in_sf
我做了個 Vue3 的中後台框架,想和你聊聊背後的故事 不是技術博客,只是一個前端開發者的自白 開篇 你好,我是 CHENY。一個有點代碼潔癖的前端開發者。 今天想和你聊聊我最近做的一個開源項目 —— Robot Admin。不聊技術有多牛,不聊架構有多先進,就想和你説説,為什麼要做這個項目,以及它能幫你解決什麼問題。 為什麼又是一個後台框架? 是的,我知道。GitHub 上的後台框架已經夠多了
昵稱 ChenyCHENYU
些客户在制定目標時只看到理想收益,卻忽視了過程中可能產生的各種風險與成本。讓客户直觀地感受到不合理目標帶來的潛在代價,往往能促使他們變得更加審慎。 (一)列舉潛在風險清單 質量風險:項目時間不足,必然導致測試、優化環節被壓縮,進而引發上線後BUG頻發或安全漏洞。 人員疲勞與流失:過度壓縮週期會讓團隊長期處於加班狀態,員工士氣和健康受損,關鍵崗位人員離職的概率也會增加。 技術債務:為趕進度或節省預算
昵稱 奔放的炒粉
CSS值的定義到最終渲染實際上會經過一系列的步驟,這一過程在W3C Recommendation中有介紹,整個過程一共分為6步: 聲明值:應用於元素的每個屬性都會為它提供一個聲明值,當然也可能存在多個,比如在多個樣式表中重複聲明 級聯值:這一步其實就是在計算樣式屬性的權重,從而得到一個權重最高的值 指定值:它一般等於級聯值或者默認值,繼承屬性用的繼承值 inherit,非繼承屬性將用初
昵稱 奔放的炒粉
本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件,它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説,表格組件樹表數據滾動場景卡頓,偶爾會出現白屏現象,甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通,加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸,存在大量的計算與dom操作。
昵稱 OpenTiny社區
前言 感覺這塊也是一個知識點,雖然我現在還不能系統的用xmind總結每個知識點的串聯關係,但是隻能看一個記一個了 package.json是什麼 我個人理解,package.json是描述包,管理包的一個信息json文件,給npm用的,比如你可以寫一個包,發到npm,那這個json就是記錄這個包的信息,或者對用vue腳手架開發的項目而言,它就是管理包的文件,npm install會讀這個文件的de
昵稱 bug之所措
走過路過不要錯過,只説一遍,真的很好用,不好用你可以在評論裏面噴我、踩我 uniapp插件地址(https://ext.dcloud.net.cn/plugin?id=15196) 一套代碼打包多個微信小程序 一套代碼打包多個抖音小程序 簡介 此項目是用來免除手動替換小程序appid的煩惱。有些公司會在開發環境是一個appid,測試,準生產,生產又是另一個appid,避免我們每次手動填寫,打包構建
昵稱 浪跡天涯小king
背景: taro+h5的項目; 每次build上線的時候; 如果這時候有人正在使用 h5頁面 ;因為jenkins部署是直接替換掉原來的資源;導致 單頁面應用 的頁面找不到之前的資源;出現白屏、點擊無反應、xxx is not defined 的情況 前端打包解決思路 部署的時候不刪除之前的資源包dist;以保證正在使用的客户端用户始終能找到對應的資源。 將打包資源的文件夾名定義為 版
昵稱 songxianling1992
背景 後台系統首頁,存在各個訂單狀態的數量統計,現需要實現點擊後跳轉到對應頁面,即快速跳轉。目前系統只有一個訂單列表頁面,table上方倒是有查詢表單,可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉,攜帶參數;目標頁面初始化階段獲取參數,填入表單,發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝,Table內有查詢Form、Table等組件,通過外部傳入的查詢
昵稱 何棄療
這裏主要用到button的open-type功能,官網已有説明: 給button設置open-type="chooseAvatar",來使bindchooseavatar方法生效,在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b
昵稱 兔子先森