微信小程序中视频的播放与暂停
在微信小程序中实现视频的播放与暂停需求:
视频列表中只能有一个视频在播放
点击视频实现播放与暂停功能
加载完成显示图片,点击后变为视频播放
从上次播放的位置进行播放
思路:
定义一个标记变量,控制视频的播放与暂停
true => 本次问播放
false => 本次为暂停
每次点击后,更新data中视频的id值
声明一个数组,用于存放播放视频的id和播放时间
1234{ vid:xxx, currentTime:xxx }
事件的流程图
代码实现:静态
12345678910111213141516171819202122232425262728<!-- 使用scroll-view组件 --> <scroll-view class="scroll_video" enable-flex scroll-y> <view class="scroll_videoList_item" wx:for="{{vide ...
数组的常用方法
at()接收一个整数值并返回该索引的项目,允许正数和负数。
语法:at(index)
参数:index
描述:
要返回的数组元素的索引(位置)。当传递负数时,支持从数组末端开始的相对索引;也就是说,如果使用负数,返回的元素将从数组的末端开始倒数。
返回值:
匹配给定索引的数组中的元素。如果找不到指定的索引,则返回undefined
用法示例:
1234567891011121314// 数组及数组元素。const colors = ['red', 'green', 'blue'];// 使用长度属性。const lengthWay = colors[colors.length-2];console.log(lengthWay); // 'green'// 使用 slice() 方法。注意会返回一个数组。const sliceWay = colors.slice(-2, -1);console.log(sliceWay[0]); // 'green'// 使用 at() 方法。co ...
css小技巧
1、添加高亮导致位置变化问题:hover时候添加加边框效果,会出现原来内容移动情况
可以在原来的内容上在一个 透明的边框 占位子
2、圆环的做法
圆环:使用渐变
1234567li { width: 20px; height: 20px; border-radius: 50%; position: relative; background-image: radial-gradient(#f00 0px 6px, #fff 6px 9px, #f00 9px 12px); }
3、多行文本显示省略号
单行文本显示省略号
1234display: block;white-space: nowrap; /*规定文本不换行**/overflow: hidden; text-overflow: ellipsis; /**显示省略符号来代表被修剪的文本。*/
多行文本显示省略号
1234display: -webkit-box;-webkit-box-orient: vertical;-webkit-li ...
github + hexo搭建个人博客
利用 github + hexo 搭建个人博客自从接触编程以来,看到大神都拥有自己的博客,我这个小菜鸡也希望向大神看齐
这是我利用 github + hexo 搭建的一个个人博客,主题使用了theme: butterfly
具体的教程,网上都有,我就不一一写了(好吧,就是懒 😁)
书写博客
创建 -> 在文件根目录->source/_post目录下执行hexo n 文件名
发布:
hexo cl && hexo g && hexo s
发布到远程博客hexo d
搭建过程中遇到的问题
网站配置
名称一定要是 github 用户名.github.io .github.io 是固定写法
博客的根目录下的_config.yml 中 需要修改 deploy
123456deploy: type: git repository: https://github.com/old-gang/old-gang.github.io.git branch: main由于github更新了,默认分支改为了main,记得修改一下
博 ...
