【微信小程序】常用代码

新手学堂056

【微信小程序】常用代码,第1张

个人博客里面阅读起来可能要清楚一些

个人博客

推荐使用: https://githubcom/weilanwl/ColorUI

微信官方: https://githubcom/wechat-miniprogram/miniprogram-demo

有赞组件库: https://githubcom/youzan/vant-weapp

有赞文档: https://youzangithubio/vant-weapp

wxml

js

js

1initjs

2其他js中使用

1subutilwxs

2在wxml中引入使用

wxml

wxss

js

js添加

wxml添加

折叠时添加以下wxss

croll-view标签需要添加样式

croll-view标签的子标签需要滚动的标签需要添加样式,及需要其子标签为行内块级元素

https://blogcsdnnet/bocongbo/article/details/82588307

微信小程序和微信商城之间的区别1、操作方法不同微信商城的层级较多,以微趋道基于微信认证服务号开发的商城为例,需要用户关注服务号,点击自定义菜单,进入对应页面至少三步操作。如果是有赞这种订阅号加外链商城的方式,则后期使用至少需要四步操作,即打开订阅号折叠栏,打开对应订阅号,点击自定义菜单,进入对应页面。从上述描述,可以看到用户打开商城的操作步骤比较繁琐。小程序没有任何层级,直接扫码或者点击就能打开,可谓一步到位,用户操作步骤相当简单,更利于商家推广和留存客户。2、用户体验不同传统公众号开发借助的是HTML5技术,稳定性和流畅性比不上原生态APP。小程序拥有近乎原生态APP的体验,并且无需安装、注册和卸载,更不用考虑针对不同应用系统单独开发,以及不同手机型号的兼容性问题,加载更快,体验更流畅。3、用途不同微信团队当年开发公众号的本质是希望打造一个内容创作和服务平台,没想到会被自媒体占领,更没想到会被商家过度营销。从微信官方去年在2016年对于公众号的不断升级规范以及最近开通的微信实验室增加看一看功能来看,微信是希望通过更好的扶持内容创作者,让微信公众号在自媒体领域进一步发展。而自媒体人需要通过内容获取流量,然后让流量变现。以前是通过公众号商城实现,现在就需要让小程序承担这部分职责。公众号将回归本质,成为彻彻底底的自媒体平台以及商家服务承载平台。4、运营方式不同·都知道微信公众号是基于粉丝运营的,不管是原创文章,还是搞各种营销活动,无非是为了吸引用户关注,然后再想法子转化他们,引导他们在商城里面消费。所以做了微信商城的用户做一个商城只是开始,后期需要想法设法吸引别人关注,其实这个也不是很大的问题,基本上做一场活动,让一次利就能吸引不少人,问题是关注后这些人绝大部分最终成为僵尸粉,或者取消关注了,所以运营对于商家来说是个头疼的问题。

微信小程序默认情况下,在电脑端预览时会有一个“调试工具”的按钮,可以用于调试和查看页面元素等。如果该按钮被隐藏或不显示,您可以尝试以下方法来让它重新显示:

1 按下键盘上的“F12”键,打开浏览器的开发者工具。在“Elements”或“Elements面板”中找到代码中的“page-meta”元素,并将其删除或注释掉。

2 在浏览器的地址栏中输入javascript:consolelog(documentquerySelector('devtools') && documentquerySelector('devtools')remove());并按下回车键,该按钮应该会重新显示。

3 如果您使用的是Chrome浏览器,可以按下快捷键“Ctrl+Shift+J”,打开浏览器的控制台,输入以下代码并按下回车键:

```javascript

documentbodyaddEventListener("keydown", function(event) {

if (eventctrlKey && eventkeyCode === 73) {

return false;

}

}, false);

```

这段代码的作用是禁用了快捷键“Ctrl+Shift+i”的功能,防止用户无意中切换到开发者工具。

需要注意的是,微信小程序是为移动设备设计的,因此在电脑端可能会有一些兼容性问题和体验上的不便。如果您需要更好的开发体验,建议您使用微信开发者工具进行开发和调试。

微信商城小程序制作如下:

1、微信小程序注册

在微信公众平台官网首页,按照提示点击右上角的“立即注册”按钮,里面总过有12步,按照要求提交就可以了。

2、小程序申请微信认证

政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。企业类型帐号,可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。

认证入口:登录小程序—设置—基本设置—微信认证—详情

3、小程序申请微信支付

已认证的小程序可申请微信支付。

4、小程序绑定微信开放平台帐号

小程序绑定微信开放平台帐号后,可与帐号下的其他移动应用、网站应用及公众号打通,通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。

5、了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。

个人或企业制作微信商城小程序也可以联系微信第三方开发服务商,专业制作微信小程序,根据企业需求量身定制商城小程序。

1确定好微信小程序的的定位和目的

比如行业,功能,内容,目标用户,目标市场,意向名单,专业作用等。

2洽谈好软件技术研发团队

最好与软件,小程序设计运营技术非常成熟的公司合作,多沟通,确保成品出来达到自己的预期效果

3确定好小程序设计文案资料

包括设计需求,功能项目,表格清单,广告logo,模板栏目按钮,跳转链接,运行逻辑,计算公式,展现方式等。

4小程序设计方案,确定好宣传

交付美工设计,随保持沟通,按照文案和沟通内容进行设计。初版审核,是否需要更改设计细节。敲定设计方案。

5小程序设计切片,程序设计,后台设计

设计稿交付前端切片,程序编辑设计。

6小程序相关资料素材上传,功能设置

添加相关的文本内容,完成小程序。

7小程序测试

进行不同环境测试,表单测试,电话测试,后台测试等。

8申请注册小程序

方法一:通过微信公众号后台快速注册微信小程序

小程序管理,添加,快速注册,认证,绑定。注册要申请一个邮箱,单独设立密码。认证的时候要注意,认证一般使用原公众号认证的资质,直接选择公众号认证就行。

方法二:直接注册微信小程序

在微信公众平台官网首页,点击右上角的“立即注册”按钮。选择注册的账号类型→填写邮箱和密码→激活邮箱→填写主体信息→选择主体→验证→填写管理员信息→完成注册(参考《微信小程序接入指南》)

9填写小程序资料

完善信息,填写微信小程序名字,介绍,上传小程序头像,设置关键词。

10添加管理员

把程序员设置为小程序项目管理员,分配权限。

11上传小程序版本V101

管理员按照微信开放平台指南,在开发管理里面,上传开发版本

12代码审核

版本审核阶段,可在审核版本中查阅。

13审核通过

手机收到“代码审核通过”的信息。

14生成线上版本

小程序版本V101上线,以后就是V102版本了。

15发布版本

设置允许被搜索。可在微信小程序里面,搜索到小程序。搜索名字。

16附近小程序添加

按照营业执照,添加小程序的地点位置。可在此位置附近,搜索到小程序。最多添加10个位置,需与营业执照主体相关才能添加地点。

17添加搜索关键词

添加行业的关键词,方便搜索。目前是自然流量的主要来源之一。

18客服功能

绑定微信号,设置客服,方便在线咨询

19微信支付设置

数据统计,开发管理,二维码等。

20微信小程序上线

这个代码肯定可以查到的,这是官方查DOM属性的API,查到的属性其实也很有限,但是高度是绝对可以查到的,查不到高度的同学可以去看官方文档!

首先给你的xml对象一个id:

<view class="usermotto" style="height:213px;" id='mjltest'/>

然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。

//创建节点选择器

var query = wxcreateSelectorQuery();

queryselect('#mjltest')boundingClientRect()

queryexec(function (res) {

//res就是 所有标签为mjltest的元素的信息 的数组

consolelog(res);  

//取高度

consolelog(res[0]height);

})