tag taro

標籤
貢獻16
82
06:41 AM · Oct 27 ,2025
shaogongbra 頭像 ruochuan12 頭像 fenanjiu 頭像 thepoy 頭像 wynectar 頭像 jdcdevloper 頭像 lingo_5f10741b3904f 頭像 13592899917 頭像 shaohushuo 頭像 halt 頭像 hellotech 頭像 o2team 頭像

@taro / 博客 RSS 訂閱

fenanjiu 頭像

南玖 - Taro4.0支持使用Vite構建

前言 早在Taro3.5的版本發佈時，Taro團隊就表示將會在接下來的3.6版本落地對Vite的支持。 但在3.6的版本中根本就沒看到Vite的身影，隨着社區對Vite的呼聲越來越高，終於在Taro4.0beta版本中支持了這一功能！ 目前 Taro 在 Vite 編譯系統適配方面，優先支持了小程序、H5 和鴻蒙三端。 但仔細一想🤔，H5支持使用Vite編譯可以理解，但小程序是隻支持Commo

vite , taro , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp中主題系統是如何實現動態切換的

在舊版本的duxapp，支持主題功能，但是那時候的主體是靜態配置的，並不支持動態切換，新版本，在舊的靜態主題基礎上擴展，實現了動態主題切換 舊版本靜態主題 在之前的版本中已經支持主題功能，在用户配置用，使用模塊的 theme 字段配置主題，像下面這樣 // configs/config/index.js option: { // 基礎模塊 duxapp: { theme: {

react-native , taro

收藏 評論

shaogongbra 頭像

ShaoGongBra - Taro首個支持鴻蒙的 UI 庫，同時還兼容 React Native、小程序、H5

Taro 4.0 已經推出一段時間了，4.0 版本主要是支持了鴻蒙端的開發以及 Vite 編譯工具的支持。duxapp 在這段時間也跟隨 Taro 的腳步，實現的對鴻蒙端的支持，並且也將之前的 duxui 這個多端的 UI 庫，對鴻蒙端實現了兼容。 duxui 組件庫提供了 60+ 的組件支持，能快速幫助你完成業務。 現在使用這個 UI 庫，不僅能開發鴻蒙，還能實現同時開發 React Nativ

react-native , taro , harmonyos , ui

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案

全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp

react , react-native , redux , taro

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp：基於Taro使用模塊化開發，提升開發效率

duxapp是基於Taro二次開發的模塊化框架 使用這個框架，結合框架提供的UI庫和工具庫，能幫助你快速且高質量的完成項目，且能實現同時開發小程序、H5、APP（React Native），並且保證各個端的一致性 duxapp還針對APP開發（React Native）做了大量優化，大大降低了APP發開的難度，你可以閲讀React Native教程，瞭解詳情 下面讓我來詳細介紹如何使用duxapp

react , react-native , 模塊化 , taro , 前端

收藏 評論

songxianling1992 頭像

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

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

vue.js , 前端工程化 , 打包 , webpack , taro

收藏 評論

youbeiputao 頭像

有杯葡萄 - 反對一切形式的”跨平台“前端框架

本來一個職位可以招三個人，結果你一個人用跨平台都幹了，剩下的兩個人只能在市場上卷。關鍵產出的東西，性能差、省力不省功，最後996還是你。你説這是利好了誰？ 跨平台框架的作者，也是coder出身，但是他背叛了程序員本這一羣體。我提議，作為程序員，要堅決抵制各種形式的跨平台，讓你的兄弟有飯吃、你的前同事有飯吃、讓你的家庭有飯吃、讓其他家庭的孩子有飯吃。如果每個程序員總是自掃門前雪，想着道友死貧道

weex , react-native , uniapp , flutter , taro

收藏 評論

coder_64d08a0a77d68 頭像

Coder - 我第一個快200 Star 的項目，Taro H5 SSR 插件現在咋樣了

引言 我寫下這篇文章的初衷是，我認識到，編寫代碼的同時，我們也需要去分享我們的工作和成果，讓更多的人瞭解我們所做的事。這篇文章旨在記錄我的第一個近200 Star 的項目 tarojs-plugin-ssr，能讓更多的人去知道這個項目，瞭解到這個項目還被持續維護中。 我將在文章中講講這個項目的起源，回顧我與 Taro 項目的故事。同時，根據我有限的經驗，來回答一些朋友們關於如何參與開源項目的疑問。

小程序 , next.js , taro , ssr , 前端

收藏 評論

u_17470194 頭像

熊貓不是貓QAQ - 遇事不決問NAS？綠聯NAS進化“賽博道長”，占卜解夢一條龍

「NAS、鍵盤、路由器······年輕就要多折騰，我是愛折騰的熊貓，今天又給大家分享最近折騰的內容了，關注是對我最大的支持，阿里嘎多」 引言 自從AI越來越智能之後，好多東西都開始被 AI 取代，像繪圖、寫作這些就很常見。隨着智能體和 MCP 數量增多，AI 也慢慢涉足一些複雜領域，比如説 AI 導遊、AI 心理醫生等等。大家把已經獲取的信息批量餵給 AI，這樣就能創

遠程訪問 , 開源 , taro , Docker

收藏 評論

o2team 頭像

凹凸實驗室 - 招聘 | Taro 團隊招人啦！

Taro 團隊招人啦！我們是一支熱愛開源和創新的團隊，不斷探索新技術、新體驗和新突破。我們正在尋找對前端開發充滿熱情的工程師，加入我們的 Taro 項目團隊。如果你對跨平台應用開發充滿激情，並具備以下技能和經驗，我們熱切期待你的加入！ 工作職責 參與 Taro 框架開發，同時在跨端和全棧等技術方向攻克難題； 參與跨團隊合作，完成整體項目規劃、設計和開發工作，同時參與項目組件開發、平台優化和業

開源 , taro , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxui：基於Taro，兼容React Native、小程序、H5的多端UI庫

duxui是duxapp官方開發的一款兼容多端的UI組件庫，兼容小程序、H5、React Native，庫中提供了60+的組件，覆蓋大部分使用場景 它能幫助你通過統一的組件樣式，快速完成多端應用的開發，包括React Native端的APP開發 duxui已經被我用於很多項目中，其中包含APP的項目就開發了幾十個了，你可以通過這個鏈接去查看或者體驗這些APP，https://app.share.d

react-native , 小程序 , Android , taro , ios

收藏 評論

hellotech 頭像

哈囉技術 - Taro編譯mini-runner包的作用

什麼是Taro Taro 是一套遵循多端開發的解決方案。只需要一套代碼，就可以編譯轉換成 RN、H5、小程序、快應用多端的運行代碼，其運轉流程主要分為編譯時，運行時兩個階段。 Taro2（重編譯，輕運行） 編譯時：通過taro工具將Taro源代碼轉換成目標代碼 運行時：目標代碼運行時，通過運行時的庫去適配不同端 Taro3（輕編譯，重運行） Taro3主要通過在小程序端模擬實現 D

taro , 前端

收藏 評論

halt 頭像

隱約雷鳴 - 微信小程序(Taro)手撕FormData

小程序裏沒有FormData類，所以POST方法如果要傳multipart/form-data就會報錯。 而npm上的formdata-polyfill，類似 https://github.com/form-data/... 或者https://github.com/jimmywarti... 都不好用 好在有人探究出來 https://developers.weixin.qq.... 可以

微信小程序 , formdata , post , taro

收藏 評論

fenanjiu 頭像

南玖 - 小程序如何實現跨頁面通信

前言 最近有很多同學問，小程序裏面如何進行跨頁面通信。看了下之前的老代碼，基本都是基於onShow或者localStorage。雖然可以實現，但是並不怎麼優雅。 今天就來聊一聊，小程序的跨頁面通信的幾種實現方案。或許會有你想要的方案（優雅...） 方式一：onShow + localStorage 業務場景：頁面一未登錄跳轉至登錄頁面，登錄成功後返回頁面一，頁面一需要更新當前登錄態 !-- 頁面一

小程序 , taro , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - 使用duxapp開發 React Native App 事半功倍

Taro的React Native端開發提供了兩種開發方式，一種是將殼和代碼分離，一種是將殼和代碼合併在一起開發 殼是用來打包調試版或者發版安裝包使用的 代碼是運行在殼上的js代碼 Taro殼子的代碼倉庫https://github.com/NervJS/taro-native-shell duxapp中更進一步，你不需要太關注殼子什麼的，你只需要安裝好安卓和ios的編譯環境，用一個命令

react , react-native , app , taro , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：5.高手都在用的發佈訂閲機制 Events 在 Taro 中是如何實現的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-08-18），taro 4.0 正式版

react , 微信小程序 , taro , 前端 , Javascript

收藏 評論

shaogongbra 頭像

ShaoGongBra - 如何在 duxapp 中開發一個兼容 RN 的動畫庫

Taro 一直以來都沒有一個能兼容 RN 的動畫方案，duxapp 中擴展了 createAnimation 方法，讓這個方法兼容了 RN 端，下面讓我們來看看實現思路 createAnimation方法 這個方法是用來創建一個動畫實例的，使用方法像下面這樣，每次 step 創建一組動畫，每組動畫同時執行，執行完一組繼續執行下一組，直到所有的動畫執行完 const an = createAnima

react-native , taro

收藏 評論

shaohushuo 頭像

少湖説 - 鴻蒙Taro實戰：01-搭建開發環境

配置鴻蒙環境 下載安裝 DevEco 配置IDE 打開 Prefreences, OpenHarmony SDK, 勾選 API Version 12 創建鴻蒙項目 打開 DevEco，點擊 右上角Create Project， 在 Application 處選擇 Empty Ablity, 點擊 Next, 進入配置頁，根據需求調整內容，這裏使用默認配置， Project name: MyA

taro , harmonyos

收藏 評論

13592899917 頭像

浪跡天涯小king - taro小程的ScrollView，完美解決動態高度問題

廢話不多説，直接上代碼 import { ScrollView } from "@tarojs/components"; import Taro, { useReady } from "@tarojs/taro"; const [scrollHeight, setScrollHeight] = useState('84vh'); useReady(() = { // 設置ScrollV

react , taro , 前端

收藏 評論

lingo_5f10741b3904f 頭像

Lingo - Taro3.2.8 + dva 搭建配置過程

創建項目的步驟我就不贅述了，官網有詳細的步驟 Taro使用文檔 提前下載微信開發者工具 前提 初始化好了一個Taro項目 步驟 1. 編譯運行 npm run dev:weapp 在模擬器中預覽 2. 配置dva 2.1 安裝 react-redux npm i --save react-redux 2.2 安裝 dva-core dva-loading dva-c

dva.js , taro

收藏 評論

jdcdevloper 頭像

京東雲開發者 - Taro：高性能小程序的最佳實踐 | 京東雲技術團隊

前言 作為一個開放式的跨端跨框架解決方案，Taro 在大量的小程序和 H5 應用中得到了廣泛應用。我們經常收到開發者的反饋，例如“渲染速度較慢”、“滑動不夠流暢”、“性能與原生應用相比有差距” 等。這表明性能問題一直是困擾開發者的一個重要問題。 熟悉 Taro 的開發者應該知道，相比於 Taro 1/2，Taro 3 是一個更加註重運行時而輕量化編譯時的框架。它的優勢在於提供了更高效的代碼編寫方式

小程序 , taro , 前端

收藏 評論

fenanjiu 頭像

南玖 - 基於taro搭建小程序多項目框架

前言 為什麼需要這樣一個框架，以及這個框架帶來的好處是什麼？ 從字面意思上理解：該框架可以用來同時管理多個小程序，並且可以抽離公用組件或業務邏輯供各個小程序使用。當你工作中面臨這種同時維護多個小程序的業務場景時，可以考慮使用這種模式。靈感來自webpack的多項目打包構建 起步 首先你得先安裝好taro腳手架，然後基於該腳手架生成一個taro項目 初始化taro項目 taro init miniA

小程序 , taro , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：7. Taro.request 請求和響應攔截器是如何實現的

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-09-18），taro 4.0 正式版

react , 小程序 , taro , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：1. 揭開整個架構的入口 CLI => taro init 初始化項目的秘密

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。我傾力持續組織了 3 年多每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-07-17），taro 正式版是 3.6.34，Taro 4

react , node.js , taro , 前端 , Javascript

收藏 評論