vant是啥,值得学吗

  vant,移动端ui组件库,官方内置大量常用组件,如elementui类似,只需配置相关属性,按需引入,即可直接使用,使用方式与element类似,van-button方式即可。

  但因为是组件,在遇到ui手稿境况时,就得不偿失了,里面不仅考虑到各种可能而预加了很多样式,元素,且文档结构大多很深,要达到100贴合手稿,需要在浏览器不断调整,并使用优先级关键字申明,每次都要如此,工作量重大不说,还容易污染原生组件,容易出问题,且不稳定,很难与手稿契合,所以在有手稿前提下,最好自己定义组件,专门处理样式。

  在处理样式时,一般使用px,rem,em,vh,等单位,但在遇到不同设备时,往往这些设置会在不同尺寸的设备表现不同,页面不一致情况,这时候需要做兼容处理,按设备快读与像素值,来计算比例,被与测量值做转换,以达到不同设备展示内容相同。

再处理完兼容性后,就需要知道个元素大小与相对尺寸,这时候可以工具来量,或者直接向ui要,但大多数情况下,都是上面给个图片,自己来量,这就需要专门的测量工具,来达成相关目的,测量工具有很多,大家可以自己搜索。

  在处理完单位相关问题后,就需要设置单页面浏览或多页面浏览,为了解决该问题,可以选择vue框架,它支持单页面访问,也支持多页面访问,只要配置路由,与相关主页即可。

  在配置完访问方式后,就会遇到数据展示问题,这就需要借助axois包,来简化请求后台,书写步骤。

  我们只需通过cnpm i axois,下载依赖包,在vue中通过es6引入axois,再通过create创建该实例,导出,被其它需要调用接口的方法使用即可。

  再解决完数据请求后,就到了测试环节了,鉴于没有测,我们需要自己来测,可以借助专门的测试工具,比如google,edge等处理

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容