微信小程序学习笔记

【微信小程序学习笔记】下拉刷新上拉加载的两种姿势

在js文件里直接重写"onPullDownRefresh"和"onReachBottom"方法即可；文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107xml.........jsonPullDownRefresh:function(){//Dosomethingwhenp
弓长剑鸣·2019-11-01 11:43

20161201微信小程序学习笔记-NO.4上传图片

wx.chooseImage()上传图片接口，从本地相册选择图片或使用相机拍照。内置了几个属性count最多可以选择的图片张数，默认9sizeTypeoriginal原图，compressed压缩图，默认二者都有sourceTypealbum从相册选图，camera使用相机，默认二者都有success成功则返回图片的本地文件路径列表tempFilePathsfail接口调用失败的回调函数compl
局部方法·2019-10-31 23:48

微信小程序学习笔记（一）

本篇概要小程序开发前的准备小程序视图与渲染小程序事件注：总的来说，微信小程序的开发代码写法，和HTML、CSS、JavaScript类似很像.jpg一，微信小程序开发前的准备于微信小程序官网进行注册==>https://mp.weixin.qq.com/cgi-bin/wx注册完成后，进行微信小程序开发软件的下载下载安装，完成后，打开进行项目的初创建注意：起初使用测试号，进行小程序的学习然后就可以
小喵钓鱼·2019-08-28 20:00

微信小程序学习笔记——php连接MySQL数据库查询数据

通过其他几篇文章总结出来的成果，记录分享一下，欢迎批评指正文件名connect.php在activity.php文件调用定义好的数据库连接connect_error){//判断数据库连接是否正常die("连接失败：".$con->connect_error);}else{$sql="select*fromStudentswhereStudentClass='$StuClass'";//根据传入的参
weixin_42687772·2019-04-06 12:24

微信小程序学习笔记之本地数据缓存功能详解

本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考，具体如下：前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。
李维山·2019-03-29 11:19

微信小程序学习笔记之获取位置信息操作图文详解

本文实例讲述了微信小程序学习笔记之获取位置信息操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。
李维山·2019-03-29 10:38

微信小程序学习笔记之文件上传、下载操作图文详解

本文实例讲述了微信小程序学习笔记之文件上传、下载操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下载操作。
李维山·2019-03-29 10:27

微信小程序学习笔记之登录API与获取用户信息操作图文详解

本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考，具体如下：前面介绍了微信小程序跳转页面、传递参数获得数据，这里来分析一下登录API与获取用户信息操作方法。
李维山·2019-03-29 09:59

微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解

本文实例讲述了微信小程序学习笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考，具体如下：前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。
李维山·2019-03-28 12:18

微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

本文实例讲述了微信小程序学习笔记之表单提交与PHP后台数据交互处理。分享给大家供大家参考，具体如下：前面一篇结介绍了微信小程序函数定义、页面渲染。这里介绍form表单提交与后台php数据交互处理。
李维山·2019-03-28 11:56

微信小程序学习笔记之函数定义、页面渲染图文详解

前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命周期回调等。整个小程序只有一个App实例，全部页面共享使用。//app.jsApp({onLaunch:function(){//展示本地存储能力varlogs=wx.getStorageSync('logs')||[]log
李维山·2019-03-28 11:33

微信小程序学习笔记之目录结构、基本配置图文详解

本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考，具体如下：结束了一段时间的学习，开始一段新的学习旅程――微信小程序。
李维山·2019-03-28 10:40

微信小程序学习笔记---setData()使用和注意事项

微信小程序setData()使用：Page.prototype.setData(Objectdata,Functioncallback)setData函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data的值（同步）。参数说明：Object以key:value的形式表示，将this.data中的key对应的值改变成value。其中key可以以数据路径的形式给出，支持改变数组中
一个老年程序员·2019-03-24 11:39

微信小程序学习笔记（六）----实现简单的文章列表（图文列表）效果

写这个之前我在网上搜了一下，想要先找一个合适的样例对着写一下，这样还简单一些，但是找了找没有找到我心里面比较合适的，所以干脆就直接自己写一下，没有做什么过多的修饰，实现起来还是很简单的。首先来上一下效果图：基本就是这样的简单的图文效果，代码也非常简单，如果有标题或者文章简介的需求也可以自己加上，一看就明白了。首先，我们用到了以下几个标签：view：这个没什么好说的，在笔记一里面就已经介绍过了，大概
胡晓天o0·2018-11-10 20:13

微信小程序学习笔记（四）----微信小程序底部菜单实现

我们在用小程序的时候大部分都会有一个类似于这样的底部菜单：这个样例图是显示了三个菜单，但是实际上还可以更多，小程序的底部菜单，是最多不能超过五个。那么接下来就看看是如何实现的吧。第一步，寻找合适的图标在找图标的时候还是费了一番功夫的，毕竟不是一个专业的前端，最后在一篇文章里找到了这个网站（阿里巴巴矢量图标库）：http://www.iconfont.cn/home/index?spm=a313x.
胡晓天o0·2018-11-04 18:41

微信小程序学习笔记。

1.小程序起步（1）点击https://mp.weixin.qq.com/wxopen/waregister?action=step1根据指引填写信息和提交相应的资料，就可以拥有自己的小程序账号。（2）登陆https://mp.weixin.qq.com，可以在菜单设置-开发设置看到小程序的AppID.小程序AppID相当于小程序平台的一个身份证。（3）安装开发者工具。https://develo
GXW_Lyon·2018-10-17 13:11

微信小程序学习笔记（六）文件上传、下载

上一篇：微信小程序学习笔记（五）【文件上传】wx.uploadFile（以上传图片为例）后台上传接口Upload.php：（tp5）0,'msg'=>'上传失败','filepath'=>'');$file
李维山·2018-10-03 23:33

微信小程序学习笔记（三）表单提交、PHP后台数据交互

上一篇：微信小程序学习笔记（二）【form表单提交】form.wxml：昵称：密码：性别：女男爱好：抽烟喝酒烫头状态：成绩：提交重置form.js：Page({formSubmit:function(e
李维山·2018-09-21 15:07

微信小程序开发（二）函数定义、页面渲染

上一篇：微信小程序学习笔记（一）小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命周期回调等。整个小程序只有一个App实例，全部页面共享使用。
李维山·2018-09-20 14:40

【微信小程序学习笔记02理解与初始准备】【实战天气微信小程序】

目录参与的udacity微信小程序的纳米学位期间的学习笔记，其中代码或描述若有不足部分敬请指点，万分感谢！目录注册小程序账号，获取AppID开发准备目录结构删快速模板中不必要的代码视图层何为WXML数据绑定列表渲染条件渲染模板事件何为WXSS实战天气wxapp效果配置（因为用到别人写好的模拟天气数据的API作练习，为避免跨域问题）代码直接编译对应开发页码涉及的核心知识点实战天气的代码完整下载快捷链
欣欣__KuanG97·2018-09-16 16:13

微信小程序学习笔记

1.生命周期和相关函数Page({data:{},//Page实例的生命周期函数onLoad:(option)=>{//页面初次加载时候触发，只会触发一次console.log(option.id)//1},onReady:()=>{},//页面初次渲染完毕，只会触发一次（页面已经准备妥当，在逻辑层可以和视图层进行交互了）onShow:()=>{},//从别的页面进入到当前页面时调用onHide:
Raychan·2018-08-03 17:00

微信小程序学习笔记（2）——模板引用，基础类库，MINA框架

import：引用模板文件里的模板，不会引用原文件的其他标签。例如//a.wxmlh1h2//index.wxml最后之会显示h2.include：引用除了模板以外的全网页基础类库：Number：Date：GlobalConsoleMathJSON去javascript的文档了解其函数==========================逻辑层把数据变化传递给视图层，引起视图层的页面改变，视图层把事
Tess_ty·2018-07-13 14:48

微信小程序学习笔记（1）

微信小程序的特点：1.无需安装卸载2.不占内存3.易传播=====================================基本文件：app.js：注册一个appapp.json:全局配置（网络请求的超时时间，页面注册路径等）app.wxss:全局样式project.config.json:pages:页面（js：逻辑和数据交互，json：配置信息，wxml：页面元素内容，wxss：样式）微
Tess_ty·2018-07-12 11:26

微信小程序学习笔记(一)

微信小程序，在之前的一次比赛的备赛中曾学习过一段时间，后来因为投资方撤资，不了了之，但是还是收获了一点语法知识。现在再学习一遍，便有了更深的印象。从组成来看小程序整体由三大部分组成，分别为配置部分，逻辑部分，视图部分，配置部分就是json文件，逻辑部分就是js与wxs文件，视图部分由wxml与wxss来构成。从层次的角度来看，小程序可以分为两层的关系，分别为代表小程序整体的对象app，与小程序中每
CIT_worker·2018-06-27 16:22

微信小程序学习笔记(一)

  微信小程序，在之前的一次比赛的备赛中曾学习过一段时间，后来因为投资方撤资，不了了之，但是还是收获了一点语法知识。现在再学习一遍，便有了更深的印象。  从组成来看小程序整体由三大部分组成，分别为配置部分，逻辑部分，视图部分，配置部分就是json文件，逻辑部分就是js与wxs文件，视图部分由wxml与wxss来构成。  从层次的角度来看，小程序可以分为两层的关系，分别为代表小程序整体的对象app，
CIT_worker·2018-06-27 16:22

【微信小程序学习笔记】1：开发一个带历史记录功能的四则计算器

端午CSDN学院促销，买了微信小程序开发实战跟着学习一下。混合模式移动应用微信小程序是一种Hybrid-App(混合模式移动应用)，它是介于Native-App和Web-App之间的，更接近前者，但开发成本小很多。基本结构pages目录：其内的每个子目录是这个小程序的一个页面，至少应包含wxml和js。app.js：全局的js。app.wxss：WXSS是微信对CSS的封装，该文件是全局的样式表。
刘知昊·2018-06-17 19:21

微信小程序学习笔记 ( 小程序页面学习 七 WXML-模板 基本食用方法)

视图层框架的视图层由WXML与WXSS编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。模
cdhjava·2018-05-29 21:37

微信小程序学习笔记 ( 小程序页面学习 一 配置 page.json 基本食用方法)

目录结构上图是我建立的的微信小程序的目录结构页面学习page.json每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的配置比app.json全局配置简单得多，只是设置app.json中的window配置项的内容，页面中配置项会覆盖app.json的window中相同的配置项。页面的.json只能设置window相关的配置项，以决定本页面的窗口表现，所以无需写window
cdhjava·2018-05-22 22:11

微信小程序学习笔记（六）

tabBar组件-tap选项卡豆瓣API调用以及五星评分组件豆瓣API五星组件星星的显示tabBar组件-tap选项卡这个有坑，必须说下：①list方法是定义选项卡②list方法里的pagePath属性是绑定选项卡页面③选项卡页面无法通过wx.redirectTo或者wx.navigateTo跳转选项卡页面无法打开原因：navigateTo和redirectTo只能打开非tabBar页面。选项卡页
非黑非白-·2018-03-31 16:31

微信小程序学习笔记（五）

数据缓存的补充，以及音乐功能的实现数据缓存之同步、异步显示消息提示框音乐功能如何在主目录的App.js定义全局变量数据缓存的补充，以及音乐功能的实现数据缓存之同步、异步异步数据缓存看起来挺组件化，但是回调函数比较复杂，不方便阅读理解。如无特殊需要，推荐使用同步数据缓存异步缓存的思路是：声明Key名，然后通过res取得本页data内的Key数据然后进行需要的运算，获取新的缓存值最后通过回调函数传递出
非黑非白-·2018-03-28 02:13

微信小程序学习笔记

上周微信小程序游戏“跳一跳”很火，其实这是微信推广小程序的套路。基于好奇心，我仔细学习了小程序开发的知识。1、小程序脚本语法类似于JavaScript，文件后缀是.js；不同的是微信提供了wx前缀的API。2、界面布局仍用常见的xml标签方式，文件后缀是wxml;3、界面样式文件后缀是wxss(即WeiXinStyleSheet的缩写），格式跟css类似，具体定义可参看菜鸟教程css跟AppSto
brycegao321·2018-01-08 11:17

微信小程序学习笔记（1）文件结构和配置

文件结构小程序包含一个描述整体程序的app和各个页面的page。一个小程序主体是由三部分组成，必须放在更目录下。分别是app.js,app.json,app.wxss。其中，app.js是小程序的逻辑，app.json是小程序的公共设置，是必须有的，app.wxss是小程序的公共样式，可以没有。小程序的页面是由三部分组成，分别是XX.js,XX.wxml,XX.wxss,XX.json。其中，.j
QinChBeSt·2018-01-02 16:39

20161118微信小程序学习笔记-结构

微信小程序结构每个小程序页面都有三个基础文件组成Paste_Image.png1.json文件是用来对页面进行配置的{"pages":["pages/index/index","pages/list/list","pages/draw/draw"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#f0
局部方法·2017-12-04 13:27

微信小程序学习笔记 >路由传参

方法一：通过这个标签你点击跳转的这个事件上添加navigator这个标签具体写法是这样的在pages=>index=>index.wxml里面写上这样一段代码文章1设置好需要跳转的位置，在这里我想让它跳转到logs页面，等点击跳转过来的时候，logs.js文件里面需要这样设置才能拿到参数，前提要在onLoad事件里面设置具体设置如下data:{articleId:null},onLoad:func
想做一个画家·2017-11-13 17:27

微信小程序学习笔记（一）——css小技巧

微信小程序——css小技巧1、子类元素的横排与竖排.父类{display:flex;flex-direction:row;//横排flex-direction:column;//竖排}2、margin-right：20px有可能会失效解决办法：外围包裹一层使用padding-right：20px；2、scroll滚动竖向滚动.scl_y{height:100px;//设置父高度}.scl_yvie
高振05·2017-08-04 14:54

微信小程序学习笔记（1）

一、关于AppId:明确一点：没有appid虽然不影响开发，但是如果在创建项目的时候没有填写appid则无法进行真机预览。appid怎么获得？小程序AppID：登录https://mp.weixin.qq.com就可以在网站的“开发”-“基本配置”中查看到微信小程序的AppID了，不可直接使用服务号或订阅号的AppID。二、预览小程序：无论是copy的代码还是自己手写的程序，如果能在真机上运行看效
keranalice·2017-07-14 17:03

微信小程序学习笔记（三）

视图容器组件view示例代码scroll-view属性表实例代码表单组件button属性表示例代码input属性表实例代码其他组件实例代码源码同系列文章目录视图容器组件viewview是最常用的视图容器组件，相当于HTML页面的标签，推荐使用flex布局。示例代码wxml:flex-direction：row123flex-direction：column123wxss:.flex-wrp{dis
Mr_OOO·2017-06-22 18:11

微信小程序学习笔记（1）

一、关于AppId:明确一点：没有appid虽然不影响开发，但是如果在创建项目的时候没有填写appid则无法进行真机预览。appid怎么获得？小程序AppID：登录https://mp.weixin.qq.com就可以在网站的“开发”-“基本配置”中查看到微信小程序的AppID了，不可直接使用服务号或订阅号的AppID。二、预览小程序：无论是copy的代码还是自己手写的程序，如果能在真机上运行看效
keranalice·2017-06-10 23:55

微信小程序学习笔记--20170425--登录验证实现

初探微信小程序已经有几天的时间，跟随极客学院某某老师（只关注技术未关注老师，还请谅解）。从微信小程序的框架结构及相关内容。下面以登录验证功能模块，展示近期学习的内容。需求描述：对于部分页面添加登录验证，用户未登录的情况下，进入页面，页面自动转向登录页面。登录验证成功后，回调到登录发起页面。实现思路：创建全局变量用于存储当前登录用户对象（userInfo）、全局方法用于验证登录有效性（checkLo
洛山红茶·2017-04-27 11:03

微信小程序学习笔记（二）

目录结构pagestypingsutilsappjsappjsonpages相关设置tabBar的相关配置数据展示数据的绑定数据循环if判断END同系列文章目录目录结构小程序的基本目录结构如图(1)所示：图(1)pagespages目录下，每个文件夹代表了一个页面的所有配置，一般情况下每个文件夹下都有四个文件，并且每个文件名都必须和文件夹名相同，只有后缀不同。-.js文件用来处理每个页面的方法，和
Mr_OOO·2017-03-26 20:18

微信小程序学习笔记

第一步：AppID申请每一个AppID有管理员和开发者的身份。管理员只有一个，并且不能更改；开发者对于未认证的小程序最多为10个，认证的小程序最多为20个。只能具备其一，才能在其微信上预览。第二步：环境搭建1.登录与别的IDE不同，需使用微信号登录。这也是前文提到的需要管理员和开发者的身份的凭证。选择本地小程序项目添加项目填写appID，如果没有的话，单击无appID，会提示你部分功能受限，不用在
TheBeauty2017·2017-01-15 21:27

微信小程序学习笔记一

微信小程序，学习笔记（一）框架，视图层学习链接：http://www.w3cschool.cn/weixinapp/熟悉文档结构介绍---[D]pages---[D]utils---[F]app.js---[F]app.json---[F]app.wxss1234512345全局变量、对象、方法普通类型对象App应用程序全局实例，在app.js中定义，每个程序只有一个实例，可以通过如下方式获取va
Guo_IT·2017-01-07 08:51

微信小程序学习笔记

在学习微信小程序的时候，发现以下要注意的地方：1、要集中看下小程序的相关官方文档：链接地址：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201611092、对于wxss的基础样式库的选择，建议选择官方的weui库：链接地址：https://github.com/weui/weui-wxss3、配置https服务器，用于小程序的请求：
lvfan2008·2016-12-21 10:20

20161123微信小程序学习笔记-js解析

js是微信小程序的逻辑层，提供了app应该具备的API，主要逻辑是基于javascript，但是也不完全一样，其中最明显的Alert('')是不可以使用的，只能使用console.log()进行调试；**逻辑层分为4个主要部分注册程序，注册页面，模块化，API**注册程序App();注册程序主要执行在App();函数中，并接收一个对象{},所有的配置项目都在这里配置；App({onLaunch:f
局部方法·2016-11-23 19:41

20161122微信小程序学习笔记-wxml&wxss解析

wxml和wsxx是微信小程序的视图层WXML结构层WXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。需要注意的是视图容器与html标签有比较大的差异视图容器可滚动的视图容器滑块视图容器基础内容图标文本进度条表单组件滚动选择器滑动选择器。开关选择器导航媒体组件地图画布wsxx样式层WXSS(WeiXinStyleSheets
局部方法·2016-11-22 19:09

20161121微信小程序学习笔记-json解析

json是小程序内的配置文件，用来配置路由，样式的数据内容；官方demo中给出来默认的json配置项page=[]page是路由，是小程序开发总配置的分发器，"pages":["page/component/index","page/component/component-pages/action-sheet/action-sheet"]window={}window是全局对象，指的是微信的页面设
局部方法·2016-11-21 18:53

20161121微信小程序学习笔记-json解析

json是小程序内的配置文件，用来配置路由，样式的数据内容；官方demo中给出来默认的json配置项page=[]page是路由，是小程序开发总配置的分发器，"pages":["page/component/index","page/component/component-pages/action-sheet/action-sheet"]Paste_Image.pngwindow={}window
局部方法·2016-11-21 17:57

【微信小程序学习笔记】弹窗的两种姿势

直接在代码里控制文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html?t=20161107#wxshowtoastobjectjsshowLoading:function(){wx.showToast({title:'加载中',icon:'loading'});},cancelLoading:function(){wx.
弓长剑鸣·2016-11-09 11:28

微信小程序学习笔记（二）- 小程序中的canvas

前段时间部门里面的前端同事，在熟悉微信小程序时遇到了一个坎，大概就是说小程序里面的canvas绘制图像不起作用。这次学习就以canvas为主题，试试看能不能解决这个问题。先扔两个传送门在这里：文档·小程序canvas标签文档·小程序api-canvas然后先仿照着官方文档在canvas标签里面画最简单的线条图形，官方是一个笑脸，我准备画一个弯月。一、小程序绘制线条图形代码：//canvas.jsP
-_-px·2016-10-18 17:34
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他