微信使用的开发语言和文件很「特殊」. 小程序所使用的程序文件类型大致分为以下几种: ①WXML(WeiXin Mark Language,微信标记语言) ②WXSS(WeiXin Style Sheet,微信样式表) ③JS(Java,小程序的主体) 在语言方面,小程序看似重新定义了一套标准.但实际上,它们与「前端三件套」——HTML.CSS 和 Java——差不太多. 下面,我们就来对比一下小程序开发语言和「前端三件套」有什么异同点: HTML 与 WXML:两者差异比较大,如果之前没有接触过

1.工具下载 官方链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 我选用的是稳定版 macOS 2.项目创建 一.扫码登录开发工具 二.点击小程序创建项目 我这里选择是小程序云开发,appid是登录微信公众号,点击开发的选项卡.开发设置 3.项目结构介绍 主要目录介绍: cloudfunctions:云开发中编写云函数的目录 images:存放本地图片资源 pages:存放编写页面相关代码(eg

小程序和H5或者RN有什么区别?优越性在哪里? 长期以来,移动互联网界一直在寻找一种既能获得Native原生的体验,又可以低门槛快速开发的技术.在这个过程中出现了很多尝试,例如React Native(RN),RN本质上是轻量化Native开发,在Native基础上做减法:H5的特点是开发成本较低,可以做到比较灵活,但缺点在基础信息获取方面(如地理位置.手机信息.播放器等)和顺滑体验方面无法做到Native的效果: 就在这个背景下,微信小程序也给出了自己的方案,它的做法是在H5的标准上做Nati

IOS11登录时遇到一个请求与PC返回不一致情况, 在小程序调试时IOS上始终没有wx.request() 不能发送请求 尝试解决方法 打开微信小程序调试的设置, 将TLS设为可信任的域名 设置 ---> 项目设置

QQ讨论群:785071190 创建页面 创建小程序页面非常简单,鼠标在需要创建页面的目录右击,可看到下图菜单,选择"Page"即可创建出一个页面. 输入页面名称,回车就可以创建出一个页面所需要的四个文件.json  .js  .wxss  .wxml   小程序页面创建完成后,app.json中pages属性将自动添加一条记录"pages/index/demo"

一.打开微信开发者工具,扫码登录 二.点击右侧的加号,添加小程序 第三步:创建成功后,报错 VM82:1 cloud init error: Error: invalid scope 没有权限,请先开通云服务 第四步:解决办法:https://blog.csdn.net/qq_35759451/article/details/102811738 首先,开通云服务 开通成功后页面如下: 接着重新编译程序 发现点击获取openid又有问题 然后,将cloudfunctions文件夹右键更多设置,选择

1. 新建一个文件夹. 2. 打开微信小程序开发工具,导入新建文件夹:然后输入创建的appId:会自动生成一个project.config.json,打开这个文件,会看到appid这个字段. 3.可以将之前开发的项目导入新文件夹,注意,除了project.config.json.

目前的项目是在做小程序这方面的,接触过的人应该都知道,同一个微信开放平台下的相同主体的App.公众号.小程序的unionid是相同的,这样就可以锁定是不是同一个用户.微信针对不同的用户在不同的应用下都有唯一的一个openId, 但是要想确定用户是不是同一个用户,就需要靠unionid来区分.一般自己的后台都会有自己的一个用户表,每个用户有不同的userid.也就是说同一个用户在同一个微信开放平台下的相同主体的应用对应着相同的userid,unionid以及不同的openid.所以在用户登录进来的

产品老哥对项目再一次进行关爱, 新增页面, 新增需求, 很完美........ 不多说, 记录一下新增东西中的省市区联动选择, (这里全国地区信息是在本地, 但不建议这么做, 因为js文件太大.. 建议使用插件, 或者后台将地区信息返回前台) 先看一下效果图 全国地区信息js文件(链接打开另存为即可) https://files.cnblogs.com/files/yk95/data.js ;  page页面 (页面中-- margin-t, bgc-f, ...等等是项目中公共样式,  这里写

最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助.下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <view > <input type="text" placeholder-style="color:#fff;" bindinput="userNameInp" placeholder="请输入账号" /> </view> <

回顾:之前我们进行了删除的功能,以及对message消息的增删,下面实现添加好友的功能 我们先在数据库中,在message这个字段的list里面,添加上测试号的id,就是模拟这个两个测试号要加我主号的效果“ 就可以达到这个效果了 下面我们正式开始实现 1.在removeList的wxml的昵称结构处添加一个点击事件handleAddFriend 2.在removeList.js中来实现这个点击事件即可的,并且它也是要提示(让用户选择确认的这种,所以就可以直接copy前面的删除按钮的代码 直接把h

平常在做小程序时,比如循环渲染数据时,如果有多个数据层次,一般都会这样 wx:for-item=item2,它的意思只是简单的起了一个wx:for循环值的别名,不是表示循环item2,index2同理,别转牛角尖,一直想item2哪里来的,只是别名,下面用的时候就用item2.属性名来拿值

为了保护小程序应用安全,微信官方的需求文档要求,每个微信小程序必须事先设置一个通讯域名,并通过HTTPS请求进行网络通信,不满足条件的域名和协议无法请求.因此开发者应先准备好配置好HTTPS证书的域名,还没有配置HTTPS要赶紧升级. SSL证书的选择 域名要实现HTTPS加密请求,需要安装SSL证书.SSL证书的种类那么多,怎么选择适合自己网站的SSL证书? 1)SSL证书类型 DV SSL证书(域名验证型):只验证域名所有权,适合个人网站.博客等站点使用: IV SSL证书(个人验证型):验

在获取之前先了解一下openId和unionId openId : 用户在当前小程序的唯一标识 unionId : 如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的unionid是唯一的.换句话说,同一用户,对同一个微信开放平台下的不同应用,unionId是相同的.详情登录微信开放平台(open.weixin.qq.com) . 在微信小程序开发中,uni

注册 微信小程序注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1   填写账号信息  作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱 ,每个邮箱只能申请一个小程序.   邮箱激活 注册成功后会向注册的邮箱发送一个邮件,点击链接激活即可 填写个人信息 根据情况进行填写即可 填写后扫描二维码,进行身份验证 确认信息无误,进行提交 开启小程序之旅 填写小程序信息 根据自己的填写信息即可 添加开

首先定义事件: bindtap='getLocation' <view class='store-bot' bindtap='getLocation'> <view class='coll-img botimg'> <image src='/images/dizhi.png'></image> </view> <text>地址:广西贵港市港北区仙衣路212号</text> </view> 然后:在js里写方法

01 创建组件 遇见的困难 图标显示不出来,是因为你没有在组件的css中引入,所以显示不出来. 我一直以为是一个坑.结果是自己没有整清楚 01==>在page的同级目录下,创建一个文件夹,命名为components文件夹,这个文件夹是用来放组件的哈. 02==>然后单击这个文件夹,选择创建一个目录(如topheader).topheader在components文件夹下. 03===>创建好了目录(topheader),在点击这个(topheader)这个文件夹.创建[page] 02如

组件定义流程 1)为了方便管理组件文件,创建一个目录来存放组件(可省略该步骤) 组件与页面都有相同的配置,包括的文件有:wxml.wxss.js.json 四个文件. 2)编写组件 编写组件与编写页面一样,没有什么区别. 3)引入组件 哪个页面需要用到组件,就要在哪个页面下的 json 文件中配置以下信息: { "usingComponents": { "event-item": "../../components/event-item/event-ite

wx.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照. OBJECT参数说明: 示例代码: wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文

document.addEventListener("visibilitychange", () => {  if(document.hidden) {     // 页面被挂起,暂停播放                          }else {     // 页面呼出                          } 在webview里的页面加上上面的判断即可 参考链接:https://blog.csdn.net/canvas_hua/article/details

* 成为微信公众平台的开发者 注册 https://mp.weixin.qq.com * 登录 https://open.weixin.qq.com/ * 开发者工具下载 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18080318 * 申请测试号 https://developers.weixin.qq.com/weloginpage?redirect_url=%2Fsandbox * 取得