微信小程序
文章平均质量分 74
Mikowoo007
这个作者很懒,什么都没留下…
展开
-
Flex布局与自适应rpx
Flex布局  又称(弹性布局)是W3C组织在2009年提出的一个新的布局方案,其宗旨是让页面的样式布局更加简单,并且可以很好地支持响应式布局,主要作用在容器上flex-direction: 该属性的值确定主轴的方向,轴有两个方向,分别是水平和垂直首次,设置display:flex; 让Flex布局生效flex-direction:row; 主轴水平,方向为自左向右flex-di...原创 2018-11-20 19:31:45 · 753 阅读 · 0 评论 -
(四)微信小程序--轮播图swiper组件实现及Boolean值陷阱
轮播图 swiper 组件前期需要的搭建将需要轮播的图片保存到/images/post/ 目录下,没有就创建它在pages目录下新建一个名为post的目录,然后在post目录下新建页面所需要的4个文件post.js, post.json, post.wxml, post.wxss 每个文件所需要的代码在我前序文章中有提到 从零开始新建一个项目在app.json的pages数组里追加pos...原创 2018-11-21 16:05:42 · 352 阅读 · 0 评论 -
(五)微信小程序-文章列表-实现及在全局样式表添加页面默认字体样式
文章列表 每篇文章包含文章标题、文章头图、文章概要、评论数和阅读数,基本上使用view, image, text 这三个组件就可以完成先将准备好的图片放在根目录images文件相应的路径下,没有创建,不过多解释我们在前序博文微信轮播图实现项目下继续操作操作在post.wxml swiper组件后追加如下代码<view class="post-container"> <...原创 2018-11-21 19:31:47 · 3059 阅读 · 0 评论 -
微信小程序搭建、开发工具、快捷键介绍
什么是小程序&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 小程序是一种不需要下载、安装即可使用的应用,它实现了触手可及的梦想,用户扫一扫或搜一下就能打开应用,实现了用完即走的理念,用户不需要安装太多应用,应用随处可用,但无须安装卸载1开发工具链接: 开发工具也需要需要登录,而登录的身份可以是您的微信号(支持扫码)登录成功后,点击【小程序项目】目前支持个人开发,注册AppID &amp原创 2018-11-19 18:50:15 · 365 阅读 · 0 评论 -
(六)微信小程序:image组件的4种缩放模式与9种裁剪模式, 和静态多文章列表
4种缩放模式scaleToFill 不保持纵横比例缩放图片,使图片的高度完全拉伸至填满image元素aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来&nbsp; &nbsp;&nbsp;也就是说,可以完整地将图片显示出来aspectFill 保持横纵比缩放图片,只保证图片的短边能完全显示出来&nbsp; &nbsp;&nbsp;&nbsp;也就是说,图片通常原创 2018-11-22 20:46:51 · 2645 阅读 · 0 评论 -
微信小程序-从零开始新建一个项目
新建时,不勾选【建立普通快捷启动模板】在根目录下建立3个应用程序文件 app.json &amp;nbsp; app.js &amp;nbsp; app.wxss在根目录下建立pages文件, 在pages文件下建立welcome文件夹并建立四个页面文件 welcome.js &amp;nbsp; welcome.wxml &amp;nbsp; welcome.wxss &amp;nbsp; welcome.json原创 2018-11-20 14:25:44 · 5115 阅读 · 2 评论 -
(七)Page页面的生命周期与.js文件的代码结构
页面生命周期 如同人的成长需要分为出生、童年、青年、中年、老年一样,一个页面从创建到卸载,同样会经历以下5个周期:加载onLoad显示onShow渲染onReady隐藏onHide卸载onUnload...原创 2018-11-26 18:53:20 · 656 阅读 · 0 评论