廉江网站建设,专业做二手房的网站,海尔的网络营销模式,全球十大搜索引擎排名及网址了解Taro听说Taro是从几个星期前开始的#xff0c;在一次饭桌上#xff0c;一个小伙伴说#xff1a;“Hey#xff0c; 你听说了Taro么#xff0c;听说只需要写一套程序就可以生成H5#xff0c;小程序以及RN的代码模板#xff0c;并且类似于React的语法。”“哦#xff…了解Taro听说Taro是从几个星期前开始的在一次饭桌上一个小伙伴说“Hey 你听说了Taro么听说只需要写一套程序就可以生成H5小程序以及RN的代码模板并且类似于React的语法。”“哦还有这么好的事赶紧研究一下。”Taro初体验去官网Github了解了一下Taro是由京东·凹凸实验室团队开发的在掘金上看到他们的发稿大致归(tu)纳(cao)如下代码组织与语法微信小程序需要在js/wxss/wxml/json文件中来回切换命名规范微信文档中的各种命名规范(驼峰、小写中划线、小写连写)惨不忍睹开发方式不能加载npm包不能使用Sass/less等预处理器以及手动的文件处理使用Taro跑去官网按照步骤copy了demo运行了一下大致如下npm install -g tarojs/clitaro init myApp# H5端运行$ npm run dev:h5$ taro build --type h5 --watch# 微信小程序端运行$ npm run dev:weapp$ taro build --type weapp --watch起步在这里Get Started大致这样就可以跑起来了分别在浏览器和微信开发工具中运行了一下都可以看到界面输出感觉还是不错。Taro语法Taro的开发语法遵循React基本上写过React的都是很好上手。大致是这个样子的import Taro, { Component } from tarojs/taroimport Index from ./pages/indeximport ./app.scssclass App extends Component {// 项目配置config {pages: [pages/index/index],window: {backgroundTextStyle: light,navigationBarBackgroundColor: #fff,navigationBarTitleText: WeChat,navigationBarTextStyle: black}}componentWillMount () {}componentDidMount () {}componentDidShow () {}componentDidHide () {}render () {return ()}}Taro感受以下是我自己个人的感受因为还没有在项目中应用可能有些地方说得不太妥当还望指出。一端开发多端生成正如Taro自己所说的只需要写一个版本的代码就可以编译生成H5、微信小程序以及RN的代码在效率上确实会有所提升。Non-Reacter的学习成本如果作为一个Reacter那么用Taro来开发项目的话肯定是没什么上手难度的但是如果是没有写过react项目的那么可能最开始还是有学习成本。文档开发还有欠缺对比了微信小程序官网和Taro的Gitbook文档大致上很多东西都是一一对应的基本的许多场景都可以满足但是也有欠缺。比如组件中的RichText在Taro中就介绍不足在Taro中(可能_)和微信小程序中分别是这样调用的// Taro// 微信小程序文档中缺乏了nodes以及onTap方法的说明这可能需要开发者自己调试。但实际上我按照微信小程序的方法加上onTap之后控制台是报方法未定义的错误而实际上我是有写的。【这点要是在实际开发中可能欲哭无泪要么就是引入其他的库或者自己手写无疑会增加开发成本以及风险】。有人或许想说我直接在生成的微信小程序代码文件夹(dist)中加上不就可以了但是你可能不是太好改因为代码是这样的建议与总结如果你的项目足够下并且没有运用到特别复杂的组件并且有开发多端代码的需要你可以尝试使用Taro因为即使你需要的组件没有也可以在有限的时间内方便地写出来而且京东商城小程序貌似也是用Taro写的以后应该会有更多的支持。除此之外暂时可以先观望观望 O(∩_∩)O哈哈~
