微信小程序学习

微信小程序学习笔记——自定义组件 属性和组件的生命周期

组件中的属性组件生命周期组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中，最重要的生命周期是createdattacheddetached，包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时，created生命周期被触发。此时，组件数据this.data就是在Component构造器中定义的数据data。此时还不能调用setDa
有蝉·2020-04-21 11:30

微信小程序学习笔记——自定义组件步骤

类似vue或者react中的自定义组件步骤：Step1：新增组件①根目录下新建components文件夹②在components文件夹中，新建自定义组件文件夹③右击Tabs文件夹，然后点击弹出的菜单中的“新建Compent”，输入组件名称，自动生成4个文件Step2：声明组件Step3：使用组件首页原创关于-->{{item.name}}//components/Tabs/Tabs.jsCompo
有蝉·2020-04-17 09:08

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

主体部分:1.app.js:小程序逻辑2.app.json:小程序的公共配置3.app.wxss:小程序的公共样式表页面部分:1.js:页面逻辑2.wxml:页面结构3.wxss:页面样式表4.json:页面配置逻辑层程序注册和页面注册的两大方法1.App()2.Page()注册程序App()1.App函数用了注册小程序,参数Object和指定小程序的生命周期,全局方法和属性等2.获取小程序实例g
DW_MEI·2020-04-12 16:04

微信小程序学习系列（一）

文章目录背景准备工作入门案例页面元素分析index页面分析编程启示录背景2月份在GitChat上买了一个小程序开发专栏，加上碰到好几个网友咨询我会不会少儿学习类的小程序开发。所以最近决定研究一下小程序，目标是用小程序做一个少儿诗词学习类的小应用。本文将记录微信的HelloWorld的目录结构，剖解首页的内容，以初步了解小程序开发的基本要素。准备工作微信开发者工具，开发工具，官网下载地址；JavaS
毕小宝·2020-04-12 09:55

微信小程序学习(三)：开发工具菜单介绍

1.开发工具界面2.菜单区介绍2.1编辑默认为编辑状态显示，下面的编译为手动编译功能，通常情况下修改文件后保存会刷新界面显示，如果修改的是.js文件，保存时会自动进行编译和刷新界面显示2.2调试通过界面我们可以看出编辑状态的菜单栏与chrome浏览器的调试界面几乎相同，包括控制台、源码、网络等，并且支持断电调试，功能几乎与前端开发调试类似，不再介绍，调试的时候，菜单栏下面会多出一个后台和缓存按钮：
微光北下·2020-04-04 03:08

微信小程序学习(五)：程序和页面注册.js

1.小程序注册App()函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期函数等。全局参数可以在其他页面通过下面方法获取到[javascript]代码区：//other.jsvarappInstance=getApp()console.log(appInstance.globalData)//Iamglobaldata2.注册一个界面2.1注册页面2.2数据初始化2.2.1常
微光北下·2020-03-31 05:55

微信小程序学习分享

作为一个靠技术吃饭的企业，除了拥有过硬的技术，还有一点是很重要的----时刻保持着一颗乐于专研的好奇心。在这个日新月异的科技时代，只有坚持创新和学习才不会被淘汰。LegendShop电商系统可以领跑行业，不只是靠Java语言的优势，也不只是靠系统性能的优越，还有依靠我们各位同仁的不断学习和创新，攻克一个个难关，紧跟新技术的方向，不断巩固和完善我们的产品，LegendShop电商系统才得以继续发展，
朗尊小羊云商·2020-03-29 04:55

微信小程序学习案例_健康打卡_01_开发环境

小程序简介小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。申请小程序账号开发小程序的第一步，需要申请一个小程序帐号需要使用一个邮箱来作为小程序的登录帐号。邮箱要求：未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱（建议重新去申请一个QQ邮箱吧）如果有管理企业认证的公众号，可以利用公众号的资质免认证申请一个企业的小程序申请小程序时
开源软件项目实践·2020-03-16 15:27

微信小程序学习案例_健康打卡_02_用户身份识别

小程序登录小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。用户唯一标识OpenID同一个小程序，每个用户的openid是唯一的，并且不会变化同一个用户对不同的小程序的openid是不相同的可以通过wx.login方法获取用户的临时登录凭证code（code仅可使用一次）将用户的临时登录凭证code回传到开发者服务器开发者服务器进一步到微信服务器换取
开源软件项目实践·2020-03-16 15:23

微信小程序学习记录

1.bindtap和catchtap（1.5.0后bind:tap、catch:tap）bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。2.事件的捕获阶段capture-bind、capture-catch，后者将中断捕获阶段和取消冒泡阶段。2.生命周期onLoad/onShow/onHideimage.png调用navigateTo跳转时，调用该方法的页面会
蒙奇D路飞_9f41·2020-03-16 11:37

2019-11-07 记录微信小程序学习记录

1.wx.login微信自定义，可得到授权的nickname等字段2.app.js自定义globaDate:{userInfo:(用户信息)，auth:}3.severUrl:服务器地址（程序地址）4.apiversion：小程序版本5.bindtap绑定方法在wxml中写bindtap=''authorize''在js中写这个方法authorize:function(){wx.request({
早起早起早起up·2020-03-16 02:17

微信小程序学习（1）_微信小程序简介

一、微信小程序的来源在2016年9月中，微信公众平台向外发出200个小程序内测邀请函，那么什么是微信小程序，有什么功能呢？微信小程序尽管叫小程序，但其实这就是今年年初腾讯曾对外提及的微信“应用号”。早在2016年1月份的微信公开课上，微信之父张小龙就透露微信即将推出应用号。张小龙曾说，让创造发挥价值，好产品应该是用完即走，微信应该是给用户提供便利，而非浪费时间。希望用户在微信里看到的都是自己愿意看
8ec863a03f4f·2020-03-13 21:03

iOS开发做微信小程序学习小结（一）

1.我想大家做iOS移动端开发去做微信小程序感觉挺新奇的本人是这个想法，愿意尝试。这段时间不是很忙公司留给时间学习微信小程序开发。我也就小结一下。我依旧是菜鸟无法与大神相提并论，大神的话不许要看下面可以直接走开。入门前还是要对小程序有所了解。微信小程序简单，快捷，用后即关。我这种用户就是这样，需要了看下，不需要百年都不会打开看一眼。2.准备工作：1>看官方文档，全都看完了解一下。我是这么搞的。2>
BLUEVIPIOS_·2020-03-13 12:44

微信小程序学习

(对1月30号的文章在markdown模式下重新编辑排版）今天就强调一个知识点JS中设置数据this.setData,昨天尝试在app.js中定义了一个对象mydatamydata：{username:"理想"}我希望在首页中吊用mydata中的的属性值，利用到了Varapp=getApp();申明获取App。我希望在生命周期函数onload中替换调moto的值arapp=getApp();Pag
部落大圣·2020-03-08 00:03

微信小程序学习记录

1.下拉刷新，上拉加载动画效果wx.showNavigationBarLoading();1575423622(1).png微信小程序只有下拉刷新动画，没有上拉加载动画2.wx:if="{{!item.video.length==0}}"显示隐藏判断，字符串长度大于0显示。在判断是一直无效。最后发现，在最后一个双引号之前多了个空格，改为wx:if="{{!item.video.length==0}
我与android的爱恨纠葛·2020-03-07 03:47

微信小程序学习-轮播图组件swiper

轮播图组件swiper微信小程序提供了滑块视图容器swiper，可以便捷实现轮播图效果。这个名字和移动端常用的触摸滑动插件Swiper看起来很相似。小程序这个组件实现简单效果会便捷一些，但是要更复杂炫酷的效果还是Swiper插件多一些，可自定义的空间大。微信小程序轮播图组件官方文档提供了组件使用的示例代码，显示效果：轮播图显示效果结构indicator-dotsautoplayintervaldu
Smile0204·2020-03-07 01:00

微信小程序编程，微信小程序的坑，微信小程序发展，微信小程序学习，微信小程序应用，微信小程序帮助，微信小程序教程，微信小程序demo，微信小程序实战等

一.前言微信小程序的概念已经炒了很长一段时间，时不时的还弄出个大新闻，小程序的每一个动作都能触动媒体圈的G点，屡试不爽。媒体圈从最开始鼓吹小程序将能对抗苹果，到后来小程序将取代原生App，最近又出来微信小程序与支付宝小程序谁得天下。为什么『取代』了这么久也不见苹果出来封禁小程序？AppStore里面排名前20的哪个举家搬到了小程序（做个阉割版占坑的不算）？抱着一大堆疑问，我决定深入了解小程序。目标
城边编程_认真写技术·2020-03-03 13:31

微信小程序学习（6）_配置详解

因为工作的原因，最近很久没有学习小程序了。现在开始接着来。一、全局配置1.官方的文档中就有对小程序配置的专门讲解，我们可以先到官网看下相关的讲解方便我们更好的了解“配置”这部分的知识点。官方的网址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html2.因为两个星期没学小程序了，刚打开，发现开发工具更新了，可以直接在“编辑”
8ec863a03f4f·2020-03-03 07:33

20161128微信小程序学习笔记-NO.2获取用户信息

wx.getUserInfo(OBJECT)获取用户信息，需要先调用wx.login接口。获取用户基本信息wx.getUserInfo({success:function(res){varuserInfo=res.userInfovarnickName=userInfo.nickNamevaravatarUrl=userInfo.avatarUrlvargender=userInfo.gender
局部方法·2020-03-02 21:28

微信小程序学习笔记（ 动态获取 textarea 里面输入字数）

因为小程序是数据驱动视图的你.wxml页面写在data里面定义一个变量data:{userInput：''}bindinputEventHandle当键盘输入时，触发input事件，event.detail={value,cursor}，bindinput处理函数的返回值并不会反映到textarea上bindinput事件(它的事件指的就是bindWordLimit)里面e.detail.valu
想做一个画家·2020-03-02 19:22

微信小程序学习（2）_开发准备和开发工具简介

一、下载微信小程序开发工具1.进入这个网址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1475052055364进行下载相对应的开发工具这里写图片描述二、开发工具简介--------acc1.首先我们打开开发工具，可以看到下面的界面，然后用微信登录这里写图片描述2.我们选择创建项目这里写图片描述3.填写相关
8ec863a03f4f·2020-03-01 18:42

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

前言:年前由于微信小程序刚出来火了，被老板看见。于是决定要将我们的app改为微信小程序版本的。以下资料来源于我在慕课网上学习的内容，如有侵权请及时联系。微信小程序的开发工具我用的是微信小程序官网提供的工具下载地址请根据自己系统下载相应的版本-------安装完成后-------于是就开始我的小程序之旅在第一次打开的时候会让我们扫描二维码（→_→这里的微信有没有什么特殊要求我也不知道，反正我扫了就进
我是周呀·2020-03-01 09:58

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

微信小程序1.微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，用户扫一扫或搜一下即可打开应用。2017年1月9日，张小龙在2017微信公开课Pro上发布的小程序正式上线。2.开发小程序所工具：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3.搭建小程序开发环境第一步：
BugsBunny_S·2020-02-28 07:19

微信小程序学习——快递信息查询

前言根据微信公众平台提供的官方文档小程序注册和开发者工具的使用，可以注册微信公众平台，快速创建项目。文档很详细，在此就略过项目创建部分啦~刚入门小程序，本项目是学习阶段写的小demo。GitHub项目地址小程序的功能是：输入快递公司和单号，查询物流信息。涉及到一些小程序提供的表单组件，主要是为了学习网络请求接口的使用。最终效果如下：查询主页面和查询结果详情页主页面详情页目录结构采用开发者工具提供的
Smile0204·2020-02-26 12:28

微信小程序学习(四)：系统配置app.json

json代码区："window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#f0f","navigationBarTitleText":"我的微信小程序","navigationBarTextStyle":"black","backgroundColor":"#eeeeee","navigationBarTitl
微光北下·2020-02-26 02:56

微信小程序学习点滴

**微信小程序学习点滴**《一》：如何获取时间，页面跳转，传递参数**微信小程序学习点滴**《二》：开发者工具快捷键，轮播图swiper图片组件**微信小程序学习点滴**《三》：开发工具及开发环境配置，
极乐叔·2020-02-25 19:06

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

wx.uploadFile将本地资源上传到开发者服务器。如页面通过wx.chooseImage接口获取到一个本地资源的临时文件路径后，可通过此接口将本地资源上传到指定服务器。客户端发起一个HTTPSPOST请求，其中content-type为multipart/form-data。***注意这里是POST请求***wx.chooseImage({success:function(res){vart
局部方法·2020-02-25 04:34

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

之前在学习微信小程序时，一边学习一边记录了一些笔记，现在分享出来，大家一起学习。1、首先最最快捷的页面创建方法是，直接在全局配置文件app.json中的“pages”参数下直接输入相应的目录如（“pages/post/post”），写完直接保存便可自动生成相应的目录文件，而且全部初始化完毕。2、在微信小程序里，只有用标签的文字，在手机里才能长按选中。新版本中text已经支持标签嵌套。另外在text
pisces辰·2020-02-22 11:21

20161205微信小程序学习笔记-NO.5数据缓存

wx.setStorage()将数据存储在本地缓存中指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口。key本地缓存中的指定的keydata需要存储的内容success接口调用成功的回调函数fail接口调用失败的回调函数complete接口调用结束的回调函数（调用成功、失败都会执行）wx.setStorage({key:"key"data:"value"})wx.setStorag
局部方法·2020-02-21 18:34

微信小程序学习一初探“小程序”

最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。一项目文件结构当打开微信小程序的Demo的时候，我个人习惯是先看整个项目的文件结构，先大致弄清这部分是干什么的，那部分又是干什么的，微信小程序基本的
山水相逢z·2020-02-17 05:44

微信小程序学习(一)：项目创建

1.1新建一个微信小程序项目1.2填写微信小程序的信息appID:在微信小程序开发平台申请的ID，只有经过身份验证成功的用户才有，当前不接收个人注册，所以我没有ID，可以选择无AppID模式，只能调试学习用；项目名称：给你要创建的项目取个名称；项目目录：这个是你的项目要保存的位置；如果选择的路径不是一个空文件夹，默认打开一个已经存在的项目，如果路径为空，创建一个新项目，“在当前目录中创建quick
微光北下·2020-02-16 07:37

微信小程序学习（4）_视图渲染

一、创建一个页面1.首先我们新建一个项目，在新建的项目中有index页面和logs页面，即欢迎页和小程序启动日志的展示页，他们都在pages目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、i
8ec863a03f4f·2020-02-15 05:41

微信小程序学习（3）_目录文件详解

一、目录文件详解1.首先看下根目录下的app.json的文件，可以看到在"pages"的数组里，里面配置了每个界面，且包含了每个界面文件的目录这里写图片描述2.可以看到每个页面需要包含两个文件，一个是js文件，是每个界面的入口，wxml的文件是每个界面的布局文件，那wxss是什么呢？它是每个界面的样式文件。比如：看下图可以看到，创建新的项目有两个界面，一个是index.js界面，一个是logs.j
8ec863a03f4f·2020-02-14 00:04

7天写“分答”微信小程序第一天:组织与首页

首发地址：http://weappdev.com/t/topic/135github仓库地址:https://github.com/icindy/fenda目的是什么自我学习，可以通过做一款微信小程序学习微信小程序相关的开发和别人交流
Dicn·2020-02-09 15:48

微信小程序学习之模板引擎Mustache

Web模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的HTML文档。当然不同的开发语言有不同模板引擎，如Javascript下的Hogan、ASP下的aspTemplate、以及PHP下的Smarty，这里主要介绍基于Javascript语言的模板引擎，目前流行有Mustache、Hogan、doT.js、JsRender、KendoUITemplat
君临天下夜未央·2020-02-07 18:57

2020最新版前端学习路线图--微信小程序制作原来如此简单

前端学习路线图中微信小程序学习视频和黑马优购商城小程序可以在黑马程序员视频库中找到自学教程。前端学习路线图中微信小程序的技术要点：小程序基础；小程序项目：黑马优购商城。
传智播客教育集团·2020-01-10 18:39

微信小程序实例源码大全

mod=viewthread&tid=1103微信小程序学习demo
乌匠·2020-01-08 21:24

微信小程序学习记录

component组件：子组件给父组件传值子传值给父.jpg添加SVG图片1）找到svg图片文件2）将其base64编码，https://www.sojson.com/image2base64.html可以在这个里进行转码3）将转码的字符放到小程序中小程序录音一定要考虑到授权问题，接下来才是录音、播放、停止等操作component组件中，properties定义的字段一定要有类型，也就是它得是Ob
邮差在行动·2020-01-08 08:12

微信小程序学习笔记

在微信小程序小技巧1，在微信小程序的开发者工具中按住alt+shift+F可以格式化代码样式。2，在app.json中的"pages"数组中，直接添加页面路径可以快整创建一个新的小程序页面（包括了js、json、wxml、wxss四个文件。）3，在JS中，Boolean类型的默认值是false，如果默认值是false，则可以不需要赋值。Number类型的默认值是0，同样，如果默认值是0，则可以不需
汤利利·2020-01-05 10:37

微信小程序免费视频+精品教程合集+demo合集

1月2日更新demo微信小程序学习用demo：todolist，带简易后端微信小程序完整demo：游轮中心，富文本解析，包括前后台微信小程序学习用demo：小马互联：animation，简易布局微信小程序
Programmer客栈·2020-01-04 09:00

数组操作--微信小程序学习教程

前言相信在小程序推出公测之后，很多小伙伴都已经抓紧申请注册小程序了。在开发阶段中也碰到了很多的问题，例如wx.request数据请求不成功，在数组操作时，不知道如何往数组里push数据，input如何监听用户输入的状态，css的background-image无法获取本地资源等等，本博客会出一个专题，给碰到这些问题的小伙伴解决思路。数组操作今天我们主要讲的是，数组操作。相信对于用过vuejs、re
蓝狐锅锅·2020-01-01 22:20

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

关于微信小程序如何看待小程序可以看做微信的一个附加功能吧，就是在微信里面启动其他应用程序，不过这种应用程序，不需要安装，第一次启动的时候会自动加载，由于体积较小，所以不会太消耗手机资源。小程序性能小程序基于微信团队自主开发的MINA框架，自称性能要比HTML5优秀，不过想想也有道理，毕竟舍弃了.html和.css文件，重新定义了.wxml和.wxss文件，肯定根据需要做了不少取舍和优化。但是相比原
mrooo·2020-01-01 09:43

微信小程序学习笔记

一.微信小程序的项目结构1..json后缀的JSON配置文件1.1小程序配置app.jsonapp.json是对当前小程序的全局配置，包括小程序的所有页面路径、界面表现、网络超时、底部tab等，常见的配置关键字如下，更多的配置见小程序配置app.jsonpages字段——用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录，数组的第一项代表小程序的初始页面。小程
LoveY34·2019-12-24 03:16

微信小程序学习之flex布局实例篇

上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是LandonSchropp的文章和SolvedbyFlexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查
君临天下夜未央·2019-12-22 03:43

微信小程序学习笔记

微信小程序已经出来有一阶段了，不得不说现在的小程序体验真的不错，于是我就学习着开发了一下。如果以前有Web开发基础，那么微信小程序很快就能上手了，没有基础也不用担心，因为官方文档解释的特别清楚。下面我就说一下我对微信小程序开发的一些建议。1、第一个建议学习微信小程序的开发，最好是看官方文档，中文的官方文档解释的非常详尽，而且更新的内容也可以第一时间知道。《小程序开发文档》和《开发者社区》这两篇内容
碧海云天V·2019-12-18 02:01

微信小程序学习记录——5.组件

文章目录1.视图容器viewscroll-viewswiperswiper-itemmovable-viewmovable-areamovable-viewcover-viewcover-viewcover-image2.基础内容icontextrich-textnodes受信任的HTML节点及属性progress3.表单组件buttoncheckboxcheckbox-groupcheckbox
赈川·2019-11-14 22:17

微信小程序学习笔记（ 自定义组件 ）

自定义组件开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码掩护。自定义组件在使用是与基础组件非常相似。创建自定义组件（自定义组件需要重新开一个文件夹，然后再在其他页面引用，可以理解成封装一个组件，一个组件放在一个文件夹里）类似于页面，一个自定义组件由jsonwxmlwxssjs四个文件组成。要编写一个自定义组件，首先需要
BYE＆·2019-11-02 16:37

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

在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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他