【小程序内容图】教程文章相关的互联网学习教程文章

微信小程序请求封装【代码】

1. 基于promise封装request.jsconst baseURL = http://api.xxxxxx.cn/;export function request(method, url, data) {return new Promise(function (resolve, reject) {let header = data.header || {}header["content-type"] = "application/json";let userInfo = getApp().globalData.userInfoif (userInfo) {header["session_id"] = userInfo.session_id;}wx.request({url: baseURL + url,method: method,data: data || {},head...

实现自定义的小程序底部tabbar【代码】【图】

背景 诶,当然是为了实现更有温度的代码啦(背后设计师拿着刀对着我)自带tabbar app.json中配置: tabBar: {backgroundColor: '#fff',borderStyle: 'white',color: '#333',selectedColor: '#333',list: [{pagePath: 'pages/index',text: '活动首页',iconPath: 'resource/images/home.png',selectedIconPath: 'resource/images/home-active.png'},{pagePath: 'pages/my',text: '我的',iconPath: 'resource/images/my.png',selected...

小程序 video 层级,原生组件【图】

原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。后插入的原生组件可以覆盖之前的原生组件。原生组件还无法在 scroll-view、swiper、picker-view、movable-view 中使用。 部分CSS样式无法应用于原生组件,例如:无法对原生组件设置 CSS 动画 无法定义原生组件为 position: fixed 不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域原生组件的事件监听不能使用 bind:even...

uoj#267. 【清华集训2016】魔法小程序(乱搞)【代码】

传送门 感觉很像FFT的过程的说…… 先来考虑\(b\)如何转化成\(c\),那么只要通过它的逆过程就可以了 首先,我们称“魔法”为比较两个数的字典序,记\(x=a_0\),那么把\(b\)数组每\(x\)个分为一组,在每组里面,\(b_i\%x\)的值都是递增的,也就是说对于同一组里面的每一对\(i<j\),\(i\)的字典序都小于\(j\)的字典序。根据代码,\(c[j]\)最终的值是所有\(i\leq j\)且\(i\)的字典序小于等于\(j\)的所有\(b[i]\)之和。排除掉\(j\)自己...

如何实现微信小程序动画?添加到我的小程序动画实现详细讲解,轻松学会动画开发!附壁纸小程序源码下载链接【代码】【图】

为了让用户能尽可能多地使用小程序,也算是沉淀用户,现在很多小程序中,都有引导用户“添加到我的小程序”的操作提示,而且大多都是有动画效果。在高清壁纸推荐小程序首页,用户每次进入,都会在页面右上方,显示“添加小程序”的动画提示,如下图所示:怎么实现这样的关注提示功能呢?首先,进入pages/index/index.wxml文件中,编写布局代码如下:1 <!-- “添加小程序”的动画提示 --> 2 3 <view hidden={{isWebChatTipsHidden...

钉钉小程序如何引入阿里图标【图】

第一,下载到本地并解压 第二部,在项目根目录新建一个iconfont.acss 文件,把iconfont.css的内容全部粘贴到里面 第三步,在app.acss中引入,@import "./iconfont.acss"; 最后谁用就, <view class="iconfont icon-sousuo"></view> ?

微信小程序Tab选项卡切换大集合【代码】【图】

代码地址如下:http://www.demodashi.com/demo/14028.html一、前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1、基本需求。实现用户自定义弹框 带动画(动画可做参靠,个人要是觉得不好看可以自定义动画) 获取弹出框的内容,自定义事件获取2、案例目录结构二、程序实现具体步骤 1.选项卡xxx.wxml代码 a.tab1代码 <view class="navbar"><view class="na...

小程序获取系统日期时间【代码】

获取时间var myDate = new Date();//获取系统当前时间获取特定时间myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getM...

微信小程序:设置启动页【代码】

今天写的时候,发现微信小程序开发者平台无法显示出我们正在编写的页面,这对需要看效果的我们很是无奈,只好百度去设置首页,百度后的结果是在app,json中设置首页,很简单,只要在page中第一个就默认是首页了{"pages":["pages/list_trains/list.train","pages/index/index","pages/logs/logs"],{"pages":["pages/list_trains/list.train","pages/index/index","pages/logs/logs"],{"pages":["pages/list_trains/list.train","pag...

微信小程序 - 定位功能【代码】【图】

(1) 查看微信小程序文档大家可以从我截图中可以看到,API中的返回值有纬度和经度,所以我们接下来就是要用到纬度和经度逆地址解析出地址的一些信息。 (2)注册腾讯地图开放平台注册完之后选择WebServiceAPI进入WebServiceAPI之后大家就可以看到逆地址解析了,然后阅读一下腾讯为我们提供的开放接口,我们可以直接用GET请求获取地址的具体信息了,腾讯具体给我们的返回值大家可以注册一下进去看一看,很具体的。我直接上js代码ge...

微信小程序学习九 事件系统【代码】【图】

事件的绑定 方法名绑定 page.jsPage({/*** 页面的初始数据*/data: {tap_name: "tap_0",},//点击事件之心函数 tap_0(){console.log("我是点击事件");} }) page.wxml<view bindtap="tap_0"> //直接指定方法名绑定点击事件 </view>动态方法名绑定<view bindtap="{{tap_name}}"> //通过data中的数据进行事件执行函数的绑定,tap_name="tap_0"与上一种方法是同样的效果,这种方法必须使用{{}}将变量包裹,否则会识别为绑定tap_name方...

微信小程序,循环遍历view模块,根据view的值的不同,点击view模块,跳转到不同的页面【图】

前端页面效果如下: WXML代码<!-- 铜陵力凡公司 --> <view class='head'> {{mess}} </view> <!-- 图片模块 --> <view> <image src="/images/logo.jpg" class='img'></image > </view> <!-- 循环遍历模块 --> <view class='center'> <view class="part" wx:for-items="{{list}}" bindtap="dispath" wx:for-index="index" data-text="{{item}}"> {{item}} </view> </view> <view> </view> <view wx:if="{{flag?true:false}}" class=...

解决微信小程序textarea层级太高遮挡其他组件的问题【代码】【图】

<view class=remark><view class=title>备注说明</view><textarea class=mark_textarea placeholder=请说明人员调用具体原因 bindinput="input_remark" value= /></view><cover-view class=fix_bottom bar bottomfix shadow justify-center bindtap=go_submit>提交</cover-view>cover-view 在小程序中是比较特殊的组件,与 view 的最大区别在于,它能覆盖在原生组件 map、video、canvas、camera 之上,且只能嵌套 cover-view 和...

开源的成语的答题小程序运营记录【图】

最近从答题小程序切入成语答题这个细分领域,发现一些有意思的事情,今天跟大家谈谈 本文背景 说起答题小程序,可能更多的是面向行业,面向某部分人群,但是作为成语答题,这种天然带娱乐性质的,老少皆宜,不区分人群,任何人都可能会感兴趣来两把, 所以当你你把一个成语答题小程序分享给其他微信好友的时候,不会给人打来烦恼,反而有可能因为你的分享,而喜欢上这个答题活动 今天主要谈谈在开发和运营过程中的一些感谢和细节 本...

微信小程序中数据的存储和获取

//存储数据 try { wx.setStorageSync(key,this.data.radioCheckVal2) //key表示data中的参数 } catch (e) { } //获取数据 var that = this wx.getStorage({ key: radioCheckVal2, success: function (res) { that.setData({ radioCheckVal2: res.data, }) } })