C#程序员入门微信小程序学习笔记

前言

因为工作需要，最近学习了微信小程序，在这里分享一下大概的流程。

强烈建议你先去微信小程序简单教程：点击我进入

开始

当客户端打开小程序时，它会在本地下载代码包进行解析。首先，它在根目录中找到app.json，并知道小程序的所有页面。

这个索引页面是我们的主页。客户端启动时加载首页代码，通过微信机制呈现页面。

app({ onlunch(){//Applet启动后触发}}) applet启动后，首先传递App()定义的App()实例的onlunch方法，所有页面共享，当然回调事件也更多。

page({ data : { text : ' init data '，array: [{msg:' 1'}，{ msg : ' 2 ' } })当页面被加载时，属性数据将被提供给页面，并以Json的形式返回到前端，然后我们可以尝试在页面上呈现这个值。

视图{ { text } }/view view { { array[0]}中有许多方法。msg } }/查看小程序页面，比如页面加载正确且可以交互时onReady()触发，小程序切入后台时OnHide()事件。当然，这些都是应用程序级别的事件，并且有一些事件与用户密切交互。官方称这个页面为事件处理程序。

最操蛋的是微信小程序没有下拉事件onPullDownRefresh()。我很幸运自己做了这件事，但这也是事实。如果这个东西解耦了，就当放屁。例如，下面的代码。

设置的“enableplldowrefresh”:路径。json文件；用于开启页面下拉加载效果；并且可以在当前页面或全局设置。

{//当前页面‘enableplldowrefresh’: true//当前页面‘背景文字样式’:‘深色’//顶部显示三个暗点}‘窗口’: {//全局‘enableplldowrefresh’: true//全局‘background textstyle’:‘深色’//顶部显示三个白点}然后在页面的js中写一个下拉事件，然后比如说这个。

onpulldownlrefresh : function(){ var=this；that . setdata({ current tab : 0//当前页面的一些初始数据，具体取决于业务需求})wx . startpulldown refresh()；this . OnLoad()；//重新加载onload () console.log('我正在刷新.');}用微信开发者的调试工具，我们很容易看到日志记录，初始数据就在那个setData里面。

最后，在onload事件中停止刷新。

Onload:函数(选项){ wx . Stop ulldown refresh()//刷新完成后停止下拉刷新动作}，可以用按钮刷新，bindtap可以直接请求逻辑层。

接下来，我们将讨论事件，这是从视图层到逻辑层的通信模式。事件绑定到dom，当被触发时，它们回到逻辑层执行响应。这些都是最基本的。

但是事件分为bindtap和catchtap。这两者有什么区别？一个在冒泡，一个不冒泡。起泡与否到底意味着什么？

视图id='outer' bindtap='handleTap1 '外视图视图id=' middle ' catch tap=' handletap 2 '中视图视图id='inner' bindtap='handleTap3 '内视图/该视图/视图/视图已经过测试，单击内视图将触发内视图和中视图的事件，而单击中视图将仅触发其事件，因为它被外视图阻止。

这里，为了调试，请在app.json中的pages中添加页面，然后可以跳转到下面的代码。

Wx.navigateto ({url: './demo/demo '，})也支持小程序中的本地存储。例如api wx.setStorage()和wx。setStorageSync()。

而且它不支持像Vue这样的jquery，也就是说它不能假装被逼。此外，我注重自我适应。微信小程序支持rpx；可以实现自我适应。对此我很高兴。

为了安全起见，它不知道跳转到外网。你可能需要申请这个(钱，你知道。)

问题：我无法在输入中获取值，因为我无法操作dom。这是有原因的，因为微信小程序不能确定dom是因为有中间编译，和vue有点不一样。你能做到的。

解决方案：微信为输入的组件提供了多个事件，所以似乎只有通过这些事件才能获得单个输入的价值。

根据这些表单事件，我们可以得到里面的值，然后改变数据里面的值，从而达到这个效果。

看来小程序比Vue更优雅。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。