• 微信小程序新手填坑


             本人只做过三个简单的微信小程序,自然算不上高手。下面讲的内容也只是作为一个新手在并不丰富的经验中总结的一些问题点。如果您是大牛或者奔着进阶的想法那么请绕道。如果您正准备做第一个小程序或者与我一样初级选手,那么希望用我栽过的跟头儿能让大家伙少走一些弯路。

             在正文之前,先叮嘱一句。着手项目之前请务必把手册过两遍,不求记住多少干货,但求知道里面都有什么东西。最起码的要求,要用到的组件和接口,至少要知道有这么个东西。不然,别人再有耐心讲得再详细,你也不见得学的进一二。

    第一,   解决问题的方式。只要做项目就必然会有bug,会报错。上百度查解决方案是最快速有有效的,我本人也绝对认同。但是我也发现了,有时时候网上的答案出奇的一致,并且得到大家的认可。可结果呢,偏偏没有作用。在这个时候,我建议大家用网上提供的方案在官方手册里找一找用法。因为微信版本一直在更新,里面的api也在更新换代。一些旧的可能就直接淘汰了,或者使用方法有一些出入。网上的方案不奏效了,可能是不兼容新版本了。这个时候不妨查一下手册里的最新介绍。

    第二,      弹性布局,小程序说白了属于移动端页面,也就是要做成响应式布局。所以强烈建议使用flex弹性布局。刚开始有些不习惯,但是用上了就爱不释手了。当然,你如果真爱盒子模型,那么也不强求。

    第三,   尺寸单位。小程序官方提供了rpx的响应式尺寸单位,肯定是最佳适配。只是某些不显著的字号还是用px像素比较合适,不然在小屏幕上会特别模糊。

    第四,   富文本处理。这一点绝对是个坑。不能解析富文本实在是太蹩脚了。解决方案,网上推崇较多的是引用一个富文本插件。我比较笨也没搞成功。就用了官方的rich-text组件,感觉还可以。用法特别简单。如果需要针对富文本里的元素修改样式,可以给rich-text组件加个class类标签,就可以在css里面控制了。对于rich-text有好多不能解析的字符,会出现报错。我的处理方式是在js层或者接口里面直接处理掉不能解析的字符。相信用不了多久,腾讯会提供更好的解决方案。

    第五,   编译模式。这个不算坑,而是微信开发工具很好用的技巧。可以针对某一个页面进行调试,尤其是设定页面参数。简单太方便了,不然每次修改就跳到首页。真是烦得不要不要的。

    第六,   基础库。小程序的编译基础库有好多版本,每个版本都有兼容和淘汰的功能组件。一个不小心用了过时的或太新的版本,就发现某个功能退化了。所以,在开发工具里调试到上传发布,千万不要乱跳版本。建议选择使用占比更多的版本。

    第七,   冒泡事件。在js里冒泡事件是个头疼的家伙。在小程序里同样如此,好在微信官方早就提供了解决方案。我在这里只是提个醒,如果在小程序里为冒泡发愁的同学赶紧去手册里翻翻吧,里面有良方。

    以上都是我感觉比较常见的“坑”,希望对各位有帮助。不喜勿喷!

  • 相关阅读:
    人脸识别学习_01
    操作系统——第四章课后习题答案02
    知识就是力量,但更重要的是运用知识的能力网页端微信扫码支付技术设计
    java.net.ConnectException: Connect to XXXhost:XXXport failed: 拒绝连接 (Connection refused)
    web安全渗透扫描已解密的登录请求
    在jsp中显示原始html代码,不要渲染 / 在JSP页面中如何将HTML标记显示出来
    ThreadFactoryBuilder,它更好!
    【页面布局改造】今天,搞了个寂寞
    使用NSSM将.net core WebApi项目发布为windows服务(转载)
    NPM install 错误 : fatal: unable to connect to github.com 另类安装方法(转载)
  • 原文地址:https://www.cnblogs.com/zuoshoupai/p/8698151.html
Copyright © 2020-2023  润新知