微信小程序
oshan2012
这个作者很懒,什么都没留下…
展开
-
微信小程序开发—(八)canvas绘制图形
一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中:<canvas canvas-id="myCanvas" class="myCanvas" ></canvas>在js文件onLoad: function() {}的方法中开始编写代码1.创建一个 Canvas 绘图上下文 CanvasCon...转载 2020-02-22 16:32:39 · 2526 阅读 · 0 评论 -
微信小程序之圆形进度条
需求概要小程序中使用圆形倒计时,效果图:思路使用2个canvas一个是背景圆环,一个是彩色圆环。使用setInterval让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子;盒子使用相对定位作为父级,flex布局,设置居中;一个canvas,使用绝对定位作为背景,canvas-id="canvasProgressbg"另一个canvas,...转载 2020-02-22 15:11:21 · 828 阅读 · 0 评论 -
微信小程序把玩(四十)animation API
动画水还是比较深的,这里只是简单介绍下小程序中动画的一些属性和注意事项,做动画前一定要整理好思路将动画一步步分解,再进行组合!这里只做引入。wx.createAnimation(object)看官方介绍1.创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。2.调用动画操作方法后要调用 ste...转载 2020-02-22 11:34:36 · 227 阅读 · 0 评论 -
微信小程序开发——动画效果
WeChat小程序交流(QQ群:769977169)动画效果的实现,使用wx.createAnimation实现。具体实现时,首先,创建动画对象,并设置相关的参数;其次,设置动画类型,并执行动画;第三,导出并设置动画数据;最后,将设置的动画数据动态配置相应的组件,以此实现组件的动画效果。效果图代码示例xxx.wxml<view style='width:60px;heig...转载 2020-02-22 11:32:42 · 1079 阅读 · 0 评论 -
小程序全局变量
1,在app.js中定义全局变量App({//当小程序初始化完成时,会触发 onLaunch(全局只触发一次)onLaunch: function () {},// 当小程序启动,或从后台进入前台显示,会触发 onShowonShow: function (options) {},//当小程序从前台进入后台,会触发 onHideonHide: functio...转载 2020-02-09 15:40:59 · 777 阅读 · 0 评论 -
实习的第一周----微信小程序——== 和 === 的区别、' '(单引号) 和 " "(双引号) 的区别、如何在微信开发者工具的模拟器中,显示当前需要调试的页
==和===的区别是:前者是相等运算符,允许做类型转换,类型不同也可以比较是否相等;后者是严格运算符,类型不同就直接相等。''和""的区别是:前者是单引号,后者是双引号。都必须成对出现。在js中,单引号和双引号并没有区别。只是为了避免引号嵌套引号时,产生的麻烦。而且,用单引号的话,可以不用按shift...转载 2019-06-12 09:25:12 · 3632 阅读 · 0 评论