小程序

多行输入框。 属性名 类型 默认值 说明 value String   输入框的内容 placeholder String   输入框为空时占位符 placeholder-style String   指定 placeholder 的样式 placeholder-class String textarea-placeholder 指定 placeholder 的样式类 disabled Boolean false…

微信小程序 使用async await 微信小程序并不支持async，写起代码来太不舒服了.   各种回调会造成回调地狱的问题，回调函数一层套着一层，代码难以阅读，后期难以维护的问题 解决办法： 使用regenerator-runtime regenerator-runtime是facebook的regenerator模块 生成器函数、async、await函数经babel编译后，regenerator-runtime模块用于提供功能实现。 引入facebook/regenerator 中的packages/regenerator-runtime/runtime.js 步骤1 引入并注册 因全局都要用到，所有在app.js中引入,并注册全局对象中. app.js import regeneratorRuntime from './lib/runtime' App({ ... regeneratorRuntime, onLaunch(){}, onShow() {}, onHide() {},…

这篇文章分享微信公众账号开发自定义菜单的经验总结 开发公司的微信公众账号，在没人指导没有人商量的情况下没少查资料、逛论坛。其中有多少酸甜苦辣，相信能进来看见我的帖子的能体会的到。一年多来为了应付公司的各种需求没时间整理，今天我就把详细的流程写下来供同样遇到问题的参考。微信公众账号几种分类相信大家都有了解。 订阅号我表示无能为力。除非你能认证通过。废话少说开撸。 自定义菜单操作流程其实很简单 ，就是执行一段Java程序 将你公众账号的appid和封装的菜单发送到腾讯服务器，腾讯服务器会根据你请求参数appid和封装的菜单添加到对应的公众账号，一定要罗嗦一句， 在Java 程序中执行一次 main 方法就可以，下次修改重新执行，不过会有缓存，取消重新关注就可以了。 1 新建按钮基类 public class Button { //按钮名称 private String name; public String getName() { return name; } public…

手势对于对于手机用户的操作体验来说还是非常重要的，尤其是想要一些效果!我们为了实现手势的一些效果，经常使用的是canvas、交互等中应用非常广，今天我们主要来看一下手势是如何的实现的。我们主要从以下两个方面来介绍一下微信小程序手势的实现。 上:单触摸点与多触摸点： 来看看微信小程序的手势数据和多触摸点支持 下:编写wxGesture解析类：解析左滑、右滑、上滑、下滑及扩展(下一篇) Demo 为了研究小程序是否支持多手指，需要使用touchstart,touchmove,touchend // index.wxml 登录后复制 //index.js touchstartFn: function(event){     console.log(event);   },   touchmoveFn: function(event){     console.log(event);     // console.log("move: PageX:"+ event.changedTouches[0].pageX);   },   touchendFn: function(event){     console.log(event);     // console.log("move: PageX:"+ event.changedTouches[0].pageX);   } 登录后复制 首先，关于单触摸点，多触摸点 官方文档:changedTouches：changedTouches 数据格式同 touches。 表示有变化的触摸点，如从无变有（touchstart），位置变化（touchmove），从有变无（touchend、touchcancel）。 "changedTouches":[{ "identifier":0, "pageX":53, "pageY":14, "clientX":53, "clientY":14…

这次给大家带来原生js怎么封装插件，原生js封装插件的有哪些，下面就是实战案例，一起来看一下。 今天介绍一下怎么写属于自己的插件，建议看之前温习一下； 我就写个简单的重置样式的插件，话不多说先上代码； //SetStyles.js (function(win, doc) {     var defaultSettings = {         color: "red",         background: "blue",         border: "2px solid #000",         fontSize:"30px",         textAlign:"center",         width:"200px",         borderRadius:"5px"     };     function SetStyles(options) {         var self = this;         //没传配置项自己丢错         if(!options) {             throw new Error("请传入配置参数");         }         self = Object.assign(self, defaultSettings, options);         self.container = doc.querySelector(self.container) || doc.querySelectorAll(self.container);         self._changeStyles();     }     SetStyles.prototype = {         _changeStyles: function() {             var self = this;             for(var pro in self) {                 if(pro == "container") {…

微信小程序无法设置背景图片怎么办 解决方案有如下两种： 1、图片直接引用网络图片 .img-background {   background: url('http://xx/xx/beauty.png');   width: 200rpx;   height: 160rpx;} 登录后复制 2、把本地的图片base64编码下，直接引用这个base64后字符串 .img-background {   url(data:image/png;base64,VCdweSsd98iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAAAXNSR0IArs4c6QAAAHlJREFUWAnt2LEJwDAMRFE5c2ShLOKhsp69h3ISeAI1CnyBiJvA8dwcHu7+mNmrvbWdZivMHAq4dOgW7kDt65y6fiPg1AZnt8kr7haKPAgggAACfxOIskCbKdwabaaAlw0rmhaDAAIIIIBAQYA2U8CLX2kzFcB8m) no-repeat;   width: 200rpx;   height: 160rpx;} 登录后复制 推荐学习： 以上就是微信小程序无法设置背景图片怎么办的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序上传图片到服务器的实例代码，在文章给大家补充介绍了微信小程序上传一或多张图片 的方法，本文给大家介绍的非常详细，具有参考借鉴加载,需要的朋友可以参考下 上传图片到服务器： 1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来。 -wxml  <view>   <image></image>  </view>  <button>发布项目</button>  /**选择图片 */  choose: function () {   var that = this   wx.chooseImage({    count: 1,    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有    success: function (res) {     var tempFilePaths = res.tempFilePaths     that.setData({      tempFilePaths: res.tempFilePaths     })     console.log(res.tempFilePaths)     wx.setStorage({ key: "card", data: tempFilePaths[0] })    }   })  }, 登录后复制 2.使用wx.uploadFile将刚才上传的图片上传到服务器上…

本篇文章给大家介绍一下小程序中的插槽、父子组件通讯的几种方式，希望对大家有所帮助！ 今天我们一起看一下小程序中的插槽和父子组件相互通讯方面的内容，来看一下和vue有什么样的区别？【相关学习推荐：】 一、插槽 1. 什么是插槽？ 在自定义组件的 wxml 结构中，可以提供一个 节点（插槽），用于承载组件使用者提供的 wxml 结构 其实插槽, 说的通俗一些, 就是 子组件挖坑，父组件填坑 的过程。由父组件在使用子组件的时候, 决定子组件内部的某一些布局展示 子组件通过挖坑 父组件通过组件标签中间的内容来填坑 2. 单个插槽 在小程序中，默认每个自定义组件中只允许使用一个  slot 占位，这种个数上的限制叫做单个插槽 默认情况下，一个组件的 wxml 中只能有一个 slot…

百度搜索的问题最近在尝试做一个在线音乐电台，类似豆瓣那种，链接是在线搜的大概有这几块：  链接搜索.php 用户页面.php  播放器.swf  数据接收.js  js方面用的是ajax 和json链接是用的百度mp3的接口  http://box.zhangmen.baidu.com/x?op=12&count=1&title=标题$$歌手$$$  获取的方法是file_get_contents($url)，返回一个xml然后用正则提出链接，然后输出json客户端获取数据，然后js传值给swf，swf获取url变量后加载sound播放。本来都挺顺，但是百度这个接口让我头疼，我在ff下打开 用户页面.php的时候电台功能一切正常，直接打开flash文件也正常，但是在ie8和chrome下就不行了，后来我看了一下网络，发现在访问百度mp3接口的时候，在ie8和chrome 1. 简介：百度搜索的问题最近在尝试做一个在线音乐电台，类似豆瓣那种，链接是在线搜的大概有这几块：  链接搜索.php 用户页面.php  播放器.swf  数据接收.js  js方面用的是ajax 和json链接是用的百度mp3的接口  http://box.zhangmen.baidu.com/x?op=12&count=1&title 2. 简介：这种音频怎么下载？这种音频怎么下载到电脑上？是电台频道的声音！！——解决思路———————-哦，来了——解决思路———————-來了。——解决思路———————-在IE中打开，因为流媒体是边下载边播放的，所以在下载完的时候，快速internet选项 3. 简介：百度搜索的问题最近在尝试做一个在线音乐电台，类似豆瓣那种，链接是在线搜的大概有这几块：  链接搜索.php 用户页面.php  播放器.swf  数据接收.js  js方面用的是ajax…

本篇文章带大家一起看看小程序中的生命周期，都有哪些生命周期函数，来聊一聊其从触发时机及其所做的事情，希望对大家有所帮助！ 一、生命周期 1. 什么是生命周期？ 生命周期 (Life Cycle) 是指一个对象从 创建 -> 运行 -> 销毁 的整个阶段，强调的是一个时间段 2. 小程序的生命周期 小程序的 启动，表示 生命周期的开始 小程序的 关闭，表示 生命周期的结束 中间小程序运行的过程，就是小程序的生命周期 3. 小程序生命周期分类 应用生命周期 特指小程序从启动 –>…