[其它] 微信小程序 聊天室简单实现

说明：微信小程序 聊天室简单实现 utils文件夹下websoctet.js文件 var url = 'ws://地址端口'; function connect(user, func) { wx.connectSocket({ url: url, header: {content-type:'application/x-www-form-urlencoded'} }); wx.onSocketOpen(function (res) { send('{type:login,clien
<weixin_38694336> 上传 | 大小：31kb

[其它] 微信小程序 scroll-view隐藏滚动条详解

说明：一：scroll-view隐藏滚动条 在书写网页的时候，往往会为了页面的美观，而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法： scroll-view.wxml: scroll-view.wxss scroll-view.js   最终显示效果如下; 注意： （1）不能在scroll-view中使用textarea,mao,canvas,video组件 （2）scroll-init-view的优先级高于scroll-top （3）onPullDownRe
<weixin_38596879> 上传 | 大小：138kb

[其它] 微信小程序 slider 详解及实例代码

说明：微信小程序slider 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input  微信小程序 form 微信小程序 checkbox 实现效果图： 滑动选择器 属性名 类型 默认值 说明 min Number 0 最小值 max Number 100 最大值
<weixin_38694566> 上传 | 大小：42kb

[其它] 微信小程序 解决请求服务器手机预览请求不到数据的方法

说明：微信小程序 解决请求服务器手机预览请求不到数据的方法 微信小程序的文档中明确说明了所有的请求是必须使用https的，以没用过https，由于小程序，不得不接触到https,研究了好长时间把tomcat配置好了https。然后用开发者工具测试是否能请求到数据，发现能获取到很开心。 后来是注册了小程序，在小程序后台也进行了设置，见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下，在开发小程序时尽量把图片放到自己的服务器上，因为小程序在上传和预览时都有编译包的限制，没有算过，大概是1
<weixin_38625192> 上传 | 大小：94kb

[其它] 微信小程序 图片等比例缩放（图片自适应屏幕）

说明：微信小程序 图片等比例缩放 早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记. 老规矩,先上图. 1.图片高宽比小于屏幕高宽比 2.图片高宽比大于屏幕高宽比 3.这种其实也是图片高宽比小于屏幕高宽比,但是高宽都大于屏幕高宽.所以不能简单用高宽来判断,应该是用高宽比判断后做缩放. 上代码: 1.index.wxml <image
<weixin_38682279> 上传 | 大小：274kb

[其它] 微信小程序 使用picker封装省市区三级联动实例代码

说明：微信小程序 使用picker封装省市区三级联动实例   目前学习小程序更多的是看看能否二次封装其它组件，利于以后能快速开发各种小程序应用。目前发现picker的selector模式只有一级下拉，那么我们是否可以通过3个picker来实现三级联动模板的形式来引入其它页面中呢？答案是肯定可以的。那么我的思路是这样的： 1、使用template模板语法进行封装，数据从页面传入 2、根据picker组件的语法，range只能是一组中文地区数组，但是我们需要每个地区的唯一码来触发下一级联动数据。这样，我的
<weixin_38709139> 上传 | 大小：149kb

[其它] 详解微信小程序——自定义圆形进度条

说明：微信小程序 自定义圆形进度条，具体如下： 无图无真相，先上图： 实现思路，先绘制底层的灰色圆圈背景，再绘制上层的蓝色进度条。 代码实现： JS代码： Page({ data: {}, onLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 }, onReady: function () { // 页面渲染完成 var cxt_arc = wx.createCanvasContext('canvasArc');
<weixin_38663151> 上传 | 大小：62kb

[其它] 小程序文字跑马灯效果

说明：本文实例为大家分享了小程序文字跑马灯效果的具体代码，供大家参考，具体内容如下 market.wxml 1 显示完后再显示 {{text}} 2
<weixin_38656064> 上传 | 大小：44kb

[其它] 微信小程序 连续旋转动画（this.animation.rotate）详解

说明：微信小程序 连续旋转动画 一、.js中封装旋转动画方法 　　添加animation属性 data:{ animation:'' } 　　改变animation的值（官网提供角度范围是-180~180，但是我发现角度越大会一直旋转） onShow: function() { console.log('index---------onShow()') this.animation = wx.createAnimation({ duration:
<weixin_38652058> 上传 | 大小：29kb

[其它] 微信小程序结合Storage实现搜索历史效果

说明：本文实例为大家分享了微信小程序实现搜索历史效果的具体代码，供大家参考，具体内容如下 实现目标 代码实现 集合wx.setStorageSync()和wx.getStorageSync()这两个同步函数来实现这个功能实际上非常简单。 <!-- 使用bindinput属性绑定getSearchKey函数获取input组件中的值--
<weixin_38720390> 上传 | 大小：63kb

[其它] 微信小程序下拉菜单效果的实例代码

说明：//wcss /**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative; } /*一级菜单*/ .menu dt { font-size: 15px; float: left; /*hack*/ width: 33%; height: 38px; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #
<weixin_38557068> 上传 | 大小：41kb

[其它] 微信小程序传值以及获取值方法的详解

说明：微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法， 1、设置id的方法标识跳转后传递的参数值； 2、通过使用data – xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值 在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面带着id去下一个页面查询，详细信息）如： 后我们在js的bindtap的响应事件中获取，并传递到下一个界面中； 获取到id传的值 通过e.currentTarget.id;获取设置的id值，并通
<weixin_38638309> 上传 | 大小：433kb