脚本宝典收集整理的这篇文章主要介绍了[前端-微信小程序]瞎聊微信小程序,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
微信小程序已经不算是一个新鲜的东西了,但是还是蛮好玩儿的,因为最近找工作待业中闲着无聊,就抽出半天时间玩儿玩儿微信小程序,因为没有深入的研究,如果有错误欢迎大家指正。
微信小程序的优势
微信小程序的劣势
肯定没有原生App流畅了
就是相当于开了个浏览器tab页,对于数据推动好些,但是对于Dom操作多的可能不太适合。
以上仅仅是我个人的一点小看法,如有错误欢迎大家指出。
对于微信小程序,每个页面对应4个文件(js,json,wxss,wXMl),根目录(app.js,app.json,app.wxss)一个都不能少的。
JS文件:API 文档
[1]: https://mp.weixin.QQ.COM/debug/wxadoc/dev/api/
小程序的焦文代码,可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。
可参考
对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。
WXSS文件
整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
<view class="container">
<view bindtap="bindViewTap" class="userinfo">
<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</view>
<view class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
</view>
以上是脚本宝典为你收集整理的[前端-微信小程序]瞎聊微信小程序全部内容,希望文章能够帮你解决[前端-微信小程序]瞎聊微信小程序所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。