zoukankan      html  css  js  c++  java
  • 微信小程序新手填坑

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

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    POJ 3630 Phone List/POJ 1056 【字典树】
    HDU 1074 Doing Homework【状态压缩DP】
    POJ 1077 Eight【八数码问题】
    状态压缩 POJ 1185 炮兵阵地【状态压缩DP】
    POJ 1806 Manhattan 2025
    POJ 3667 Hotel【经典的线段树】
    状态压缩 POJ 3254 Corn Fields【dp 状态压缩】
    ZOJ 3468 Dice War【PD求概率】
    POJ 2479 Maximum sum【求两个不重叠的连续子串的最大和】
    POJ 3735 Training little cats【矩阵的快速求幂】
  • 原文地址:https://www.cnblogs.com/zuoshoupai/p/8698151.html
Copyright © 2011-2022 走看看