微信小程序 | 按钮点击（bindtap）失效

        在写一个小程序界面的时候，发现这个页面的按钮点击失效，打印log打印不出来，而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组件遮挡了，导致点击不到。

解决办法：给textarea添加样式，修改它的高度。

注意：可通过下面这个窗口查看各部分大小及其位置，遇到组件失灵时可以先看一下有没有被覆盖。

1Vue的v-on修饰符中有部分只能由@click触发，如once  capture  native；

2@click是组件被点击时触发，会有约300ms的延迟（内置处理优化了）；

   @tap是手指触摸离开时触发，没有300ms的延迟，但是会有事件穿透;

3微信小程序开发过程中，部分场景@tap无法被自动编译成@click触发；

待续

app英文是application,翻译是,手机软件的应用程序

PC 是  personal computer的缩写, 意思 就是是个人计算机,中文名叫电脑,英文名则是PC。

移动端   就是安装在手机上的APP。PC端就是安装在电脑上的

1兼容性:    

        pc端考虑的是浏览器的兼容性,(后台管理系统,  现在最流行框架vue开发,但vue不兼容ie8以下,,,,,,jquery是没有兼容性,专门兼容ie8)

        而移动端开发考虑的是更多的是手机兼容性,因为目前不管是android手机还是IOS手机,一般浏览器使用都是webkit内核;(一般使用的zepto插件,mui    );

2部分的事件处理上:

   移动端多出来的是触屏事件,因为click事件在移动端是有300s的延迟,想在移动端和PC端都使用click事件,插件,fastclick插件可以解决;

3布局上,

    移动端开发一般是要布局到自适应的,一般都是使用rem布局;

4在框架选择上 ,

      一般pc端使用jquery,,移动端一般使用zepto,因为移动端的流量还是比较重要,所以引入的资源能小则小

三者所处的场景不同,本质上都是一个应用程序,

    把程序放在电脑上,就叫他 电脑软件 ,

    放到手机上,就叫 APP

    放在微信程序里,就叫 微信小程序

    如果放在浏览器上,那就叫做 插件 或者是 网站

微信小程序 触控事件： 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全，事件可以向父节点传递，而且打印这个事件的信息很透明，调试起来应该非常方便。 接下来把文档copy过来 原文地址：>

pb[i]TabIndex = iToString();

public override void Pb_Click(object sender,EventArgs e)

{

var btn = (Button)sender;

var val = btnTabIndex;

}

这是WINFORM

借用控件的属性传值。

商场搞活动想要制作一个抽奖程序，今天我们就来看看使用vb60制作抽奖小程序的教程。

1、首先启动vb60，执行 文件-新建命令 ，d出新建工程对话框，在该对话框中选择 标准的exe 后点击打开按钮， 进入vb程序主界面。

2、在主界面中，按住鼠标左键按住窗体周围的任意一个小正方形进行拖拽， 调节窗体的大小 ，直至自己满意为止。

3、选择窗体，在其右边的属性中找到 boderstyle属性 ，设置 属性值为none， 接着再找到 startupposition属性 ，修改属性值为2-屏幕中心，再次修改 backcolor属性 值为淡**。

4、在工具箱里选择frame1，然后在窗体上进行拖拽，大小比窗体小一些，并调整其位置，使其居中，在属性窗口找到 backcolor属性 修改其属性值为粉红色，这样设置看起来就有层次感了。

5、在工具箱里双击标签控件两次，在frame1中显示两个标签控件， 修改lable1的caption属性名称为“幸运抽奖”， 修改label2的caption属性为“0”，同时修改这两个标签控件的backcolor属性为粉色，和 frame 控件保持一致。

6、分别选择 label1和label2 ，修改其font属性，打开字体对话框选择字体为王羲之书法字体，字形为常规，字号为三号，点击确定按钮。

7、选择工具箱里按钮控件，连续双击四次，在frame1上显示四个按钮，调整他们在frame1上的位置，使排列整齐，并依次修改四个按钮的caption属性，属性值依次为“ 号码滚动”、“号码停止”、“号码重置”、“退出程序”。

8、接着选择工具箱里计时器控件并双击，在frame1上显现出来该控件，该控件的作用很大，起到计时作用，同时需要注意的是在程序运行时控件是不显示出来的。

9、双击号码滚动控件，进入代码编辑区域，对象选择 command1， 过程选择click事件，在其输入代码为

Timer1Enabled = True

主要作用是触发器开始工作。

10、双击号码停止按钮，输入代码为 Timer1Enabled = False ，起到的作用是触发器停止工作。

11、双击号码重置按钮输入代码 为Label1Caption = "0"， 起到的作用是每次号码滚动后都要重新置0让每次抽奖的起始都是一样的。并双击退出程序按钮输入代码为end。

12、代码timer1的代码区域，输入代码为

Randomize

Label1Caption = "幸运中奖的号码是：" & Int(Rnd 64 + 1)

主要功能是使用随机函数产生不同的随机数值

13、代码编程完成后就可以运行调试了，点击启动标志，进行编译，如果出现错误根据错误提示进行修改，并不断调试直至通过达到预期目的为止。提示出现要求对象说明控件名称有错误，修改过来，提示出现子程序未定义则说明函数不对，即系统不能认识的函数，进行修改。

14、调试无误后，你会看到号码在不停的滚动， 点击号码停止即可停止 ，点击号码重置就会出现号码为0，点击退出程序即可界面消失，这说明已经达到所预期的功能了。

15、执行文件-生成抽奖exe，这样经过编译就生成了可执行文件，这样就可以跨平台 *** 作了，不再依赖原始程序。接 着执行文件-保存命令， 把所有的源文件进行保存即可，以方便以后修改使用。

以上就是vb60中设计抽奖器的教程，希望大家喜欢，请继续关注我们。

1用到的知识点

<1> wxrequest 请求接口资源（微信小程序api中的发起请求部分）

<2>swiper 实现轮播图的组件

<3>wx:for 循环语句

<4>微信小程序的基础知识

2实现原理

首先，先看一下这个请求函数

var

wxrequest({

url: '', //这里填写你的接口路径

header: { //这里写你借口返回的数据是什么类型，这里就体现了微信小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了

'Content-Type': 'application/json'

},

data: {//这里写你要请求的参数

x: '' ,

y: ''

},

以上就是关于微信小程序 | 按钮点击（bindtap）失效全部的内容，包括:微信小程序 | 按钮点击（bindtap）失效、uni-app中@tap和@click的区别、pc端 移动端 客户端 微信小程序区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！