王光

学如逆水行舟、不进则退

分享几个微信小程序的视频教程

最近微信小程序的发展势头很火,各大公司开始重视这一块,很多新手看文档可能觉得不是特别容易理解(包括我),所以闲来无事整理了几个小程序的视频教程分享给大家,如果链接失效了可以给我留言。 极客学院小程序视频教程: 链接:https://pan.baidu.com/s/15Ysexba8D5Hypv...

2018-04-03 13:30:35

阅读数 29018

评论数 40

JavaScript数组乱序

function randomSort(a, b) { return Math.random() > 0.5 ? -1 : 1; } var ArrLoad = [0, 1, 2, 3, 4, 5]; ArrLoad.sort(randomSort); ...

2019-02-18 13:54:30

阅读数 67

评论数 3

JavaScript 根据一个值删除数组中的某个元素

//删除一个元素 function remove(arr, value) { var i = arr.length; while (i--) { if (arr[i] === value) { return i; } ...

2018-09-13 17:40:50

阅读数 1206

评论数 0

JavaScript 判断一个值是不是在数组内

给数组添加一个原型方法 //判断是否相等 Array.prototype.in_array = function(value) { for (var i = 0; i < this.length; i++) { if (this[i] == val...

2018-09-13 17:32:30

阅读数 131

评论数 0

JavaScript 判断一个值是不是在数组里面

let arr = ["a","b","c"]; arr.indexOf("a") 如果变量在数组内,则返回1,反之,则返回-1; 尤其要注意判断变...

2018-09-13 17:21:25

阅读数 1761

评论数 2

微信小程序 多选功能

<!--hotblood_gongkao/pages/answer/answer.wxml--> <!-- content --> <view class='answer-list'...

2018-09-13 14:52:41

阅读数 973

评论数 2

微信小程序canvas绘制圆形头像

context.save(); //绘制头像 context.beginPath(); //开始绘制 //先画个圆,前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 context.arc(42 / 2 + 121, 42 / 2 ...

2018-08-20 13:59:50

阅读数 2240

评论数 0

微信小程序canvas文本换行效果

我们在canvas上绘制多行文本的时候,不可能一行一行的绘制,这时就需要到了换行这个功能。 文本换行 参数:1、canvas对象,2、文本 3、距离左侧的距离 4、距离顶部的距离 5、(不用管)6、文本的宽度 //文本换行 参数:1、canvas对象,2、文本 3、距离左侧的距离 4、距离...

2018-08-20 13:17:21

阅读数 2114

评论数 4

微信小程序绘制图片,发送朋友圈

这种生成图片的效果是很常见的,实现起来也不难,跟原生js的差不多。需要注意的就是canvas标签上不要加太多的css,后果呢就是导致canvas不显示,还有呢就是canvas组件的优先级是最高的,所以会覆盖掉下面的所有内容,解决方法呢就是使用: 使用上面这两个组件是可以盖在canvas上面的...

2018-08-20 13:05:10

阅读数 2313

评论数 0

微信小程序上拉加载

<view class=''> <view class='question-chid' wx:for='{{array}}' wx:for-index="idx" wx:key='{...

2018-08-02 15:09:14

阅读数 175

评论数 0

微信小程序 tab选项卡,可点击,可滑动

看下效果图: <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'ac...

2018-07-19 09:12:34

阅读数 698

评论数 0

微信小程序 去除button边框

传统的去除button边框的方法: border: none; 这个并不起什么作用, 需要用after选择器来处理: .shareBtn { display: flex; flex-direction: row; justify-content: cente...

2018-07-09 14:26:43

阅读数 1384

评论数 0

原生JavaScript + canvas 实现贪吃蛇小游戏

效果图: <!DOCTYPE html> <html lang="en"> <head> <met...

2018-07-09 09:12:12

阅读数 195

评论数 0

微信小程序 wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。举个例子说明吧 // 此处是A页面 wx.navigateTo({ url: 'B?id=1' }) // 此处是B页面 wx.navigateTo({ url: ...

2018-07-06 09:52:57

阅读数 7625

评论数 0

微信小程序 POST请求不到数据

微信小程序中使用POST请求时需要改变一下 header请求头: header: { "Content-Type": "application/x-www-form-urlencoded" ...

2018-07-06 09:04:52

阅读数 544

评论数 0

微信小程序 控制一个元素的显示或隐藏

在很多的业务场景中会遇到这样一个需求,就是根据后台返回的一个状态值,来控制一个元素是显示还是隐藏。 比如说,当用户没有登录的情况下点击开始游戏,这时肯定不会让他玩,而是会弹出一个登录提示框让他登陆。 类似于这种场景。这种方式主要用三目运算符来实现 直接看代码吧  <...

2018-07-04 10:56:37

阅读数 4037

评论数 0

微信小程序 picker选择器 从后台拿值

这种东西在项目中是很常见的,文档上有的demo我这里就不在重复一遍了,我现在说的是从后台拿到的数据,放在这个选择器里。 后台返回的格式是这样的: 我们要实现的样子是这样的: 其实跟文档上介绍的普通选择器差不多,只是多了几个条件值, 我们一起来看一下代码:主要看标红的这几个条件 ...

2018-07-04 09:38:52

阅读数 5643

评论数 2

微信小程序 预览图片

先看下效果图: 这种效果在一些商城类的小程序里是很常见的一种功能,实现起来也很简单 下面我们来看一下代码: 我的这些图片资源是从后台拿到的,你们看一下具体的需求,一般都是后台返回,毕竟小程序是有大小限制的。 <view class='contentbot'&...

2018-06-25 09:29:56

阅读数 493

评论数 0

微信小程序 真机调试出现打开调试有数据,关闭调试没有数据

最近在开发当中遇到了一个问题,上传体验版之后用手机打开没有数据,打开调试之后才会有数据。 出现这种问题的主要原因就是后台的域名没有配置,在微信公众平台设置-->开发设置下面有一个服务器域名, 把这个配置好了之后就可以了。 但是要注意一个问题,配置好域名之后还是不可以...

2018-06-21 08:55:03

阅读数 10181

评论数 4

JavaScript 小程序 商城倒计时效果

先看效果图吧 1、首先想要实现这个效果需要获取到当前时间的时间戳 var timestamp = Date.parse(new Date());//获取到毫秒   2、拿到后台返回的活动结束的时间戳   3、计算两者之间相差的天数、小时、分钟、以及秒数 //计算两个时间戳之间...

2018-06-07 10:13:48

阅读数 776

评论数 1

提示
确定要删除当前文章?
取消 删除
关闭
关闭