前端开发者开发小程序该注意哪些

从前端转小程序开发的成本几乎可以忽略不计，上手前只需要注意一些地方即可。

小程序的界面是一个「应用界面」，而非「网页闷吵」，需适应WXML的逻辑和写法。

WXML没有HTML的宽容度那么高，单标签必需是 />结尾的，不然会报错。

WXSS 和 CSS很像，基本上所有的CSS都支持，小程序蚂漏侍还提供了rpx （responsive pixel）作为尺搜岩寸单位（保证不同分辨率设备的元素正常显示），开发者需知道rpx与其他单位的换算。

WXSS不支持大括号嵌套（{{}}），所以key-frames，CSS animation 不能用，但transition 可用的。

当然，这种限制也会催生一种东西：专用于小程序的开发框架。

你可以用wx.request把头像的url发送到后台服务器，由后台服务器去获取这个图片。

比如说你的后台程序是php的，可以这样（假定文件悉磨名为save_tx.php）：

<?php

$fn=base_convert(time().mt_rand(0,9),10,36)."jpg"

file_put_contents($fn,file_get_contents($_GET['url']))

echo "头像上传为".$fn

?>

这样在微信小程序中就可以这汪手样（假定用户头像的url已保存睁陵斗到变量txUrl中）：

wx.request({

url: '服务器域名路径/save_tx.php?url=' + encodeURIComponent(txUrl),

success: res =>{

wx.showToast({

title: res,

icon: "none"

})

}

})

---