分类归档

小程序

FWQ
小程序
微信小程序http请求的图文详解
这篇文章主要介绍了微信小程序http请求的图文详解的相关资料,需要的朋友可以参考下 在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求。 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downloadFile) WebSocket通信(wx.connectSocket) 这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主 设置域名 要微信小程序进行网络通信,必须先设置域名,不然会出现错误: URL 域名不合法,请在 mp 后台配置后重试 需要在微信公众平台的小程序中设置域名。在微信小程序的设置界面可以看到设置选项: 设置 选择开发设置: 开发设置 可以看到服务器设置: 服务器设置 在这里可以设置对应四种网络访问的域名,每一种类型的网络请求需要设置一个域名,注意如果在这里设置域名为https://example.com/api/,那么https://example.com/api是无法调用的,必须加上后面/。 http请求 使用wx.request可以发起一个http请求,一个微信小程序被限制为同时只有5个网络请求。 function queryRequest(data){     wx.request({     url:"https://example.com/api/",     data:data,     header:{       // "Content-Type":"application/json"…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序视图层详解
本篇文章给大家带来了关于的相关知识,其中主要介绍了关于视图层的相关问题,视图层负责将逻辑层的数据显示在页面上,同时将视图层的事件发送给逻辑层,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 小程序框架的视图层由WXML(WeiXin Markup Language,微信标记语言)与WXSS(WeiXin Style Sheet,微信样式表)编写,由组件来进行展示。视图层负责将逻辑层的数据显示在页面上,同时将视图层的事件发送给逻辑层。WXML用来描述页面的结构,WXSS用于描述页面的样式,组件是视图的基本组成单元。这三者的关系可以类比为HTML,CSS与HTML里面各种标签的关系。除了这三者之外,还有一套用于小程序的脚本语言——WXS(WeiXin Script)。WXS和WXML结合起来,可以构建出页面结构。 一、WXML 1、数据绑定 (1)简单绑定 数据绑定的基本原则: 1)在 data 中定义页面的数据:在页面对应的 .js 文件中,把数据定义到 data 对象中即可。 Page({ data:{ //字符串类型的数据 info: 'init data ' , //数组类型的数据…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中如何设置拨打电话
今天我们要介绍的是:微信小程序中如何拨打电话。要求点击进入拨打电话页面,拨打电话。模仿我们进入客户电话页面,拨打客服电话一样。效果图如下: 首页代码如下: <view>     <view>CopyRight:All Right Reserved</view>     <view>原创作者:HTML51.COM</view>     <view>微信小程序开发平台-51小程序</view>     <view><image></image></view>     <view><button>点击进入拨打电话页面</button></view></view> 登录后复制 更多微信小程序中如何设置拨打电话相关文章请关注PHP中文网!
2024-11-25 阅读全文 →
FWQ
小程序
微信小店和微信小程序的区别是什么?
区别:微信小店的功能比较少,只拥有基本的商城购物功能,没有营销功能,因而只适合不需要营销推广的个人开店;而小程序则是支持各种功能开发,可以开发商城小程序,也可以开发各种营销推广功能,能够满足商家的多功能需求,因而更具有实用性。 【相关学习推荐:】 微信小店,其实最早是由微信公众平台于2014年5月正式推出,目前只有开通微信支付的微信认证服务号可以申请,开通后可获得开店、管理货架、维护客户的简便模板。此举被认为是微信有序开放的一个标志,以及微信对电子商务的探索之一。不过,微信小店从推出到现在,尚没有大范围的推广宣传以及功能变化,微信方面也没有对外发布过关于微信小店的进展,一直比较低调。 而在2017年11月,微信小店迎来了一个重大的更新:“小店插件可以升级为小程序插件”,微信官方表示,为了帮助商家在微信内快速开店,方便商家和用户之间沟通,所有认证公众号,可快速创建微信小店小程序。不过,微信小店小程序的名称和微信公众号名称一样,系统会检测是否可用。根据小程序名称设置规范,小程序名称不得与公众平台已有的订阅号、服务号重复,如提示重名,需更换名称进行设置。小程序在正式发布前,有两次改名的机会,一旦发布后,将不可修改名称。 简单地来说,微信小店、微信小店小程序功能方面比较少,只拥有基本的商城购物功能,没有营销功能,因而只适合不需要营销推广的个人开店。而小程序则是支持各种功能开发,可以开发商城小程序,也可以开发各种营销推广功能,能够满足商家的多功能需求,因而更具有实用性。 以上就是微信小店和微信小程序的区别是什么?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序常见问题官方FAQ
q:input的type为number时,调用接口隐藏键盘失效。 A:多谢反馈,客户端会发 hotpatch 来修复这个问题。 Q:开发者工具中,使用自定义编译设置启动页面,该页面的json配置无效。 A:收到,这个是一个bug。 Q:最新正式版开发者工具 v0.14.140900 不能上传预览程序。 A:这里应该是有一个bug的,已经修复,两种解决办法:      1:勾选上ES6=>ES5       2:下载 beta 版本 https://developers.weixin.qq.com … 141df4f4dcf284b2bcb Q:var co = wx.getStorageSync(‘co’)取值为空是为什么? A:getStorage 是异步接口,请在 success 回调中获取这个…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序中WXSS的介绍
这篇文章主要介绍了微信小程序 wxss的相关资料,并附简单实例代码,需要的朋友可以参考下 WXSS WXSS(WeiXin Style Sheets)是MINA设计的一套样式语言,用于描述WXML的组件样式。 WXSS用来决定WXML的组件应该怎么显示。 为了适应广大的前端开发者,我们的WXSS具有CSS大部分特性。 同时为了更适合开发微信小程序,我们对CSS进行了扩充以及修改。 与css相比我们扩展的特性有: 尺寸单位样式导入 尺寸单位 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)…
2024-11-25 阅读全文 →
FWQ
小程序
实现欲罢不能的网易云音乐宇宙尘埃特效
栏目今天教大家实现网易云音乐宇宙尘埃特效,手把手教。 前言 前段时间,女朋友用网易云音乐的时候看到一个宇宙尘埃特效,说很好看,想要让我给她开VIP用。 笑话,作为一个程序员为什么不能自己实现!开什么VIP!! 什么女朋友?程序员有吗?我只在意特效的实现! 0202年了,Android开发大都应该是老油条了把。如果你自定义View还是掌握得不够熟练的话,那可就说不过去了哦。自定义View可以说是Android开发中,无论是初级,中级还是高级都必须掌握的一个点。 不然的话,UI一不小心设计的太炫酷,那你岂不是要和他打起来了?难道你不想成为下图中的男人吗? 所以,自定义View的重要性已经不用我多说了。本篇是针对有自定义View基础知识,但是苦于没有好的项目模仿,或者说看到了酷炫效果没有思路不知道该如何下手的人。恭喜你,我将一步步手把手的带你分析效果,然后代码实现它。 我就知道没图是骗不到人的。先放图,大家看一下最终实现的效果。 ps:为了能更快加载出来,gif是压缩了又压缩,大家可以脑部清晰度。 ps2:小伙伴如果有好的gif压缩网站可以推荐一波 咳咳,虽然画质堪比AV画质,但是还是能看的出来效果是非常不错的。那么今天我就带小伙伴们一起从头到尾的实现一下这个效果吧。 特效分析 首先看动图,我们可以拆成两部分完成,一个是里面不断旋转的圆形图片,一个是外面不断扩散的粒子动效。 我们由易到难来完成,毕竟柿子要挑软的捏嘛。 另外由于本篇重点是讲自定义View的,所以就不采用ViewGroup的方式来实现图片和粒子动效的结合了。而是采用分开布局的方式。这样做的好处是可以只专注于粒子动效的实现,而不需要去考虑测量,布局等。 至于自定义ViewGroup,下一篇文章我将会带领大家实现一个非常非常非常酷炫的效果。 加载图片 我们先观察,首先这是一个圆形图片。其次,它在不停的转。 咳咳,先别骂,容我说完嘛。 圆形图片的话我们就用Glide来进行实现把,其实自定义View实现也可以,但我们重点还是粒子特效。 首先定义一个ImageView <?xml version="1.0" encoding="utf-8"?><relativelayout>     <imageview></imageview></relativelayout>复制代码 登录后复制 现在我们去Activity中,用Glide加载一张圆形图片。…
2024-11-25 阅读全文 →
FWQ
小程序
关于大众点评点餐小程序开发过程中的数据采集的经验分享
摘要: 关于小程序开发的经验以及过程中遇到的“坑”在我们团队之前的小程序开发经验系列文章中已经介绍的差不多了,大数据时代,一个产品成败的背后需要用大量的数据去分析验证。本期就和大家一起探索下,微信小程序是如何 … 关于小程序开发的经验以及过程中遇到的“坑”在我们团队之前的小程序开发经验系列文章中已经介绍的差不多了,大数据时代,一个产品成败的背后需要用大量的数据去分析验证。本期就和大家一起探索下,微信小程序是如何进行数据采集与分析的,当然还有过程中的“坑”。 本文部分示例来自于「大众点评点餐」小程序的菜单页面。 作者介绍:邹弓一,美团点评前端工程师,4年 Web 前端开发经验,现在是美团点评点餐团队的一员。 所有内容基于2017年3月2日为止的官方api微信官方采集平台介绍 微信小程序公众平台目前提供了一套官方的数据采集分析平台。官方api:https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201726就目前小程序公测版官方提供了以下几种数据分析: 概况:提供小程序关键指标趋势以及top页面访问数据,快速了解小程序发展概况;(不需要手动配置,官方默认采集) 访问分析:提供小程序用户访问来源、规模、频次、时长、深度以及页面详情等数据,具体分析用户新增和活跃情况;(不需要手动配置,官方默认采集) 实时统计:提供小程序实时访问数据,满足实时监控需求;(不需要手动配置,官方默认采集) 自定义分析:配置自定义上报,精细跟踪用户在小程序内的行为,结合用户属性、系统属性、事件属性进行灵活多维的事件分析和漏斗分析,满足小程序的个性化分析需求;(内侧中,需要单独申请开通权限才能使用) 具体数据可通过https://mp.weixin.qq.com 使用小程序管理员账号登录之后查看。 前3种方式都是小程序自动采集,不需要开发者任何的人为操作,在微信官方文档中都有详细说明了,这边就不再阐述 本文主要结合「大众点评点餐」小程序来看下第4种-自定义分析能做什么 自定义分析 自定义分析就是传统意义上的埋点,用户可以自行设置希望上报的数据,通过这些数据来分析你希望得到的结果。 微信官方的自定义分析使用了当下比较流行的无埋点技术,通过微信后台配置锚点并实时下发到客户端生效,无需在代码中手动加入埋点代码,并且由于小程序发版有审核机制,如果手动埋一次点就需要重新提审,成本将会非常高,所以采用无埋点技术是非常适合于小程序的场景。 但从目前「大众点评点餐」小程序中测试下来,目前内测版本的自定义分析(截止2017年3月2日)对代码本身设计与书写的要求比较苛刻,数据采集需要与页面page的data做到关联,在某些场景下会出现比较难以满足的情况。 接下来让我们看看实现一个自定义事件的步骤: 1. 首先使用管理员账号登录公众平台后台,找到自定义分析(前面提到,需要单独申请,否则看不到入口) 2. 如果第一次使用的话,事件列表为空,点击新增事件,填入打点事件的中英文名称 3.…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中数据过滤的实现方法介绍(代码)
本篇文章给大家带来的内容是关于微信小程序中数据过滤的实现方法介绍(代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 因为微信小程序的wxml和js的内部实现机制是分开编译的。所以在wxml是没办法调用js的函数的。这会导致WXML缺少一个我们常用的功能,那就是没有办法在视图层对数据进行格式化处理。比如我们从后端获取到一个包含了时间戳数据的数组,然后需要在界面上把这些日期都格式化显示为2017-01-01这种格式的日期形式,在Vue, Angular之类的前端Web框架中,一般在视图层都提供了如filter之类相应比较好用的方案。vue是没有这些方法的。但是小程序推出了wxs类型文件就是解决这类问题的。 使用 首先新建filter.wxs文件(也可以直接写在wxml文件中,但是这中公共方法还是应该单独建文件的)。 var formatDate = function (timestamp,option) { var date = getDate(parseInt(timestamp)); var year = date.getFullYear() var month = date.getMonth() + 1 var day…
2024-11-25 阅读全文 →
FWQ
小程序
怎么使用TypeScript开发微信小程序
微信小程序来了!这个号称干掉传统app的玩意儿虽然目前处于内测阶段,不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。 typescript: TypeScript 是之父Anders Hejlsberg的又一力作,相信喜欢C#语法的朋友们对TypeScript一定也会爱不释手。 简单的聊一聊TypeScript吧 TS是一个应用程序级的开发语言。 TS是JavaScript的超集,可以编译成纯JavaScript。 TS跨浏览器、跨操作系统、跨主机,开源。 TS始于JS,终于JS。遵循JavaScript的语法和语义,方便了无数的JavaScript开发者。 TS可以重用现有的JavaScript代码,调用流行的JavaScript库。 TS可以编译成简洁、简单的JavaScript代码,在任意浏览器、或任何兼容ES3的环境上运行。 TypeScript比JavaScript更具开发效率,包括:类型检查、基于符号的导航、语句自动完成、代码重构等。 TS提供了类、模块和,更易于构建组件。 顺便说一句,TypeScript虽然只关心生成JavaScript之前的这些内容(意味着不关心生成出的JS代码的运行效率),但是根据鄙人的观察和比较,TypeScript所生成的JavaScript代码比绝大部分的前台开发自己写的JavaScript的代码质量高至少一个数量级!! TypeScript另一个优点: TypeScript在各大主流的IDE和编辑器里有智能提示! 重要的事情要说三遍!写TypeScript有智能提示!写TypeScript有智能提示!写TypeScript有智能提示! 用TypeScript开发微信小程序 扯了半天TypeScript,那么究竟怎么用TypeScript开发微信小程序呢? 非常简单,和微信官方的 JavaScript开发方式 没有太大区别,依旧是4个核心文件 App:     代码整个应用程序的抽象,可以设置全局的方法和 Page:…
2024-11-25 阅读全文 →