导图社区 小程序开发
小程序开发的思维导图,传统开发方式的特点有: 模块间的文件关联性差 模板语法开发体验差 无法正常引入node_modules中模块 传统IDE不完全兼容,代码提示代码高亮支持差 不支持代码压缩混淆 使用原生语法,可避免未知问题
社区模板帮助中心,点此进入>>
小程序开发
传统开发方式
特点
模块间的文件关联性差
模板语法开发体验差
无法正常引入node_modules中模块
传统IDE不完全兼容,代码提示代码高亮支持差
不支持代码压缩混淆
使用原生语法,可避免未知问题
tarojs
类传统web工程文件组织方式
JSX语法
可正常引入开源模块
使用React语法,完全的IDE兼容
集成代码混淆压缩功能
使用封装的方法,可能会有未知问题
支持传统开发方式与tarojs语法混写
社区活跃
开发
typescript
es6的超集
与react语法兼容良好
规范化开发
语言级别的参数校验
代码自动提示
与传统开发的差异
工程结构
css单位
路由
全局数据,状态管理
事件绑定
事件订阅
生命周期
componentWillMount 对应页面的onLoad或入口文件app中的onLaunch componentDidMount 对应页面的onReady或入口文件app中的onLaunch componentDidShow 对应 onShow componentDidHide 对应 onHide componentWillUnmount 对应 onUnload
与react的差异
node操作
jsx匿名函数
jsx object展开
无状态组件
列表循环if语句