codecamp

Taro 开始之前

在我们开始之前

我们将在这个教程开发一个简单的 V2EX 论坛客户端,你将在本节教程学到 Taro 的基础知识、概念和部分优化技巧。学习这些知识并不需要事先了解 Taro、小程序开发或多端开发。当你掌握这些知识之后,你应该可以快速高效地开发多端应用。

提示: 这篇教程适合对喜欢边学边做或小程序开发完全没有了解的开发者,如果你倾向于按部就班地学习,请把文档的内容全部过一遍。当你看完文档就可以发现:本篇教程就是文档的渐近式索引。 

这篇教程将分为四个章节:

  • 环境准备​:当我们使用 Taro 需要安装什么东西;
  • 基础教程​:Taro 的基础概念和开发指南;
  • 项目进阶与优化​:当项目变大变慢时,应该如何保持或提高应用的可维护性和性能;
  • 多端开发​:已经使用 Taro 开发了一端的应用,如何快速拓展到多端应用。

前置知识

import { VueIcon, ReactIcon } from ‘./guides/index’

在本篇教程中我们假定你已经对 Web 前端开发和 JavaScript 有一定的了解。我们将使用 React 和 Vue 两个框架分别实现我们的应用,在代码实例中点击按钮就可以切换不同的实现。如果你对两个框架都不太熟悉,可以通过 React 文档或 Vue 文档对照代码实现。

在我们的代码实现中还会使用部分 ES6 语法,你可以通过 ES6 入门教程 查看或学习 ES6 语法。


Taro 各端开发前注意
Taro 环境准备
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }