分类归档

小程序

FWQ
小程序
微信开发中详解textarea的使用方法
这篇文章主要介绍了微信小程序 textarea 详解及简单使用方法的相关资料,这里附有实现实例代码,及解决textarea没有bindchange事件,无法在输入时给变量赋值的方法, 需要的朋友可以参考下 微信小程序 textarea 简易解决方案 微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。 虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击,则先执行完按钮事件后,再去执行bindblur事件,所以在文件取不到输入值, 解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提交,这样问题就解决了 w文件代码: 登录后复制               提交   js文件代码: var app = getApp(); Page({  data:{    evaContent  : ''  },  onLoad:function(){  },  onReady:function(){   // 页面渲染完成  },…
2024-11-25 阅读全文 →
FWQ
小程序
小程序是否需要网站支撑
小程序是否需要网站支撑     微信小程序属于纯前台,可以不需要网站(或者说是服务器)来支撑。 当你的小程序里没有使用网络请求时,也就是纯离线版的小程序,就不需要配置域名、地址之类的。 如果你的小程序使用了网络请求,没有配置域名的话,上生产发布之后,接口不会被正常调用的。 1、服务器域名配置 每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket) 2、配置流程 服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置,配置时需要注意: 具体请参考 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html 推荐学习: 以上就是小程序是否需要网站支撑的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序之开发电话本小功能
    这周花了几天业余时间开发了一个电话本的小程序。     程序虽然很小,很简单,也很丑陋,但是确实本人开发的第一个完整的可用的App。构思,编码,简单的测试,直到制成安装包都是一个人完成。以前虽然也写了不少C#和java代码(几万行吧),也写过无数的C和C++的小玩意,但要么是只完成大项目的很小一部分,要么就是那种没啥意思的“hello world!”测试算法的可行性。     程序的基本信息:           开发工具: VS2010;           大    小 :安装包500k;           有效代码:500行左右;           架    构 :.NET 4.0 Client Prifile;           主要技术:XML 读写,WPF 界面制作;           开发时间:大约不到20小时吧,估计在15小时左右;…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何实现绑定点击事件的方法介绍
这篇文章主要介绍了 微信小程序之绑定点击事件实例详解的相关资料,需要的朋友可以参考下  微信小程序之绑定点击事件实例详解 微信小程序出来那么久了,趁着有时间自己研究一下,前阶段看一了一下,但是不允许个人注册,现在已经对个人开放了,所以爱好者们可以自己研究了。     首先,我们看一下如何添加底部的标签栏:在app.json里操作 {  "pages":[  //在这里添加页面的路径   "pages/index/index",   "pages/logs/logs",    "pages/home/home"  ],  "window":{   "backgroundTextStyle":"light",   "navigationBarBackgroundColor": "#fff",   "navigationBarTitleText": "乐动健身馆",   "navigationBarTextStyle":"black",   "enablePullDownRefresh": true  },  //添加标题栏  "tabBar": {   "list": [{    "pagePath": "pages/index/index",    "text": "首页"   },   {    "pagePath": "pages/logs/logs",…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序 页面跳转和数据传递
这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解,需要的朋友可以参考下 微信小程序 页面跳转和数据传递 1.先导 在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT); 2.wx.redirectTo(OBJECT); 3.wx.switchTab(OBJECT); 4.wx.navigateBack(OBJECT) 5.使用实现对应的跳转功能; 分析: 其中navigateTo是将原来的页面保存在页面栈中,在跳入到下一个页面的时候目标页面也进栈,只有在这个情况下点击手机的返回按钮才可以跳转到上一个页面; redirectTo和switchTab都是先清除栈中原来的页面,然后目标页面进栈,使用这两种跳转方式,都不能通过系统的返回键回到上一个页面,而是直接退出小程序; redirectTo使用的时候一定要配合tabBar或是页面里面可以再次跳转按钮,否则无法回到上一个页面; switchTab跳转的页面必须是tabBar中声明的页面; tabBar中定义的字段不能超过5个页面,小程序的页面栈层次也不能超过5层。 navigateBack只能返回到页面栈中的指定页面,一般和navigateTo配合使用。 wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面…
2024-11-25 阅读全文 →
FWQ
小程序
个人微信公众号如何开通小程序?
个人微信公众号如何开通小程序? 1、首先登录微信公众号,点击左侧的小程序管理菜单,如下图所示 2、接着点击快速注册并认证小程序,如下图所示 3、然后如果你的公众号是个人账号的话会弹出如下提示,点击前往注册即可,是公司号的话直接填写小程序信息了,小编这里的是个人号 4、接着填写注册的邮箱信息,如下图所示,注意一个邮箱只能注册一个小程序 5、然后去邮箱激活即可,如下图所示 6、最后填写一下主体信息就可以了,如下图所示 7、小程序的认证如果是个人号是不能认证的,公司号会直接用公众号的认证信息 推荐教程:《》 以上就是个人微信公众号如何开通小程序?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发图片加载(本地,网路)实例代码
这篇文章主要介绍了微信小程序 图片加载(本地,网路)实例详解的相关资料,需要的朋友可以参考下 在微信小程序中,要显示一张图片,有两种图片加载方式: 加载本地图片 加载网络图片 加载本地图片 <image>  </image> 登录后复制 src=”/image/arrowright.png” 这句就是加载本地图片资源的。想想iOS中的加载本地图片,imageName:,类似。 加载网络图片 微信在加载网络这方面封装的还是很好的,包括语音和视频的加载。直接给’src’这个属性附上地址,它会自动加载。 <image>  </image> 登录后复制 登录后复制 这个imageUrl是在js文件中数据 data:{    imageUrl:"http://img1.3lian.com/2015/w7/85/d/101.jpg"  }, 登录后复制 也可以直接写成 <image>  </image> 登录后复制 登录后复制 下来就看看image的一些属性…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序在Chrome浏览器上运行以及WebStorm的使用
这篇文章主要介绍了微信小程序 在chrome浏览器上运行以及webstorm的使用的相关资料,需要的朋友可以参考下 「微信小程序」的开发框架体验起来,还不错——自带了UI框架。但是问题是他的IDE,表现起来相当的糟糕——其实主要是因为,我当时买WebStorm License买了好多年。所以,我觉得他的IDE真不如我这个付费好用。 而且,作为一个拥护自由和开源的 「GitHub 中国区首席Markdown程序员」。微信在「微信小程序」引导着Web开向封闭,我们再也不能愉快地分享我们的代码了。 如果我们放任下去,未来的Web世界令人堪忧。 好了,废话说完了: 文章太长不想看,可以直接看Demo哈哈: GitHub: https://github.com/phodal/weapp-webdemo 预览:http://weapp.phodal.com/ 真实世界下的MINA三基本元素 「微信小程序」的背后运行的是一个名为MINA框架。在之前的几篇文章里,我们介绍得差不多了。现在让我们来作介绍pipeline: Transform wxml和wxss 当我们修改完WXML、WXSS的时候,我们需要重新编译项目才能在浏览器上看到效果。这时候后台就会执行一些transform动作: 1.wcc来转换wxml为一个genrateFun,执行这个方法将会得到一个virtual dom2.wxss就会转换wxss为css——这一点有待商榷。 wcc和wxss,可以从vendor目录下获取到,在“微信web开发者工具”下敲入help,你就会得到下面的东东: 运行openVendor(),你就会得到上面的wcss、wxss、WAService.js、WAWebview.js四个文件了。 Transform js文件 对于js文件来说,则是一个拼装的过程,如下是我们的app.js文件: App({ onLaunch: function () { } })…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中怎么做无缝轮播
小程序中怎么做无缝轮播     在index.js文件中定义topScroll数组以及swiper的各个属性值,其属性代表什么含义参考开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=1476197489605 微信小程序中可以使用swiper组件实现轮播效果,添加autoplay属性可以实现自动播放,添加circular属性可以实现无缝轮播。 <swiper>     <block>         <swiper-item>             <image></image>         </swiper-item>     </block></swiper> 登录后复制 推荐学习: 以上就是小程序中怎么做无缝轮播的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序组件:radio单选项目
radio单选项目组件说明: radio:单选项目。 radio-group: 单项选择器,内部由多个 组成。 radio单选项目示例代码运行效果如下: 下面是WXML代码: <view>   <view>     <text>radio</text>     <text>单选框</text>   </view>   <view>     <view>       <radio-group>         <label>           <radio></radio>{{item.value}}         </label>       </radio-group>     </view>   </view></view> 登录后复制 下面是JS代码: Page({   data: {     items: [       {name: 'USA', value: '美国'},       {name: 'CHN', value: '中国', checked: 'true'},…
2024-11-25 阅读全文 →