欢迎入坑

• 女神镇楼！
• 

温馨提示

js 千万条，性能第一条，代码不规范，重构两行泪

开发环境

• node v10.17.0+

开发使用

1.taro

2.redux

3.redux-promise

如何开始

1. npm install -g @tarojs/[email protected]

2. yarn

3. yarn start --type (weapp or rn) 默认weapp

4. yarn packaging --type (weapp or rn) 默认weapp

页面模版 组件模版 分包页面模版 自动创建

npm run template (按照提示来搞)

分平台打包页面

1. 开发中

各种教程

1. 资源整合：https://github.com/NervJS/awesome-taro

tips

不要短时间内发起太多的图片请求：短时间内发起太多图片请求会触发浏览器并行加载的限制，可能导致图片加载慢，用户一直处理等待。应该合理控制数量，可考虑使用雪碧图技术或在屏幕外的图片使用懒加载

避免短时间内发起太多的请求：短时间内发起太多请求会触发小程序并行请求数量的限制，同时太多请求也可能导致加载慢等问题，应合理控制请求数量，甚至做请求的合并等

避免 setData 的数据过大：由于小程序运行逻辑线程与渲染线程之上，setData 的调用会把数据从逻辑层传到渲染层，数据太大会增加通信时间

避免 setData 的调用过于频繁：setData 接口的调用涉及逻辑层与渲染层间的线程通过，通信过于频繁可能导致处理队列阻塞，界面渲染不及时而导致卡顿，应避免无用的频繁调用

避免将未绑定在 WXML 的变量传入 setData：setData 操作会引起框架处理一些渲染界面相关的工作，一个未绑定的变量意味着与界面渲染无关，传入 setData 会造成不必要的性能消耗

避免过大的 WXML 节点数目：建议一个页面使用少于 1000 个 WXML 节点，节点树深度少于 30 层，子节点数不大于 60 个。一个太大的 WXML 节点树会增加内存的使用，样式重排时间也会更长。

滚动区域可开启惯性滚动以增强体验：惯性滚动会使滚动比较顺畅，在安卓下默认有惯性滚动，而在 iOS 下需要额外设置 -webkit-overflow-scrolling: touch 的样式

避免将不可能被访问到的页面打包在小程序包里：小程序的包大小会影响加载时间，应该尽量控制包体积大小，避免将不会被使用的文件打包进去

避免定时器未跟随页面回收：定时器是全局的，并不是跟页面绑定的，当页面因后退被销毁时，定时器应注意手动回收

避免使用 css ':active' 伪类来实现点击态：使用 css ':active' 伪类来实现点击态，很容易触发，并且滚动或滑动时点击态不会消失，体验较差。建议使用小程序内置组件的 'hover-*'

无尽列表 可以采用[[10 个值],[10 个值],[10 个值],[10 个值]]这种形式提高性能

h5 上面 window.onscroll 滚不动 element 为.taro-tabbar__panel 才滚得动

开发注意！！！

1. 所有 taro 的 api 请不要直接使用，到 cross-patform 里去寻找，有一一对应，没有的话你创建一个一一对应的。（原因：可以在里面处理 api 的跨平台问题）

2. 调用定时器的页面请在 onHide 和 onUnload 的时候将定时器关了 onLoad 或 onShow 的时候再开启 不然会一直 setdata

3. src/store/reducers/index.js 和 configuration里面的配置；是ignore的只要run start 或者 run packaging 就能自动创建

4. 页面跳转请到 configuration/config-pages/index.json;找到页面的 key 不要直接写路径跳转

5. 小程序基础库 2.3.0 以上(为了支持分包预加载)

6. border，background-Image rn 不支持 要用less方法来写

7. 样式采用 bem 的写法 不要嵌套写

RN 方面注意点

1. 必须采用 Flex 布局，并且样式选择器仅支持类选择器，且不支持 组合器;不支持伪类

2. 文字请用标签包住

3. box-shadow 有问题

RN报错

一 'config.h' file not found'

rm -rf node_modules/ && yarn cache clean && yarn install

cd node_modules/react-native

scripts/ios-install-third-party.sh (目的 在react-native下下载third-part文件夹)

cd node_modules/react-native/third-party/glog-0.3.4

./configure

二 /Libraries/WebSocket/libfishhook.a'

步骤进行先删除掉libfishhook.a文件,然后再重新加入即可