分类归档

小程序

FWQ
小程序
小程序实现群发功能代码的实现
微信小程序中实现一对多发消息详解及实例代码 微信小程序中各个界面之间的传值和通知比较蛋疼。所以模仿了iOS中的通知中心,在微信小程序中写了一套类似的通知中心。 通知中心可以做到:1对多发消息,传递object。使用十分简洁。 使用时,在需要接收消息的界面注册一个通知名。然后在需要发消息的界面post这个通知名就可以了。可以在多个界面注册同一个通知名。这样就可以1对多发消息。 使用方法: 1:在app.js中引用notification.js var notificationCenter = require('/utils/notification.js'); //这里请改为你的绝对路径 登录后复制 2:在app.js中添加: App({   onLaunch: function (){      this.notificationCenter = notificationCenter.center();   },   notificationCenter:null, }) 登录后复制 3: 接收通知的page.js中注册 PageA.js: var app = getApp(); Page({  onLoad:function(options){  app.notificationCenter.register("一个通知名称",this,"didReceviceAnyNotification");  },  didReceviceAnyNotification:function(name,content){   console.log("接收到了通知:",name, content);  }, })…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之实现楼层锚点跳跃实例详解
这篇文章主要介绍了微信小程序实现定位楼层跳跃的实例的相关资料,需要的朋友可以参考下 微信小程序实现楼层锚点跳跃,点击不同的锚点进行位置跳跃: 利用:scroll-into-view 来实现 效果图如下: WXML: <scroll-view>   <view>    <view>{{item.region}}</view>    <view>     <view>{{item.name}}</view>    </view>   </view>  </scroll-view>  <view>   <view>自动定位</view>   <block>    <view>{{item.region}}</view>   </block>  </view> 登录后复制 : page{ height: 100%;}  .content{padding-bottom: 20rpx; box-sizing: border-box; height: 100%;}  .location{width: 100%;}  .location_top{height: 76rpx;line-height: 76rpx; background: #f4f4f4;color: #606660;font-size: 28rpx;padding: 0 20rpx;}  .location_bottom{height: 140rpx;line-height: 140rpx;color: #d91f16;font-size: 28rpx;border-top: 2rpx #ebebeb solid; border-bottom: 2rpx #ebebeb solid;padding: 0 20rpx; align-items: center;display: -webkit-flex;}  .address_top{height: 76rpx;line-height: 76rpx; background: #f4f4f4;color: #999999;font-size: 28rpx;padding: 0 20rpx;} …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例:表单提交的代码实现
本篇文章给大家带来的内容是关于微信小程序实例:的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 <view>   <form>     <view>       <view>         <label>手机号:</label>         <input>       </view>       <view></view>     </view>     <view>       <view>         <label>验证码:</label>         <input>       </view>       <view>         <button>发送验证码</button>         <button>{{countdown}}秒后重新发送</button>       </view>     </view>     <button>登录</button>   </form> </view> 登录后复制 const app = getApp() Page({   /**    * 页面的初始数据…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序发布后可以改吗
微信小程序发布后可以修改。 修改发布后小程序的方法: 1、使用微信小程序开发工具打开之前的项目,并且根据需求重新设计你的小程序。在合法,功能实现的情况可以任意修改自己的小程序。 2、修改完成本地测试成功之后,可以上传微信服务器为体验版,在真机上进行测试。 3、上传完成后进入到小程序管理后台(如果您更改了接口地址,请重新配置),点击开发管理 4、在这里,我们可以看到之前已经发布过的版本,刚刚重新提交的版本,这时候可以把刚刚传上来的程序设置为体验版在真机上测试。测试没有问题之后再点击提交按钮重新提交审核。 审核通过之后重新发布即可。 推荐:《》 以上就是微信小程序发布后可以改吗的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
没有营业执照可以注册小程序吗
小程序申请的时候需要营业执照吗? 个人身份证注册的小程序有很多弊端,不仅仅是没有微信支付功能,而且类目只提供一小部分开放,而且不能对接第三方技术,功能限制非常多,更重要的是,个人小程序账号代码审核通过率不足20%,由于个人注册的小程序非常的鸡肋,所以,个人账号通常作为测试账号所使用。因此,正儿八经运营的话,当然是需要营业执照注册的。 可以没有,但是没有营业执照的小程序,不能实现支付、附近小程序展示等的功能, 所以一般情况下,注册时最好有营业执照。如果小程序运营主体类型为企业,那么就必须提供营业执照。其他类别的组织(如政府、NGO 等),注册小程序时也需要提供组织机构代码证。 推荐:《》 以上就是没有营业执照可以注册小程序吗的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序中动态获取列表对象信息的代码示例
本篇文章给大家带来的内容是关于小程序中动态获取列表对象信息的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 先上效果图展示: 本内容主要介绍如何在列表中去动态获取对象详情:1.先展示列表内容:列表内容仍然是通过数据绑定和聊表渲染来实现,wx:for的一系列参数设置。 <block wx:for="{{personList}}" wx:key="" wx:for-item="item"> <view class="nav_right_items" bindtap='goDetail' data-index="{{index}}" data-id="{{item.pf_id}}"> <!--界面跳转 --> <image src="{{personImg}}"></image> <text>{{item.pf_name}}</text> <!-- <text>{{item.pf_id}}</text> --> </view> </block> 登录后复制 跳转函数方法goDetail,跳转过去的对象ID就是item.pf_id,点击对象就是index。当然这个也可以设置为navigator跳转,区别是navigator是在链接内加上参数组合传递给页面,这样适用于写死的内容。2.鉴于是动态获取,自然要请求后台数据: goDetail: function(ev) { var…
2024-11-25 阅读全文 →
FWQ
小程序
解析小程序实现原理
概述 作为一名前端开发,如果你还停留在应用开发层面,那你就OUT了,快来跟我一起探讨下小程序框架本身底层实现的一些技术细节吧,让我们从小程序的运行机制来深度了解小程序。 小程序是基于WEB规范,采用HTML,CSS和JS等搭建的一套框架,微信官方给它们取了一个很牛逼的名字:WXML,WXSS,但本质上还是在整个WEB体系之下构建的。 WXML,个人猜测在取这个名字的是微信的Xml,说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS,大家可以理解为就是自定义的CSS。实现逻辑部分的JS还是通用的ES规范,并且runtime还是Webview(IOS WKWEBVIEW, ANDROID X5)。 (学习推荐:) 小程序 小程序目录结构 一个完整的小程序主要由以下几部分组成: 一个入口文件:app.js 一个全局样式:app.wxss 一个全局配置:app.json 页面:pages下,每个页面再按文件夹划分,每个页面4个文件 视图:wxml,wxss 逻辑:js,json(页面配置,不是必须) 注:pages里面还可以再根据模块划分子目录,孙子目录,只需要在app.json里注册时填写路径就行。 小程序打包 开发完成后,我们就可以通过这里可视化的按钮,点击直接打包上传发布,审核通过后用户就可以搜索到了。 那么打包怎么实现的呢? 这就涉及到这个编辑器的实现原理和方式了,它本身也是基于WEB技术体系实现的,nwjs+react,nwjs是什么:简单是说就是node+webkit,node提供给我们本地api能力,而webkit提供给我们web能力,两者结合就能让我们使用JS+HTML实现本地应用程序。 既然有nodejs,那上面的打包选项里的功能就好实现了。 ES6转ES5:引入babel-core的node包 CSS补全:引入postcss和autoprefixer的node包(postcss和autoprefixer的原理看这里) 代码压缩:引入uglifyjs的node包 注:在android上使用的x5内核,对ES6的支持不好,要兼容的话,要么使用ES5的语法或者引入babel-polyfill兼容库。 打包后的目录结构…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之计算器
在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发计算器功能。 本文主要分为两个部分,小程序主体部分及计算器业务页面部分 一、小程序主体部分 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 1. 小程序逻辑 App({ onLaunch: function() { // Do something initial when launch. }, onShow: function() { // Do something when show. }, onHide: function()…
2024-11-25 阅读全文 →
FWQ
小程序
小程序之实现主页的tab选项功能的方法
这篇文章主要介绍了关于小程序之实现主页的tab选项功能的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 效果图: 实现底部Tab选项,只需要在项目根目录下的app.json下修改 如图:    ——————————————————————————————————  先介绍一下app.json文件 默认有两个代码块:1、pages 这里注册了当前小程序的所有页面路径2、window 这里用于设置小程序的状态栏、导航条、标题、窗口背景色。 以上两个详细使用参考文档,本文章不做介绍 登录后复制   我们看下app.json提供的另一个配置项:tabBar       tabBar提供一些公有的属性对tab配置:    而针对每一个单独的tab 也有一些属性进行配置: 官方示意图:        具体实现底部Tab功能:  设定一个需求,假设当前我们有两个tab,一个’主页’,一个’我的’ , 未选中灰黑色,选择红色。…
2024-11-25 阅读全文 →