taro笔记

#### 注意事项

1. 一个文件只能创建一个组件;**子组件标签首字母需大写**;

2. 更新数据只能使用 setData(异步操作),第二个参数选填,可以拿到更新后的数据;

3. 布局单位使用 rpx,750 设计稿是多少就填多少;

4. 已对 loading、error 进行封装,使用时只需在 temp 标签内正常布局;

5. class 使用 className;

6. 变量统一包裹在{}中;

7. 在绑定需要手动触发的事件中,只能在函数里编写,这种写法会默认执行一次;

  ```

  <View onClick={isFlag=true}></View>

  ```

但在 jsx 中使用匿名函数会占用大量内存空间,所以尽量不要使用匿名函数;

8. 在给子组件传递函数时,函数需用 bind 绑定 this。子组件在事件里给父组件传递参数时,用 bind(this);

9. 给子组件传递 jsx 代码时,只能用**renderHeader**、**renderFooter**;

10. 引用本地图片的时候,只能使用以下方式;

    ```

    import errorImage from './images/icon_error.png'

    ```

11. 上拉加载用**onReachBottom** () {} 没效果,需要用箭头函数。所以函数统一使用箭头函数;

12. 给 input 做双向数据绑定时,使用 e.detail.value 赋值;

13. **添加一个新组件之后页面不显示,终端也没报错,重启终端解决;**

14. 列表添加无数据判断时,需要使用一个状态传至列表,不能直接根据 length 判断。因为暂无数据的样式会一闪,然后才是列表数据。

15. 上传图片需要指定**header**的**centent-type**,不然 ios 手机有兼容问题;

16. render 渲染中,如果一个对象有一个字段是数组,做容错处理时,只需判断该字段是否存在,不必加 length 的判断,不然偶尔 length 会拿不到值。如:

    ```

    {item.creditSaleInfo && (

      <View className='ul'>

        {item.creditSaleInfo.map((v, i) => {

          return (

            <View className='li' key={v.id + i}>

              {v}

            </View>

          );

        })}

      </View>

    )}

    ```

#### 控制台常见报错:

- Uncaught TypeError: e.trim is not a function

  `解决:标签的className不能为空`

- Uncaught TypeError: Cannot read property 'apply' of undefined

  ```

  解决:(1)给子组件传递事件代理程序时,需给props指定默认值

      (2)dom中调用了js未定义的方法

  ```

#### 命令行常见报错:

- sh: taro: command not found

  `解决:执行 sudo npm i -g @tarojs/cli --unsafe-perm=true --allow-root`

- TypeError [ERR_INVALID_ARG_TYPE]: The "to" argument must be of type string. Received type object

  `解决:把组件的文件夹改个名字就ok了。原因未知`

- const anonymousState\_\_temp = ;

  `解决:在return与render之间,给子组件传递dom的内容中存在 {/* <!-- --> */}注释;`

- Cannot read property 'css' of undefined

  ```

  解决:(1)缺少Sass环境

      (2)Sass文件里缺少引用资源

  ```

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,711评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,079评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,194评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,089评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,197评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,306评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,338评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,119评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,541评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,846评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,014评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,694评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,322评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,026评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,257评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,863评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,895评论 2 351

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,167评论 0 3
  • 微信小程序的专属方法如下 一般组件完整的生命周期如下 入口文件继承自 Component 组件基类,它的生命周期不...
    策炼阅读 507评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,457评论 1 45
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,381评论 0 17
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,818评论 1 18