微信小程序(自我感觉详细无比)

微信小程序首现需要下载官方编辑的东西比较好,叫微信web开发者工具地址如下:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

先了解一下微信小程序,(接下来是我印象里面所记得的,建议自己详查),微信小程序很小,最后打包不得超过2M,图片基本是后端所传,标签也有很大的改变,不支持jQuery,zepto等框架,所有后面与后台交互的也无法使用ajax。

一些注意事项:
1:好像不太支持iphone5的,iphone5的过程中发现格式没错但效果不理想,换成iphone6就好了

上本人写过的一个案例
首现具体怎么创建忘记了,反正很简单就直接过了,

然后创建之后目录文件夹应该跟这个差不多(本人把多余的都删掉了,然后又添加了几个文件夹)
微信小程序(自我感觉详细无比)_第1张图片
如果想添加文件夹,在app.json中最上面找到这个,假如我要再添加一个getList文件夹,就直接在后面加一个“pages/getList/getList”保存即可(由于是json,所以格式一定要严格!!!)
微信小程序(自我感觉详细无比)_第2张图片
然后后缀名为wxml的就跟html差不多,都是写解构的,wxss和css差不多,写样式的,js同理
微信小程序(自我感觉详细无比)_第3张图片

右边是首页wxml源码,左边是效果,样式就自己写好了,可以看得出有些不认识的标签(至少我学小程序之前不认识),页面是渲染出来的,有部分不懂看到后面就懂了
view=div
navigator=a
这里的swiper所做的轮播图好像应该是微信小程序里面的类似框架工具之类的(毕竟才学不久我也不熟但还是有很大把握的,自己细查最好)

微信小程序(自我感觉详细无比)_第4张图片
这里是案例美食部分渲染的js源码一部分,这些效果应该差不多,中添加的是为了其他页面重复使用优化的部分这里可忽略,用法跟vue其实差不多,前面首页的wx-for和wx-key一样

接下来是重点:
1:这里循环渲染,不能直接赋值data里面的数据,而要用到setData的方法!!!!!!!这是小程序里面的方法,不写没效果的(都是泪)

然后这里面的生命周期函数和vue也差不多,建议自己细查

最后有关js的,有关冒泡和非冒泡的,这里我也就不打肿脸充胖子了,我也不太会,其实也没啥,就是改个事件名好像就冒泡或者不冒泡了,(建议细查,这里还真没记太清楚了)

我记得就这些,然后本人之前转载过一篇有关微信小程序避开坑的博客,可以了解一下
地址:https://blog.csdn.net/weixin_44392027/article/details/89318304

要去深入了解冒泡啥的了,告辞!!!

你可能感兴趣的:(微信小程序(自我感觉详细无比))