分享

小程序开发中新手需注意的几点

 肆人乙一 2018-04-25


新手在进行小程序开发的时候,经常会遇到各种各样的问题,这里亿仁网络将之前自己遇到的,以及在网上看到过的问题简单总结一下,希望有所帮助。

1.强制要求请求全部为https 
2. 小程序生命周期的函数内部对象要就改成var that=this;防止被替换。 

3. view不识别\n但是text可以。 

4. 没有dom!没有dom!没有dom!,绑定数据,控制显示和隐藏全部用data来修改,就是this.setData({}),不过一般我们都写成that. 

5. 跳转现在(2018)小程序支持十层 

6. 小程序中原生组件层级最高,比如map,canvas,swiper,只能使用cover-view,cover-image,其中cover-view很垃圾很多样式都不支持,而且支持点击事件bindtap,还有各种bug,建议cover-view简单使用就可以了,千万别想着在原生组件上使用炫酷的效果说多了都是泪。(问题引用:当使用display:none;做隐藏的时候,其内容文字会出现在屏幕右上角,建议使用 wx:if=”false”position:absolute;left:-1000rpx;这种方式做隐藏。2border不支持单边。3、不支持padding的使用,在安卓端会出现padding消失的问题。) 

7. 动画问题(看帖子发现的之前不知道为什么):在小程序中当有两个元素同时发生变化时,会出现冲突,导致其中一个变化,而另一个不做变化,所以要使用setTimeout方法避免元素同时出现变化。 

8. js执行顺序(看帖子发现的之前不知道为什么):在开发者工具中执行时,先执行aap.js然后执行其他js文件,但在手机上app.js和其他js是同时执行的; 

9. 很多原生组件都有定高,只能使用官方提供的rpx来修改! 

10. 小程序是单向绑定和vue不同,修改数据只能从setData来修改 

11. 本地资源无法通过 css 获取,只能通过网络或者使用image标签 

12. cover-view放弃padding, min-width + text-align + height + line-height 

13. 公共模块 util.js 

公共模块方法需要通过 module.exports 对外暴露接口,使用的时候需要利用 require(path),将文件引入。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多