分类归档

小程序

FWQ
小程序
微信开发微网站之jquery_mobile案例分析
这节课我们主要用到到jquery_mobile来实现一个点电影播放网站 jquery_mobile(简称JQM)其实就是基于jquery开发出来的一套移动端框架,适应移动用户端市场对浏览与体验从而进一步的提升 jquery_mobile控件介绍 jquery_mobile的语法将各个控件(widget)以data-role的形式定义好样式,使用时直接引用,则可调用适合手机页面显示的样式。 juqery_mobile的常用控件如下所示: 我们废话不多说,开始写第一个jquery_mobile的模版程序,改名为jqm1.html,代码如下所示: nbsp;html&gt;              <meta>         <!--宽高禁缩放 -->         <meta>         <!--类webapp-->          <meta>         <!--状态条 -->          <meta>         <!--电话号码不是链接 -->          <meta>         <title>jQuery Mobile Web 应用程序</title>         <link>         <script></script>         <script></script>                   <div>             <div>…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序广告自定义组件–媒体音频播放组件audio
本文章解说微信小程序广告自定义组件之组件audio为音频播放组件,首先要根据音频文件的id来确定 要获取的音频组件的上下文对象(相当于这个对象绑定某音频组件)。 <audio></audio><button> 播放</button> <button>暂停</button> 登录后复制 controls显示音频控制键 loop循环播放 poster在控制播放键是加的图片 name音频名称 author作者 src音频文件 id唯一标识 虽然可以通过controls来播放, 如果不要controls, 也可以通过js的事件来控制播放与暂停 Page({   data: {     poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',     name: '此时此刻',     author: '许巍',     src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&amp;uin=346897220&amp;vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&amp;fromtag=46',   },   /**获取 audio上下文audioContext对象 */   onReady: function () {     // 使用API: wx.createAudioContext 获取 此音频组件的 上下文对象     this.audioCtx = wx.createAudioContext('audioID')   },      /**播放 */   audioPlay: function() {     this.audioCtx.play();…
2024-11-25 阅读全文 →
FWQ
小程序
微信标签有什么用
微信标签的作用:1、可以分类管理好友;2、可以定向群发消息,向某一个特定标签的好友们发消息;3、可以在右下角设置哪个标签的好友可以看你的朋友圈。 本文操作环境:Windows7系统,微信3.1.0,Dell G3电脑。 微信标签具有以下作用: 1,可以分类管理好友,不然微信上好友较多,就会比较混乱,所以点开微信选择你的好友新建一个标签,这就跟手机QQ建立多人聊天是一样的。 2,发朋友圈时,可以在右下角设置哪个标签的好友可以看你的朋友圈以及哪个标签的好友不可以看你的朋友圈。 3,可以定向群发消息,向某一个特定标签的好友们发消息。 相关免费学习推荐: 以上就是微信标签有什么用的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
教你快速使用微信小程序 微信小程序从哪进入
微信小程序怎么打开?2017年1月9日,是一个值得载入互联网史册的日子。这一天,零点刚过,张小龙和他的团队,在夜色笼罩下,正式发布了微信小程序,那么微信小程序在哪里进入呢?接下来小编给大家介绍一下微信小程序入口,一起来看吧 2017年1月9日,微信小程序正式发布,所以,从这一刻开始,只要有开发者登录小程序后台,并在「开发管理」页面点击了「发布」按钮,就会有一个小程序,降临到这个世界上。 而微信小程序,这个设定为「无处不在」的产品,切切实实地「在」你身边了,并即将给你的生活带来新的变化。 那么,小程序到底是什么?小程序的入口在哪里?小程序到底如何使用?该去哪里找小程序呢? 现在,小编就立刻为大家揭晓。 小程序上线,你需要知道什么? 小程序是什么? 小程序是一种无需安装,即可使用的手机「应用」。只需要扫描二维码,或是搜一搜,就能立即使用。 不同的小程序,能帮你实现不同的功能。 例如,买电影票、餐厅排号、餐馆点菜、查询公交、查询股票信息、查询天气、收听电台、预定酒店、共享单车、打车、查汇率、查单词、买机票、网购…… 当然,作为微信的新产品,小程序只能在微信里使用。 去哪里找到小程序? 去哪里能找到这些小程序呢? 就像关注微信公众号一样,你得知道它的名字,或者二维码,才能使用一款小程序。 可是,微信里并没有提供一个集中展示小程序的地方。 要是想迅速找到大量有趣、实用的小程序,你可以去国内首家小程序商店(minapp.com),里面聚集了非常多的优质小程序,包括了腾讯、网易、去哪儿、丁香园等公司的作品。 在上面,你也能立刻用上玩物志、解忧室、荔枝FM 播客、轻芒杂志、好奇心日报等高品质的小程序。 那么,如何进入小程序商店呢?有两种方式: 在浏览器中打开minapp.com。 在所关注的微信号后台,点击菜单栏的「程序商店」。 现在,就不如去逛逛小程序商店,品尝小程序的头啖汤吧。 友情提示:微信版本需要更新至6.5.3,才能使用小程序哦。 使用小程序,你还需要知道这些 1. 发现页面入口 在小程序还未发布之前,就有消息泄露,发现页面将会有一个小程序的入口。 这个入口确实存在!…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发之自定义菜单–weixin-java-tools
一、前言   平时在开发微信的过程中,肯定会设计到微信的相关菜单的使用,这次就和大家介绍下如何使用weixin-java-tools来管理菜单 二、自定义菜单分类   1、click:点击推事件用户点击click类型按钮后,微信服务器会通过消息接口推送消息类型为event的结构给开发者(参考消息接口指南),并且带上按钮中开发者填写的key值,开发者可以通过自定义的key值与用户进行交互;   2、view:跳转URL用户点击view类型按钮后,微信客户端将会打开开发者在按钮中填写的网页URL,可与网页授权获取用户基本信息接口结合,获得用户基本信息。 立即学习“”;   3、scancode_push:扫码推事件用户点击按钮后,微信客户端将调起扫一扫工具,完成扫码操作后显示扫描结果(如果是URL,将进入URL),且会将扫码的结果传给开发者,开发者可以下发消息。   4、scancode_waitmsg:扫码推事件且弹出“消息接收中”提示框用户点击按钮后,微信客户端将调起扫一扫工具,完成扫码操作后,将扫码的结果传给开发者,同时收起扫一扫工具,然后弹出“消息接收中”提示框,随后可能会收到开发者下发的消息。   5、pic_sysphoto:弹出系统拍照发图用户点击按钮后,微信客户端将调起系统相机,完成拍照操作后,会将拍摄的相片发送给开发者,并推送事件给开发者,同时收起系统相机,随后可能会收到开发者下发的消息。   6、pic_photo_or_album:弹出拍照或者相册发图用户点击按钮后,微信客户端将弹出选择器供用户选择“拍照”或者“从手机相册选择”。用户选择后即走其他两种流程。   7、pic_weixin:弹出微信相册发图器用户点击按钮后,微信客户端将调起微信相册,完成选择操作后,将选择的相片发送给开发者的服务器,并推送事件给开发者,同时收起相册,随后可能会收到开发者下发的消息。   8、location_select:弹出地理位置选择器用户点击按钮后,微信客户端将调起地理位置选择工具,完成选择操作后,将选择的地理位置发送给开发者的服务器,同时收起位置选择工具,随后可能会收到开发者下发的消息。   9、media_id:下发消息(除文本消息)用户点击media_id类型按钮后,微信服务器会将开发者填写的永久素材id对应的素材下发给用户,永久素材类型可以是图片、音频、视频、图文消息。请注意:永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id。   10、view_limited:跳转图文消息URL用户点击view_limited类型按钮后,微信客户端将打开开发者在按钮中填写的永久素材id对应的图文消息URL,永久素材类型只支持图文消息。请注意:永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id。   请注意,3到8的所有事件,仅支持微信iPhone5.4.1以上版本,和Android5.4以上版本的微信用户,旧版本微信用户点击后将没有回应,开发者也不能正常接收到事件推送。9和10,是专门给第三方平台旗下未微信认证(具体而言,是资质认证未通过)的订阅号准备的事件类型,它们是没有事件推送的,能力相对受限,其他类型的公众号不必使用。 三、调用接口地址:http请求方式:POST(请使用https协议)   四、请求示例   {      "button":[      {           "type":"click",           "name":"今日歌曲",           "key":"V1001_TODAY_MUSIC"       },       {            "name":"菜单",            "sub_button":[            {…
2024-11-25 阅读全文 →
FWQ
小程序
js的自定义trim函数使用方法
这次给大家带来js的自定义trim函数使用方法,使用js的自定义trim函数的有哪些,下面就是实战案例,一起来看一下。 兼容IE低版本浏览器,以及其他一些低版本脚本的浏览器 js中本身是没有trim函数的 //删除左右两端的空格 function trim(str){ return str.replace(/(^s*)|(s*$)/g, ""); } //删除左边的空格 function ltrim(str){ return str.replace(/(^s*)/g,""); } //删除右边的空格 function rtrim(str){ return str.replace(/(s*$)/g,""); } 登录后复制 或者扩展String类型属性 String.prototype.trim = function() {…
2024-11-25 阅读全文 →
FWQ
小程序
解读和分析微信小程序组件:二、scroll-view(可滚动视图区)
wxml [XML] 纯文本查看 复制代码 <view>     <view></view>     <view></view>     <view></view></view> 登录后复制 登录后复制 登录后复制 wxss [XML] 纯文本查看 复制代码 .flex-wrp{     height: 100px;     display:flex;     background-color: #FFFFFF; } .flex-item{     width: 100px;     height: 100px; } .red{     background: red; } .green{…
2024-11-25 阅读全文 →
FWQ
小程序
怎么把gif放进小程序
把gif放进小程序的方法: 通过web-view内嵌h5上传gif,再把gif地址通过wx.miniProgram.redirectTo带参跳回发布页面。 发布页面点添加动图,会跳转到上传页面 web-view内嵌h5上传图片地址 <web-view>web-view&gt;</web-view> 登录后复制 h5上传后带url回跳 "file" accept="image/gif" type="file" /&gt; ---- wx.miniProgram.redirectTo({   url: `${/photos/photos?GifUrl}=res.key` }) 登录后复制 发布页面拿到上传后的gif地址,并展示 onLoad:function (e) { if(e.GifUrl)upload_img = e.GifUrl} 登录后复制 以上就是怎么把gif放进小程序的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发使用loading组件显示载入动画方法
我们在学习微信小程序时,应该会遇到载入或者需要等待的情况,那么这个等待的画面我们应该怎么编写呢?今天我们就写一个这样的小教程。先来看效果图: 重要代码1.首页代码: <view>     <view>CopyRight:All Right Reserved</view>     <view>原创作者:HTML51.COM</view>     <view>微信小程序开发者社区:51小程序</view>     <view><image></image></view>     <view><button>点击进入弹出loading加载框页面</button></view></view> 登录后复制 2..js代码 Page({     data: {         loadingHidden: true     },     loadingTap: function(){         this.setData({           loadingHidden: false         });         var that = this;         setTimeout(function(){           that.setData({               loadingHidden: true           });           that.update();         }, 3000);     } }) 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
如何在小程序中使用腾讯视频插件
开发小程序项目中需要用到视频服务,若是用自己的服务器来播放会产生很大的开支,这时我们可以使用小程序的腾讯视频插件,在页面中引用腾讯视频即可。 如何在小程序中使用腾讯视频插件 在开发一个小程序项目时,需要在页面中观看视频,就需要使用到微信小程序的腾讯视频插件,这样就可以在页面中引用腾讯视频,而无需使用自己的服务器进行视频的播放,节约了很大的服务器开支。 推荐学习: 在开发一个小程序项目时,需要在页面中观看视频,就需要使用到微信小程序的腾讯视频插件,这样就可以在页面中引用腾讯视频,而无需使用自己的服务器进行视频的播放,节约了很大的服务器开支。但是微信小程序插件的文档写的很不清楚,因此将我的解决方法写在这里。 在小程序中引入插件。 进入微信公众平台,在设置中找到第三方服务,在插件管理中添加插件。搜索到腾讯视频,点击添加,同时打开腾讯视频的详情,在里面找到该插件的appid与版本号。 接着是代码部分,在app.json中添加 plugins: {     tencentVideo: {       version: 1.1.1,       provider: wxa75efa648b60994b     } 登录后复制 其中version是版本号,provider是appid。 在需要使用的页面中引用该插件的组件 官方文档并没有关于该方法的具体说明,所以会导致出现无法找到对应playerid的txv-video的问题 打开想要使用插件页面的json文件,在里面添加 usingComponents:  { txv-video: plugin://tencentVideo/video } 登录后复制 这就代表着可以在页面中使用txv-video组件啦 在页面中使用组件 进入wxml文件,在里面添加 这一步很简单,vid是腾讯视频的vid,playerid是该txv-video唯一识别码,这个组件不能通过css进行样式修改 在js中进行引入…
2024-11-25 阅读全文 →