uni-app中nvue的开发心得
介绍 uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。 在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(native vue的缩写)，则使用原生渲染。一个App中可以同时使用两种页面，比如首页使用nvue，二级页使用vue页面，hello uni-app示例就是如此。 虽然nvue也可以多端编译，输出H5和小程序，但nvue的css写法受限，所以如果你不开发App，那么不需要使用nvue。 使用场景 需要高性能的区域长列表或瀑布流滚动。webview的页面级长列表滚动时没有性能问题的（就是滚动条覆盖webview整体高度），但页面中某个区域做长列表滚动，则需要使用nvue的list、recycle-list、waterfall等组件。这些组件的性能要高于vue页面里的区域滚动组件scroll-view。 复杂高性能的自定义下拉刷新。uni-app的pages.json里可以配置原生下拉刷新，但引擎内置的下拉刷新样式只有雪花和circle圈2种样式。如果你需要自己做复杂的下拉刷新，推荐使用nvue的ref...
uni-app开发总结
开发环境搭建下载HBuilderX 下载地址：https://www.dcloud.io/hbuilderx.html 安装插件 打开菜单： 工具 > 插件安装，安装以下插件 App真机运行 es6编译 eslint-js eslint-plugin-vue less编译 scss/sass编译 stylus编译 uni-app App调试 uni-app编译 uni-app的开发总结条件编译写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。 #ifdef：if defined 仅在某平台存在 #ifndef：if not defined 除了某平台均存在 %PLATFORM%：平台名称 详细文档请看：https://uniapp.dcloud.io/platform?id=%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91 适配uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为...
uni-app问题收集及解决
css部分nvue支持sass但是不支持sass的嵌套 变量使用(支持) <style lang="scss"> $lineBorderColor: yellow; .icon_right{ font-size: 50px; color: $lineBorderColor; }</style> 外部scss文件引入(支持) <style lang="scss"> @import "../../constant/css/constant.scss"; .icon_right{ font-size: 50px; color: $lineBorderColor; }</style> nvue不支持sass嵌套 nvue支持sass的所有其他属性，举例mixin(混合) // constant.scss文件$lineBorderColor: #dfdfdf;@mixin my { just...
