微信小程序学习笔记

摘要: 碰到的问题解决后补上

一、没有window、document对象意味着无法对dom操作，如何解决交互短板？

从操作dom到操作数据，及列表渲染功能。

二、.nth-of-type等伪类选择器无效，仅支持:last-child、::after、::befor。因为wxss中不支持"()"中的条件。

三、pages注册内容有顺序之分。放在前面，对应的容器的选项卡也在前面。

*今天碰到个问题非常坑，post请求时data中的值后台却一直接收不到，我就纳了闷，各种调试，各种请求，post写成下图在url中传值，后台既然可以获取数据。这是闹哪样？官方文档写的东西太少，没有描述。心塞



以上问题，表示无解，搜集各种资料后，终于找到post请求坑点

post请求之坑三点：

1.’Content-Type’: ‘application/json’用在get请求中没问题，POST请求就不好使了，需要改成: “Content-Type”: “application/x-www-form-urlencoded;charset=-utf-8” ，字符类型不能少（笑cry）
2.要加上请求类型method: “POST”，默认为GET请求
3.data: { key：value }写成json格式也无法把data中的值传到后台，需要encodeURIComponent转成url格式，晒上部分代码

function jsonFormat(json){
var str =[];
for(var p in json ){
str.push(encodeURIComponent(p)+"="+encodeURIComponent(json[p]));

}
return str.join("&");
}
module.exports = {
jsonFormat: jsonFormat
}

需要上传时，先把data转码成url的格式(我的jsonFormat方法写在了util中)

data:Util.jsonFormat({key:value}),

感觉post就是get的进化版，不管怎么设置参数还是怎样，最终还是要通过url的传值方式。

好文分享：

* [微信小程序架构分析（上）](https://zhuanlan.zhihu.com/p/22754296)

* [微信小程序架构分析（中）](https://zhuanlan.zhihu.com/p/22765476)

* [微信小程序架构分析（下）](https://zhuanlan.zhihu.com/p/22932309)

小demo下载