一周 D 报 (2019-01-18)

HBuilderX 已正式发布 1.5.0 版本,本次有以下几个重要更新:

  • 新增 typescript 在vue里内联使用
  • 为加快调试速度,运行到微信小程序时取消代码压缩。正式发布,需点击发行菜单操作
  • 减小编译器体积,精简依赖文件
  • 支持字体及背景图片使用本地资源(编译器自动将其编译为base64方式,要求大小在40k以内)
  • less/scss/stylus/ts 等预编译语言支持条件编译 详情
  • 支持通过 process.env.NODE_ENV 进行运行环境判断,并提供快捷代码块uEnvDev、uEnvProd,详情
  • App平台 新增 TabBar 相关 API:setTabBarItem、setTabBarStyle、hideTabBar、showTabBar
  • H5平台 新增 组件:cover-view、cover-image
  • H5平台 优化 image 组件支持浏览器中的长按识别

详细更新日志请见:更新日志

问题清单

Q: uni-app打包成h5,怎么设置不同页面显示不同的标题啊?

A: 在 h5 平台,js 是不受限制的,可以直接使用 document.title = xxx。

Q: nvue真机上onNavigationBarButtonTap无效

A: .vue 和 .nvue 的 onNavigationBarButtonTap 处理有所不同,参照:nvue onNavigationBarButtonTap

Q: uni-app app端 map上显示点位详情

A: 这个问题在于不同平台规范的差异。cover-view

  • 5+App中 cover-view、cover-image 中不支持嵌套其它组件。
  • 5+App中暂不支持 cover-view、cover-image 组件之间的嵌套。
  • 其他小程序平台下,可以使用条件编译,完全按照其规范开发。

Q: uniapp的tabBar可以自定义样式吗?

A: 受限于平台差异,目前仅可以修改 tababr 图标、文字、选中前后颜色、角标等。

Q: 在uni-app中是否不支持after之类的伪类?

A: uni-app 目前提供的选择器支持

Q: 请问 uniapp 可以设置状态栏吗

A: 在 App端 可以使用 5+Api 进行相关的修改。 状态栏修改

Q: input聚焦后,弹出软键盘,又自动关闭,什么原因?

A: 如果想在显示 input 后自动聚焦的话,我们可以使用 v-if 并动态给 focus 属性赋值为 true。

Q: 平时12px的应该怎么换算upx,字体在uni用什么单位比较好,用px会不会有什么影响?

A: uni-app 使用 upx 作为默认尺寸单位,upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。查看upx文档

Q: uni-app有没有长按复制

A: 在 uni-app 中只有 text 组件支持长按选中的功能。查看text组件文档

Q: 登录后获取到用户数据,跳转到指定的页面没有刷新,要手工刷新页面。有什么办法可以跳转到页面并刷新吗?

A: uni-app 中是没有重新加载页面和刷新页面的概念的。如果想要实现以上功能,我们一般会使用 vuex,或者在onShow中去处理数据,重新渲染数据。

Q: 在uni-app中如何判断环境 ?

A: 查看uni-app环境判断文档

Q: uni-app H5端能集成微信支付/即时聊天/七牛云/阿里云吗 ?

A: 关于在 uni-app 内使用第三方 sdk 的问题。如果第三方 sdk 有提供小程序版,可以直接使用,一般多端都兼容。如果有 js 版本可以在 h5 端使用,如果有原生 sdk,可以离线打包自己集成。

Q: uni里可以引入jquery/zepto 吗?

A: 因为 uni-app 不能操作 dom 和 bom ,所以不支持引入。

Q: 标题栏的按钮不能自定义返回到指定tabBar吗?

A: App 端是可以的,如果是原生的导航栏配置了 buttons,可以监听 onNavigationBarButtonTap 函数,去进行跳转页面的操作。

Q: 打开弹窗蒙版之后,下面的页面还可以滚动,怎么不让下面的内容滚动啊?

A: 若需要禁止蒙版下的页面滚动,可使用 @touchmove.stop.prevent="moveHandle",moveHandle 可以用来处理 touchmove 的事件,也可以是一个空函数。

Q: 我每次改完代码,cmd + s ,就会重启项目到根目录,有没有其他优化方案啊?

A: 在HBuilderX工具栏中选择 运行 --> 运行到手机或模拟器/运行到小程序模拟起 --> 选择运行到页面 ,配置相应的页面参数即可。

Q: 我使用了sass/less/stylus,怎么控制台报错啊?

A: 在HBuilderX工具栏中选择 工具 --> 插件安装 --> 安装需要使用的预编译插件。 成功后重新编译项目,就可以愉快的使用了。

Q: uni-app能获取某个view的高度么?怎么弄呢?给点建议呀?

A: 虽然 uni-app 不支持操作 Dom 和 Bom,但是uni-app提供了节点操作,可以获取元素的节点信息。查看文档

重要BUG修复

  • App平台 uni-app的app-plus配置后下拉刷新失效

  • h5平台 swiper导致页面不能正常拖动

  • h5平台 点击触发动态改变input的字体颜色不生效

  • h5平台 movable-view 组件无法移动bug

  • App平台 修复 使用 request 在低版本手机系统中 ES6 语法不转换的问题
  • App平台 修复 rich-text 组件无法解析部分富文本信息的问题
  • App平台 修复 下拉刷新后页面点击事件第一次触发不正确的问题
  • H5平台 修复 选择文件后导致页面滚动的问题
  • H5平台 修复 选择节点时不包含当前页面节点的问题

优秀插件分享

  • 新闻/资讯App模板。

  • 底部tab带加号的模板。

  • 原生可拖动顶部选项卡页面模板。

更多插件,请前往 插件市场 查看。

欢迎大家给 uni-app 开源项目(https://github.com/dcloudio/uni-app) 点 star。

结束

本期周报就到这里,感谢大家的阅读。新的一周,祝大家工作顺利。

Dcloud

以上是 一周 D 报 (2019-01-18) 的全部内容, 来源链接: utcz.com/a/45852.html

回到顶部