51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

微信小程序设置过滤器将时间戳转化为时间字符串

微信小程序设置过滤器将时间戳转化为时间字符串

简介熟悉微信小程序开发框架的开发者,肯定会对其视图层WXML中缺失的一个功能耿耿于怀,那就是没有办法在视图层对数据进行格式化处理。比如我们从后端获取到一个包含了时间戳数据的数组,然后需要在界面上把这些日期都格式化显示为2017-01-01这种格式的日期形式,在Vue,Angular之类的前端Web框架中,一般在视图层都...

微信小程序尺寸单位rpx以及样式相关介绍

微信小程序尺寸单位rpx以及样式相关介绍

rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0. rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏...

微信小程序页面返回优化教程

微信小程序页面返回优化教程

页面栈微信小程序的路由历史,用一个栈来管理,这个栈最多累积10层(以前是最多5层,小程序的api说变就变!)。场景:一个学生信息列表,当需要修改信息时跳转到修改页面。每修改一个学生信息就需要跳转一次页面。同时又需要保留修改页面,而不是每次销毁它。这时候用wx.navigateTo,wx.redirectTo,显然是不满...

微信小程序关于父子组件一些心得

微信小程序关于父子组件一些心得

父子组件样式的设置1、如何对父子组件设置flex布局如果在小程序中对父组件设置display:flex或者display:inline-flex然后再对子组件最外层元素的class设置flex的样式属性会发现不会有效果。比如在这个截图中父元素.parent-box是display:flex然后对子元素.child-bo...

PHP实现微信小程序用户授权的工具类

PHP实现微信小程序用户授权的工具类

1.申请一个小程序,申请地址:传送门2.仔细阅读小程序的用户授权登陆官方文档:《用户授权登陆的流程》3.仔细阅读微信用户数据解密的相关文档:《用户数据解密说明文档》4.在小程序后台配置好相应的后端请求地址,路径是:开发---->开发设置,如图5.小程序如果需要做多个小程序的打通,还需要在微信开放平台绑定到开发者账...

从0到1上线一个微信小程序

从0到1上线一个微信小程序

0.0前期准备微信小程序的出现极大地降低了个人开发者微创业的门槛,不需要后端技术,不需要服务器和域名这些乱七八糟的前置操作,只需要懂得前端技术,就能发布一款属于自己的轻量级应用,简直是前端开发者的福音呐现在其实更火的当是微信小游戏,小程序热度排行榜上长期被小游戏霸屏。但小游戏的开发技术栈比小程序要多,需要的人力物力也更...

微信小程序一秒学会制作table表格

微信小程序一秒学会制作table表格

大家都知道微信小程序自身没有提供表格这个组件,但是今天的项目需求又出现了,所以只能模仿一个了。 效果图: 代码挺简单方便的: wxml:<viewclass=‘history-table-wrap‘><viewclass="table"><viewclass=...

微信小程序个人产品添加上传样式设计制作开发教程

微信小程序个人产品添加上传样式设计制作开发教程

本文给大家带来的是微信小程序个人产品添加上传样式设计制作开发教程,制作好以后效果图如下:一、wxml页面代码如下:<viewclass="container"><viewclass="classname"><viewclass="jj">上传产品</view><vi...

微信小程序整洁的商城个人中心页面设计制作开发教程

微信小程序整洁的商城个人中心页面设计制作开发教程

本文给大家带来的是微信小程序整洁的商城个人中心页面设计制作开发教程,制作好以后效果图如下:一、wxml页面代码如下:<viewclass="personal_info"><viewclass="photo_wrap"><imagesrc="{{userInfo.avatarUrl}}"cl...

微信小程序css样式以a,b开头的属性

微信小程序css样式以a,b开头的属性

从多个方面来谈谈微信小程序css样式以a,b开头的属性。2017年,微信小程序css样式已经是当下最热门的话题,下面将从多方面来谈谈微信小程序css样式相关的内容。整理下小程序里所有的css属性吧,这样也能好查询,按照字母表列举:a共有15个属性:其中9个为动画animation的属性。详情如下:1.additive-...

微信小程序获取当前时间及获取当前日期

微信小程序获取当前时间及获取当前日期

获取当前时间首先,在要获取时间的.js文件中加载util.js文件然后在onload方法中,调用util.js中的formatTime方法获取当前时间//获取当前时间//调用函数时,传入newDate()参数,返回值是日期和时间varTIME=util.formatTime(newDate());this.setDat...

微信小程序 输入框限制字数

微信小程序 输入框限制字数

想实现的效果如上图wxml:<viewclass=‘suggest_title‘>请输入你想反馈的问题</view><viewclass=‘suggest_box‘><textareaclass=‘suggest_text‘bindinput="bindText"maxleng...

微信小程序中template模块的使用方法

微信小程序中template模块的使用方法

WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 首先在pages目录下新建一个template目录用来存放模板 模板怎么建呢? 模板只需要新建xxx.wxss和xxx.wxml这两个文件就可以了,其他两个.js和.json不需要 在temp...

微信小程序视图层WXML_数据绑定

微信小程序视图层WXML_数据绑定

WXML中的动态数据均来自对应Page的data。微信小程序数据绑定使用"Mustache"语法(双大括号)将变量包起来,可以作用于:<view>{{message}}</view>Page({data:{message:‘HelloMINA!‘}})<viewid="...

微信小程序配置_小程序页面配置

微信小程序配置_小程序页面配置

我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。以下是一个包含了所有配置选项的简单配置app.json :{"pages":["pages/index/index","pages/logs/index"],"window":{"navig...