阅读 209

小程序踩坑

  写在最前:微信小程序在目前前端市场非常火爆,得益于它的便捷性,
           因此掌握它成为你迈向更高台阶其中不可或缺的一步。

复制代码

小程序必学知识:

一、微信开发者工具

二、小程序框架:

    1、腾讯wepy 类似vue
    
    2、美团mpvue 类似vue

    3、京东taro 类似react

    4、滴滴chameleon

    5、uni-app 类似vue

    6、小程序原生框架 
复制代码

三、小程序模板语法

四、*小程序内置组件

五、小程序生命周期

六、*小程序自定义组件

踩坑纪:

小程序适配问题

    小程序规定:所有设备的屏幕宽高均为750rpx,也就是375px,小程序推荐使用`rpx`为单位,
这样就可以在任意屏幕下面实现自适应.
复制代码
  • pt:视觉单位(长度单位),与设备的屏幕物理尺寸有关系,也叫做逻辑分辨率(逻辑单位),与移动端的栅格渲染有关。

  • px:通常说的像素点,物理分辨率,随着屏幕的变化不会变化;一般设计师给的设计稿是以物理分辨率为单位,也就是说iPhone6下的分辨率是375,但是设计图却是750;因为rpxpx == 2:1,小程序的设计稿就要以iPhone6为参照

导航跳转问题

1、navigateTo/redirectTo都不能跳转tarBar内的页面

2、使用switchTab,switchTab用于跳转tarbar内的页面

3、使用redirectTo,navigateTo跳转不是tarBar内的页面
复制代码

自定义组件之table:

小程序表格
https://github.com/kawaiiz/table_component
复制代码

小程序api封装:

 后续更新
复制代码
文章分类
前端