- 博客(5)
- 收藏
- 关注
原创 基于vue+canvas实现拼图小游戏
利用 vue+canvas 实现拼图小游戏思路步骤一个拼图拼盘和一个原图参照对原图的切割以及随机排序通过W/A/D/S或上下左右进行移动难度的自主选择对拼图是否完成的判定JS实现部分数据分析row:拼图的总行数;column:拼图的总列数。(用来设置拼图难度,也是每个拼图块宽高的设置条件)pic[{x,y,row,column,index}]:小拼图的集合,其内元素为小拼图的数据结构。(x、y:拼图块在canvas的绘制规则,初始化后不会进行改变;row、column:对原图进行切
2020-09-15 16:10:45 945
原创 基于vue的一个关于实现放大镜效果的小案例
实现类淘宝放大镜效果前端小白一枚,最近在进行 vue 方面的学习,逛淘宝闲来无事想试试做个放大镜,结果虽然做出来了,但其中有一些问题让我无法解决,四处搜索也没有找到满意的答案,很是心烦,希望能有大佬帮忙解答,谢谢步骤思路对原图的显示空间(left)可以将显示原图的 img 换成 canvas,来对图片进行保护跟随鼠标移动时显示放大的指示区(鼠标层罩top)显示层罩区域选中放大的显示空间(right)HTML部分<template> <div> <d
2020-09-11 16:42:26 1055
原创 es6:Map数据结构的经典用法(购物车)
利用Map数据结构制作一个简单的购物车demo 首先了解Map数据结构是什么? - Map与数组类似,是用来存放多个值的容器。 - 存放的是键值对,键可以为任意数据类型。 - 与对象相比,其特点为key可以为任意数据类型。 实例化:let map = new Map() //创建了一个Map对象let map = new Map([["name","tom"],["age",...
2019-10-22 13:59:22 1134
原创 es6:如何将一个普通对象转化为可迭代的对象
如何将一个对象转化为可迭代的呢?首先,先了解什么是可迭代的 具有迭代器的数据类型是可迭代的。那么什么是迭代器? 迭代器: 是一种用于遍历的统一机制,这种机制允许我们调用next()方法,每次调用都会返回一个对象 {value,done},当完成迭代后done值为true,value为每次获取的元素。谁具有迭代器? Array;Set;Map;String;类数组对象:Argumen...
2019-10-22 09:16:58 1912 1
原创 First day html标签记录
HTML超文本标记语言,搭建页面骨架。特点1.语法简单2.容量小3.功能强大4.字符http协议(B/S)超文本传输协议URL统一资源定位符语法1.注释2.元素:开始标签 子元素/内容 结束标签2.1块元素 用于搭建页面框...
2019-07-30 20:10:13 152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人