uniapp中vue与nvue的区别
介绍原生js和js的区别
uniapp是逻辑与渲染分离的。在App端提供了2套渲染引擎:⼩程序⽅式的webview渲染和weex⽅式的原⽣渲染;vue⽂件⾛的是webview 渲染,nvue⽂件⾛的weex原⽣渲染,uniapp根据⽂件类型选择渲染引擎;组件与JS写法是⼀样的,css不⼀样,nvue⽂件css样式不同表现在以下⼏点:
⼀、仅⽀持class选择器,⽽且不⽀持⽗⼦、兄弟class选择器,⽐如:.class1 .class2 {} /*错误*/;
⼆、宽度使⽤100%⽆效,如需撑满页⾯可使⽤width:750rpx,不⽀持媒体查询;
三、不⽀持less与sass;
四、不⽀持border,background等简写。
优势
1.在页⾯中某个区域做长列表滚动,则需要使⽤nvue的list、recycle-list、waterfall等组件。这些组件的性能要⾼于vue页⾯⾥的区域滚动组件scroll-view;
2.有左右拖动的长列表需求;
3.如需要将软键盘右下⾓按钮⽂字改为“发送”,则需要使⽤nvue;
4.解决前端控件⽆法覆盖原⽣控件的层级问题,⽐如有map、vedio,把vedio嵌⼊swiper以实现抖⾳滑动切换,全屏上有分享、送礼按钮等;
5.直播推流,有live-pusher组件;
6.对App启动速度要求极致化,App端v3编译器模式下,如果⾸页使⽤nvue且在manifest⾥配置fast模式,那么App的启动速度可以控制在1秒左右.
VUE优势
1.canvas;Android App平台,这个组件⼲脆没有内置,⽽是需要单独引⼊;
2.动态横竖屏。nvue页⾯的css不⽀持媒体查询,所以横竖屏动态切换、动态适配屏幕是很困难的。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论