小程序项目基本配置

小程序项目基本配置

2年前 (2018-05-30) 0

小程序中的配置文件分为两种:全局配置文件,根目录下的app.json页面配置文件,每个页面目录下的[page-name].jsonapp.json项目配置声明文件(指定项目的一些信息,比如导航栏样式颜色等等){ // 当前程序是由哪些页面组成的(第一项默认为初始页面) // 所有使用到的组件或页面都必须在此体现 // https://mp.weixin.qq.com/debug/wxadoc/de...

微信小程序三个视图控件View、ScrollView、Swiper的解读及示例

微信小程序三个视图控件View、ScrollView、Swiper的解读及示例 5

2年前 (2018-05-30) 0

关于微信小程序的视图控件,今天带给大家系统的解读和示范,相信看完后都可以轻松用好了。首先看一下这个示例程序的运行效果。大家可以看到,有三个视图,分别用不同的配置和使用方式。接下来我们具体展开来介绍。我们先新建一个项目,在首页添加三个navigator导航按钮,分别跳转到对应的组件示范页面。index页面的WXML代码如下: {{motto}} View组件示范 Scroll-View组件示范 Sw...

教你如何配置微信小程序

教你如何配置微信小程序 2

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍,对于初学开发微信小程序的朋友,掌握这些还是比较重要的,需要的朋友可以参考下微信小程序——配置 以下就是小编对小程序配置的资料进行的系统的整理,希望能对开发者有帮助。我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 t...

微信小程序入门教程

微信小程序入门教程 4

2年前 (2018-05-30) 0

本篇文章主要介绍了微信小程序入门教程,现在分享给大家,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。微信小程序(下面简称小程序)近些月来刷爆了我们这些程序猿们的圈子,可以说无数的程序猿磨刀霍霍,准备在这快蛋糕上杀出一片天地。那么作为前端开发人员,小程序开发和我们平常的开发有什么不同的地方呢?让我们一起来走进门里看看。我们从下面几个方向来了解一下小程序的开发: 1.开发工具 2.布局差异 3.J...

微信小程序button组件详细介绍

微信小程序button组件详细介绍 2

2年前 (2018-05-30) 0

button按钮用的算是最普遍的组件之一。主要属性:wxml Defalut Primary warnjsPage({ data:{ // text:"这是一个页面" }, /** * button点击事件监听 */ clickButton: function(e) { //打印所有关于点击对象的信息 console.log(e); }, onLoad:function(options){ // ...

微信小程序label组件详解实例代码

微信小程序label组件详解实例代码

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 label 组件详解及简单实例的相关资料,需要的朋友可以参考下实现效果图:用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。目前可以绑定的控件有:button, checkbox, radio, switch。属性名类型说明forString绑...

微信小程序之网络请求API详解

微信小程序之网络请求API详解 2

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 网络请求API详解的相关资料,需要的朋友可以参考下wx.request(OBJECT)发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。OBJECT参数说明: 效果图: net.jsPage({ data:{ result:{}, }, onLoad:function(options){ this.getDate('http://baobab.wan...

微信小程序获取相册照片实例详解

微信小程序获取相册照片实例详解 2

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 获取相册照片实例详解的相关资料,需要的朋友可以参考下微信小程序 获取相册照片今天遇到微信小程序的用户头像设置功能,做笔记.先上gif:再上代码:小demo,代码很简单.1.index.wxml 获取图片 2.index.js//index.js //获取应用实例 var app = getApp() Page({ data: { tempFilePaths: '' }...

分享一个序中字体变大不居中的方法

分享一个序中字体变大不居中的方法 2

2年前 (2018-05-30) 0

场景:点击一个字母弹出一个modal,把这个字母显示在modal里。style:.modal{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 600rpx 300rpx 0 300rpx; height: 140rpx; border-radius: 10rpx; line-height: 160rpx; col...

关于快速操作使用的教程实例

关于快速操作使用的教程实例

2年前 (2018-05-30) 0

微信小程序怎么打开?2017年1月9日,是一个值得载入互联网史册的日子。这一天,零点刚过,张小龙和他的团队,在夜色笼罩下,正式发布了微信小程序,那么微信小程序在哪里进入呢?接下来小编给大家介绍一下微信小程序入口,一起来看吧2017年1月9日,微信小程序正式发布,所以,从这一刻开始,只要有开发者登录小程序后台,并在「开发管理」页面点击了「发布」按钮,就会有一个小程序,降临到这个世界上。而微信小程序,...

微信小程序如何使用action-sheet弹出底部菜单

微信小程序如何使用action-sheet弹出底部菜单

2年前 (2018-05-30) 0

本文主要介绍了微信小程序实现action-sheet弹出底部菜单功能,结合实例形式分析了action-sheet组件弹出菜单的使用技巧,包括元素遍历、事件响应及属性设置等操作方法,希望能帮助到大家。1、效果展示2、关键代码① index.wxml弹出action sheet {{item.txt}} 取消 提示:您选择了菜单{{menu}} ② index.jsPage({ data:{ // t...

教你如何配置微信小程序

教你如何配置微信小程序 2

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍,对于初学开发微信小程序的朋友,掌握这些还是比较重要的,需要的朋友可以参考下微信小程序——配置 以下就是小编对小程序配置的资料进行的系统的整理,希望能对开发者有帮助。我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 t...

微信小程序 toast组件详细介绍

微信小程序 toast组件详细介绍 2

2年前 (2018-05-30) 0

这篇文章主要介绍了 微信小程序 toast组件详细介绍的相关资料,需要的朋友可以参考下toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其他操作是无效的主要属性:wxml 点击显示toast OK!jsPage({ data:{ // text:"这是一个页面" hiddenToast: true...

微信小程序实例教程(一)

微信小程序实例教程(一) 21

2年前 (2018-05-30) 0

序言开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南)本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。1. 获取微信小程序的 AppID首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创...

微信小程序 (十七)input 组件详细介绍

微信小程序 (十七)input 组件详细介绍 2

2年前 (2018-05-30) 0

input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多,有需要自己慢慢测,尝试 主要属性: wxml 登录 js Page({ /** * 初始化数据 */ data:{ phone: '', password: '', }, /** * 监听手机号输入 */ listenerPhoneInput: function(e) { this.dat...

微信小程序label组件详解实例代码

微信小程序label组件详解实例代码

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 label 组件详解及简单实例的相关资料,需要的朋友可以参考下实现效果图:用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。目前可以绑定的控件有:button, checkbox, radio, switch。属性名类型说明forString绑...

微信小程序:微信小程序简介

微信小程序:微信小程序简介 6

2年前 (2018-05-30) 0

1.什么是小程序?小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。2.小程序能做什么?目前看来,小程序是一款可以做到大部分APP应用能做到的事情功!微信小程序已经为我们开发者提供了丰富的API和组件,让我们在微信里面能够去构建一个功...

总结微信小程序开发传值取值的几种方法

总结微信小程序开发传值取值的几种方法 4

2年前 (2018-05-30) 0

这篇文章主要介绍了微信小程序 传值取值的几种方法总结的相关资料,这里对这几种方法进行了详解,并附示例代码,需要的朋友可以参考下微信小程序 传值取值小程序里常见的取值有以下几种,一个完整的项目写下来,用到的概率几乎是100%。列表index下标取值页面传值form表单取值1. 列表index下标取值实现方式是:data-index="{{index}}"挖坑及e.currentTarget.data...

微信小程序-详解微信登陆、微信支付、模板消息

微信小程序-详解微信登陆、微信支付、模板消息 14

2年前 (2018-05-30) 0

微信公众平台近日悄然开始内测微信小程序(微信公众号)功能,引来无数开发者和普通用户关注,微信支付的能力,是随着小程序的发布一并推出的,具有介绍如下: wx.login(OBJECT) 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。 OBJECT参数说明: 示例代...

小程序浏览内容时微信的BUG问题

小程序浏览内容时微信的BUG问题 5

2年前 (2018-05-30) 0

1月9日,微信小程序正式发布,在发布的当天,让“APP灭绝”的论调随之而来。用户疯狂地研究如何玩转小程序,开发者趋之若鹜寻求在小程序中发布自己的应用号,甚至发布当天,相关的技术网站已经打出广告,宣称能够完美开发企业使用的程序号。然而狂欢过后却留下了满地的“狼藉”,一些苦于手机内存不足的用户欢欣鼓舞地卸载了占用空间的大量APP,在使用小程序之后又默默地把原本的APP安装了回来。体验太差,让小程序成为...

CSS和JS的加载和执行详解

CSS和JS的加载和执行详解 2

2年前 (2018-05-30) 0

HTML渲染过程的一些特点顺序执行,并发加载通过词法分析,通过HTML生成Token对象(当前节点的所有子节点生成后,才会通过next token获取到当前节点的兄弟节点),最终生成Dom Tree浏览器中可以支持并发请求,不同浏览器所支持的并发数量不同(以域名划分),以Chrome为例,并发上限为6个。优化点: 把CDN资源分布在多个域名下是否阻塞CSS: CSS放在head中会阻塞页面的渲染(...

微信小程序 实战小程序实例

微信小程序 实战小程序实例 7

2年前 (2018-05-30) 0

微信小程序基本组件和API已撸完,总归要回到正题的,花了大半天时间做了个精简版的百思不得姐,包括段子,图片,音频,视频,四个模块。这篇就带着大家简述下这个小的APP,源码会放到GitHub上欢迎start。项目中我能学到什么?tabbar使用方式网络调用真实接口loading使用scroll-view实现下拉刷新上拉加载image组件对图片的处理,音乐和视频组件的使用跳转传值使用等等等。。。。ap...

详解微信小程序开发自己制作小组件实例代码

详解微信小程序开发自己制作小组件实例代码 2

2年前 (2018-05-30) 0

这篇文章主要详解微信小程序开发自己制作小组件实例代码的相关资料,自己制作小组件在项目中应用,需要的朋友可以参考下微信小程序 制作小组件对于我们日常中一些公共的东西可以封装成组件,然后在各个页面使用。对于小程序,我们也可以封装我们需要的一些公共的东西。这里我们讲解一个小插件。如上图所示,一个小插件,单击是展开,在单击关闭的时候,按钮关闭。页面的WXML (APP.wxml) 首页 订单 我的 这里主...

五大微信小程序开发IDE深度评测

五大微信小程序开发IDE深度评测 5

2年前 (2018-05-30) 0

微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维。针对几个需求,笔者前后尝试了目前市面上支持小程序开发的工具,呕心沥血总结如下,以供大家参考。微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维。api提示不全,要一...

扫一扫二维码分享