微信小程序
老道忘了
网络运维,web开发,全栈狗
展开
-
微信小程序学习:(一)目录结构
微信小程序学习:(一)目录结构卷首语:小程序开发跟前端SPA开发类似,如果学习过react、vue等框架,那么看看小程序的开发者文档,基本上2、3天就能上手,简单、粗暴、快捷。1、基本目录结构上图是我们创建一个小程序时,IDE默认为我们创建的目录。如果你使用过vue-cli,就会发现他们的目录结构差不多。当然,学完之后,发现语法也差不多。哈哈。。。2、app.js\app.json\a...原创 2019-07-10 15:45:35 · 561 阅读 · 0 评论 -
微信小程序学习:(二)app.js及index.js详解
微信小程序学习:(二)app.js及index.js详解在用ide创建小程序项目时,系统默认为我们创建了一个helloword的样例模板:包括查询用户设置、获取用户信息、返回用户名及头像、页面跳转等。下面我就一一解析:1、app.js这是小程序的入口,启动小程序时首先调用app.js。App()注册小程序,然后内部按生命周期执行。//app.js//注册小程序App({ onLa...原创 2019-07-12 11:59:58 · 10845 阅读 · 0 评论 -
微信小程序学习:(三)轮播图
微信小程序学习:(三)轮播图我创建了lessions页面,用于展示轮播图及lession列表。(一)本地数据localData.js用于模拟远程数据,目录结构如下#let localData=[ { avatar:'../../data/images/avatar/00.jpg', carousel:'../../data/images/carousel/00.jpg...原创 2019-07-19 11:26:42 · 330 阅读 · 0 评论 -
微信小程序学习:(四)模板
微信小程序学习:(四)模板(一)新建模板目录(二)模板结构,这是一个课堂信息。其中template的name属性,就是为了标识模板。都很简单,没什么可说的。<!--pages/template/lession1-template.wxml--><template name="lession1-template"> <view class='less-t...原创 2019-07-24 14:11:18 · 388 阅读 · 0 评论 -
微信小程序学习:(五)swiper塌陷问题解决
微信小程序学习:(五)swiper塌陷问题解决github地址: https://github.com/leoricding/-(一)问题分析需求:实现tab切换,内容切换;内容切换,tab也切换。困难:实现的过程中,发现swiper-item无法撑开swiper原因分析:小程序中,swiper-item是脱离文档流的,而swiper是固定高度,所以会出现无法撑开的问题。解决方案:js...原创 2019-08-01 09:44:16 · 1062 阅读 · 0 评论 -
微信小程序学习:(六)tab切换及内容切换
微信小程序学习:(六)tab切换及内容切换github地址: https://github.com/leoricding/-(一)问题分析需求:实现tab切换,内容切换;内容切换,tab也切换。解决方案:js动态计算,实现swiper-item的序号以及tab的序号的绑定。(二)直接上代码很简单,没什么可说的。// pages/lessionDetail/lessionDetail....原创 2019-08-01 12:38:15 · 1261 阅读 · 0 评论