微信小程序有querySelector（微信小程序有什么好玩的游戏）

摘要： 1、极客时间《9小时搞定微信小程序开发》第五课：原生API，小程序API最后一部分，课程中没有详细去讲，因为当时开放的API还没有现在这么多，而且这部分API偏于后台控制，大多是后...

本篇目录：

• 1、微信小程序之原生API(下)
• 2、微信小程序富文本编辑器内容如何提交到后台
• 3、微信小程序-动态获取view高度
• 4、微信小程序(十二)实现首页左右上下滑动项目界面

微信小程序之原生API(下)

1、极客时间《9小时搞定微信小程序开发》第五课：原生API。小程序API最后一部分，课程中没有详细去讲，因为当时开放的API还没有现在这么多，而且这部分API偏于后台控制，大多是后期逐步新增的。

2、在微信小程序中，可以通过`wx.request`来发送HTTP请求。

3、微信小程序API（Application Programming Interface），应用程序编程接口，也是程序员口中常说的接口。其实api并不专属于小程序，任何编程语言或程序形态都有相对应的api。

4、首先需要确认已经正确安装了node，使用的开发工具为微信官方的微信开发者工具。在项目文件夹下对项目进行初始化，执行npm init -y 此时项目文件夹下会创建package.json文件。

微信小程序富文本编辑器内容如何提交到后台

根据我用的tinymce的情况，加入了上传图片的组件后，在初始化富文本编辑器的时候传入参数imageupload_url： /upload_img/，而这个上传图片的路径就是自定义的上传接口，接口内容自定义，最后根据固定格式回显图片路径即可。

用标签包裹一些表单元素（比如）和提交按钮（），即可完成提交了。记得给form设置提交地址（action属性）。

使用富文本编辑器（如wangeditor），让用户输入内容，富文本编辑器可以保留原有的格式，在后台可以直接获取保存到数据库中，再取出来展示给用户。

微信小程序-动态获取view高度

小程序的我能想到的就是动态算出每一个标签的高度，然后总高度减掉就是想得到的子标签的高度了。

在小程序中没有DOM操作的方法，所以获取不到相应的DOM节点进行高度设置。

我现在的宽度是{{view.Width}}px，高度是{{view.Height}}px/view此处设置的style=width：{{view.Width}}px；height：{{view.Height}}px；可通过事件响应动态改变数值，进而改变view组件的宽高样式。

解决方法如下：在swiper标签中的view标签改成scroll-view标签。动态获取窗口高度应用到swiper和所有的scroll-view标签。事实上，内容显示不全就是因为获取的高度过小，这样就可以解决微信小程序中显示不全的问题。

通过获取windows可用高度和page去做对比。满屏后page高度应该高于windows可用高度。如果没有满屏，则加载下一页。若所有数据都不足以满屏，则靠onReachBottom.finished来过滤掉下一次的请求。

微信小程序(十二)实现首页左右上下滑动项目界面

微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。

让微信小程序中间的图标也跟着图上下滑动方法如下：在WXML文件中创建一个固定高度的区域，并设置其为可滚动的。在该区域内添加两个元素：一个用于显示上下滑动的图片，另一个用于显示图标。

具体内容如下实现原理利用scroll-view的scroll-into-view属性进行定位；利用scroll-view的scroll-with-animation属性实现滚动动画过度。

可滚动视图区域。组件用法：纵向滚动用法 Tip：使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。

实现左右联动的菜单列表，主要依靠scroll-view的是三个属性：scroll-top：设置竖向滚动条位置（可视区域最顶部到scroll-view顶部的距离）；scroll-into-view：值应为某子元素id（id不能以数字开头）。

到此，以上就是小编对于微信小程序有什么好玩的游戏的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。