成都小程序开发需要关注的几个知识点
小程序中view组件的运用相当于就是一个div标签,而text组件相当于就是一个文本标签b/span这姿态,但是,其实一段文字咱们能够运用text组件来包裹,也能够不必text组件而直接运用view组件来包裹,那二者有什么差异呢?

很明显,小程序给TEXT组件赋予了特别才能。并且运用TEXT组件包裹文件更简略操控它的样式。所以,经过一些个比照和测验,我对text组件的认识就是两点:
1、用TEXT组件包裹的内容好写样式,来操控它的显现UI。
2、在小程序中只要TEXT包围的文本才可长按选中这一点小程序给text组件赋予了一个特点。
二、单位RPX
谈一下我对RPX这个单位的认识, 小程序特有的一个单位。首要,成都小程序开发能够看成是一个移动web的开发。 竟然是一个移动端的开发,那么咱们就应该用移动端的思想去写代码,就移动端有一些特别的特征需求咱们去考虑,比方:
1、最重要的!如安在不同的机型上做适配。
2、模拟器ip6分辨率375和规划稿750的由于所以然联系。
已经在多个当地讲过了,经过这张图咱们能够知道,模拟器ip6的375是一个逻辑分辨率的概念,单位能够认为是PT,它和咱们日常布局中的CSS像素在数值大小上是同一个东西,而物理分辨率(如上750*1334)才是设备真正分辨率的概念,它和前面说的逻辑像素数值上有一个对应的联系(Reader)。也就是表明一个逻辑像素包括几个物理像素问题。知道了这些之后,咱们就来看一下小程序序里RPX那点事。
咱们来看一下RPX的作用,看它处理了一个什么问题。
1、ip6下1px =1rpx=0.5pt
这儿说的PX指的是物理分辨率1px。这个就是小程序的规则,以ip6的物理像素7501334为视觉稿进行规划,只不过小程序定了个不一样的单位叫RPX(responsive pixel)。但是,运用RPX,小程序会自动在不同的分辨率下进行转化。从而到达适配的作用。
能够了解:小程序中的RPX相当于就是移动端开发中PX/rem/em等单位用来表明视觉上与设备分辨率上的一个逻辑联系 。
2、不是一切的单位都合适用rpx。
RPX是会根据不同机型去做自适应调整的,而有时分咱们不需求去做这么一个调整。
比方,关于一些个文字介绍,运用RPX后,小屏幕看起来就彻底不可控,显现作用上看着比较小,乃至出现看不清楚的状况,还有一些标题的状况,或许咱们在任何机型上想要看到的就是一个加粗定大的作用。这种状况下,其实我觉得咱们仍是能够运用PX作为单位来操控比较合适一些。
三、生命周期
小程序也有生命周期,其实整个开发流程和前端结构React/vue等都相似,所以,这个我比照着来看一下小程序中的生命同期的概念。
关于那些对外暴露的办法,onLoad/onShow/onReady都好了解。在页面初始化数据的处理方式上有一点需求留意的当地:
1、在React结构
实际上跑完willmount之后会发生render,然后在履行didmount,如果在didmount中如果有数据发生变化,运用setState处理变化后,再去履行render。
在willmount中咱们能够运用this.state.xxx来初始化变量的值。
2、小程序架构
但是,在小程序的生命周期内,咱们是否能够在onLoad中运用this.data.xxx来初始化变量呢?
答案是不可的,或许之前的版本是能够的,查了一下小程序文档。
四、template
WXML供给模板(template),能够在模板中界说代码片段,然后在不同的当地调用。
模板的运用十分简略,文档中的说的很清楚,那么关于这个清楚的描绘,成都小程序开发对模板有两点认识:
1、差异于脚本引进能够运用绝对路径
脚本的引进是只能运用相对地址的,而模板的引进能够运用绝对路径。
2、模板化不是模块化
有没有发现在模板文件中其实少了一个文件,shipin-item-template.js,对,这儿是不能加这个脚本文件的,所以从事务视点上来说,无法将逻辑独自出来。因而,小程序时原模板仅仅一个模板不是一个模块。
五、播放器插件
小程序插件功用是前端不久敞开出来的,关于它的认识谈一下请求流程。





