小程序云开发高级教程

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›小程序云开发高级教程

RSS

微信小程序获取节点宽度高度

微信小程序提供了一个获取节点宽高等信息的方法，一共是两步。amp;#160;1.在对应的节点上定义一个id 2.在js里面创建这个id的节点选择器……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：584 | 回复：0
记录小程序获取元素的高度或宽度

wx.createSelectorQuery().selectAll(amp;#39;.npl-introamp;#39;).boundingClientRect(function (rect) { consol……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：1040 | 回复：0
小程序页面高度控制

page { background-color: #fbf9fe; height: 100%; } /*这个100%屏幕高度*/ .container { font-family: amp;#39;Treb……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：565 | 回复：0
微信小程序——获取元素的宽高等属性

微信小程序里面无法像用jquery一样获取到元素的节点。小程序提供了一个wx.createSelectorQuery()来获取元素的相关信息。官方的文档对于它的用法都已经写的很详细了。我直接上在项目 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：975 | 回复：0
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案 - Sillong ...

在页面中调用wx.getSystemInfo即可获取当前页面的屏幕高度，如果写在app.js里面或者带有系统tab页面里面，获取的windowHeight会比不是tab的页面少48；含有的TabBa ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：634 | 回复：0
微信小程序获取标签高度

js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select(amp;#39;.every……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：505 | 回复：0
微信小程序简单获取屏幕视口高度

由于小程序的宽度是固定的 750rpx，我们可以先用amp;#160;wx.getSystemInfoamp;#160;来获取可使用窗口的宽高(并非rpx)，结合750rpx的宽度算出比例，再用比例来算出高度 l ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：510 | 回复：0
mpvue+vant+flyio小程序项目总结

vant的使用我开始是npm导入，然后import，使用不了。找了各种方法，最后还是下载文件，然后找到dist文件夹，复制到项目里，我是放在static文件夹，文件名dist重命名为vant。在app.json里添加需要的组件，这是全局添 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：535 | 回复：0
【微信小程序】menu

【menuTest.js】 //varconfig=require('../../config.js');//pages/test/test.jsPage({/***页面的初始数据*/data:{imgUrls:['http://img02.tooopen.com/images/20150928/tooopen_sy……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：618 | 回复：0
关于微信小程序scroll-view动态绑定了scroll-top值，滑动会发生抖动的案例 ...

amp;amp;lt;scroll-viewscroll-y:scroll-top=amp;quot;scrollTopamp;quot;style=amp;quot;height:100%amp;quot;enable-back-to-top=amp;quot;trueamp;quot;scroll-with-animation……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：641 | 回复：0
微信小程序之性能优化

如果做前端仅仅停留在编码和实现业务功能上面，可能进步速度会有些慢，但是如果经历了对页面的性能优化之后而且有所成绩的话那就不同了，因为你对他背后的机制进行了研究，才能做好性能优化。做微信小程序也是一样 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：36 | 回复：0
小程序：图片懒加载 - cag2050

资料 | 网址 | 小程序之图片懒加载 | https://www.jianshu.com/p/5164a7bda33d 谈谈IntersectionObserver懒加载……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：31 | 回复：0
如何解决小程序中的多态类的列表数据懒加载

什么的多态类：在小程序中，尤其是商城中一个页面下会有多个多态列表，这些列表都需要处理懒加载的情况：类似于这样可以大致算一算。一级导航栏有四个，二级有 3+1个筛选+2个高/低的价格排序，筛选会筛选 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：32 | 回复：0
微信小程序 - 图片懒加载

wxml js 微信官方API：wx.createIntersectionObserveramp;#160;，感兴趣的可以去看看……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：28 | 回复：0
微信小程序动态获取view的高度以及获取view到页面顶部的距离

wxml页面给需要获取高度的view标签添加一个id lt;view class=\'jbox\' id=\quot;test\quot;gt;testlt;/viewgt; .JS文件通常是这样写，写在onReady，页面初次渲染完成里面。 onReady: function (... ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：29 | 回复：0
微信小程序：自定义导航栏

在小程序开发的时候会遇到一些页面不需要头部导航，或像淘宝的商品详情一样自定义的导航栏。那先要清楚这导航可不能写死，每种手机的导航都各不相同。一、在app.json的window对象中定义导航的样式： ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：34 | 回复：0
小程序开发中关于选项卡高度自适应和选项卡内按钮位置固定的实现 ...

首先大家都知道小程序自带的swiper工具是有默认高度的，所以在实际开发中高度自适应的实现是必修课，比较简单的实现高度自适应的方法是利用scroll-view工具。选项卡工具swiper高度自适应和 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：26 | 回复：0
关于微信小程序获取view的动态高度填坑

如上，拿到了id为box的view，并获取到了它的宽、高等属性，此段代码要放在onReady函数中注意：如果这个view的宽高是随着内容而变化的话，这样获取到的宽高就有可能还是渲染完成前的值，不知是 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：34 | 回复：0
网页或微信小程序中使元素占满整个屏幕高度

在项目中经常要用到一个容器元素占满屏幕高度和宽度，然后再在这个容器元素里放置其他元素。宽度很简单就是width:100% 但是高度呢，我们知道的是height:100%必须是在父元素的高度给定了的情 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：32 | 回复：0
微信小程序,获取网络SVG图片宽高算法

该算法来源于小程序开发社区一位大佬帮我搞的. /** * 获取网络SVG图片宽高 * @param src SVG网络资源链接 */ public static GetSvgInfoFormUrl =……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：29 | 回复：0
uniapp小程序-工具安装-项目创建-项目运行

1、工具安装需要安装HBuilder开发工具和微信开发工具根据设备：微信开发工具要选稳定版本 hbuilder 要选app版本 2、项目新建 3、项目运行运行时会有下图报错需在微信开发工具中设置服务端 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：32 | 回复：0
小程序页面下拉刷新真机无效

处理思路：首先下拉刷新的页面不能是amp;amp;lt;scroll-viewamp;amp;gt;的页面，其次页面的view容器不能设置overflow:hidden页面json设置如下：页面js中设置如下：onPullDownRefresh:function(){//下拉刷新处理 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：39 | 回复：0
C#入门的几个小程序

《C＃程序设计》实验报告实验名称：实验日期：班级：学号：姓名：一、实验目的 1．熟练掌握C#开发环境的安装与配置。 2.加深理解面向对象编程的概念，如类、对象、实 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：30 | 回复：0
微信小程序之tabBar不显示

第一步，按照index创建了myBus第二步：更改app.json，即全局变量重点在于：最后：完成！……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：26 | 回复：0
C#之小程序webapi认证微信小程序CheckSignature消息推送

微信小程序想实现模板消息推送的话1.登录到微信公众平台 -小程序 -开发-开发设置。找到消息推送 2.验证消息的确来自微信服务器微信只提供了php检验的代码段，还缺少返回参数的方法//GET:Common///amp;a ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：28 | 回复：0
微信小程序为什么看不到所有的console.log()的日志信息

记录一个巨傻无比的问题1、在首页的onLoad()函数里面，加了地理位置的加载，并打印到控制台上，可是今天就是没出现2、然后纳闷的很久，各种google，发现没有人遇到这个问题3、再然后，我就看到这个界面的侧边啦， ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：33 | 回复：0
小程序判断手机位置是否打开

//获取当前地地址asyncgetLocation(){letself=thisletresult=nulltry{constresultLocation=awaitwepy.getLocation()result=awaitthis.geocoder(resultLocati……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：28 | 回复：0
Hbuilder初次关联小程序开发工具

Hbuilder第一次编译运行无法启动微信小程序开发工具问题解决方法记录在Hbuilder中设置好微信小程序的安装路径在微信开发工具中设置现在就可以在hbuilder中编译运行，在微信开发工具中预览 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：31 | 回复：0
小程序wepy框架项目搭建和目录解释

初学wepy框架重项目搭建到开发的流程，配合小程序开发工具完成项目的整体开发这是一个基于vue的小程序的开发框架，我们不能直接在小程序开发框架中去编写我们的代码，因为它解析不了wpy。建议大家用VS code去编辑 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：31 | 回复：0
小程序-缓存问题 - joer717

缓存一共有八种，如果用户不主动删除，那就会永久存在的，缓存不能超过10M 4种同步 4种异步首先同步有 1.设置缓存 wx.setStorageSync(amp;#39;keyamp;#39;, { name: ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：26 | 回复：0
从开源项目学做微信小程序

1. 项目名称：灵动电商之微信小程序端项目地址：黄秀杰/lendoo-wx - 码云 2. 项目名称：高仿网易 B2C 商城项目简介：本项目是基于 Node.js + MySQL 开发的高仿网易严选开源 B2C 商城（微信小程序客户端 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：29 | 回复：0
微信小程序：新功能WXS解读（2017.08.30新增）

注意（来自官方文档） wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。 wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。 wxs 的运行环境和其他 javascript 代码是隔离 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：35 | 回复：0
微信小程序 movable-view组件应用：可拖动悬浮框_返回首页

1. movable-view组件具体内容可参考官网：微信官方文档 2. demo参考：https://github.com/ChinaFanny/YFWeappMovableView 运行效果核心……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：39 | 回复：0
微信小程序-for指令

使用for指令可以实现循环使用wx:for标签index和item默认表示索引和valuewxml:amp;amp;lt;textamp;amp;gt;商品列表信息amp;amp;lt;/textamp;amp;gt;amp;amp;lt;viewwx:for=amp;quot;{{dataList}}amp;quot;amp;amp;gt; ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：44 | 回复：0
微信小程序动态增加组件、删除组件

微信小程序、按钮、动态、添加、组件、控件 amp;amp;lt;view class=amp;quot;page__bdamp;quot;amp;amp;gt; amp;amp;lt;view class=amp;quot;weui-articleamp;quot;amp;amp;gt; amp;amp;lt;buttonbindtap=a ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：35 | 回复：0
微信小程序-获取地理位置

近期公司使用微信小程序开发一套应用，涉及到使用小程序的获取地理位置接口，但是在使用测试过程中发现获取的经纬度偏差较大，之后进行了一番搜索，终于找到了，原文地址：http://blog.csdn.net/michael_ouyang/ar ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：41 | 回复：0
微信小程序白屏

上周微信小程序因白屏原因审核被拒，遇到这种情况应反馈微信端询问问题机型微信版本号等以便自己自测纠正。以下为微信回复：当时疯狂网上搜索白屏原因，各种说微信底层，ui框架底层问题，第一次写小程序的我确实有 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：38 | 回复：0
微信小程序如何加载数据库真实数据？

微信小程序要加载网站数据库里面的真实数据，有一个硬性的要求，就是你的网站域名必须是https协议才行，要不然你第一步服务器域名配置你都通过不了，小编我也是前不久申请的https://www.100txy.com，具体申请步骤大 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：35 | 回复：0
小程序上传图片

一、页面WXML 二、选择图片三、上传小程序一次只能上传一张图片，所以写了一个递归去上传，里面的判断没好好写，大概就是个思路，欢迎拍砖……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：47 | 回复：0
微信小程序-如何获取base64图片的宽高？

微信小程序如何获取base64图片的宽高？相信大家很多时候都遇到过需要获取base64图片宽高的时候，在js中获取。 let base64 = amp;#39;data:image/png;base64,……

作者：菜鸟教程小白 | 时间：2022-7-18 19:10 | 阅读：46 | 回复：0

1 ... 112 113 114 115116117 118 119 ... 218 / 218 页下一页

客服电话

电子邮件

小程序云开发高级教程

关于我们

产品与服务

解决方案

139-2527-9053