小程序开发记录

小程序开发记录

开发小程序大概一个月了,学习了很多,也遇到了一些问题; 这里做一个总结;

原生微信小程序

开发工具

注意debug的问题;

模拟器

• 展示效果是安卓的, 和苹果真机上有区别;
• 在调试网络请求时,如果在请求之前打断点; 请求会一直 pending
• 模拟器中可以设置场景值,设置通过的页面和参数,模拟扫码进入

WXML

wxml 文档

在使用上和Vue类似; 但是有不一样的地方;

WXML 类似 HTML ,但是有区别;

• WXML 没有 div,span 标签,但有类似的 view,text 标签(组件)
• 只能使用它提供的元标签;

component

official-account 组件

使用 official-account 组件 样式大小固定
只能调整它的位置;

另外,公众号的显示,只有场景值正确才能展示;

web-view 组件

web-view 组件可以在小程序中打开网页;
但是,只能打开经过微信域名确定的网址;

使用web-view 打开网页后,
目前是不能够通过右上角 更多 (三个点) 来使用浏览器打开的!

canvas

微信提供了canvas组件;

可以用于处理临时性的图片;

例如,在转发时,给转发的图片加入文字;

其中我都是按照

文字,在插入时,是按照正中间插入的;用起来比较麻烦;

我一般设置为 文字 左上

// 设置完 左上对其 使用切图好处理
ctx.setTextAlign("left");
ctx.setTextBaseline("top");

绘制完成后,可以保存到微信提供的临时文件中;

// 在绘制完成后,再保存到临时文件中
ctx.draw(false, function() {
   });
// 应该在draw 完成之后进行保存临时文件
ctx.draw(false, function() {
   
  wx.canvasToTempFilePath({
   
    canvasId: "shareCanvas",
    success