:globe_showing_Americas: 世界日游戏2019 :party_popper:
:page_facing_up: 介绍
:busts_in_silhouette: 我们是国际社会的一部分 :globe_with_meridians: ！
该网络项目介绍了五个主要的世界日，并提供了有关该日的各种媒体信息。 之所以将其制作为游戏，是因为仅通过提供信息就很难吸引所有年龄段的注意力。
完成：2019年11月
制作时间：2个月
使用组件：HTML，Css，JavaScript
目的：为了引起人们对世界日的兴趣并将其用于教育目的，创建了一个以此主题为主题的简单迷宫游戏。 通过视觉材料和图片，孩子们也很容易享受。
:joystick: 游戏规则
:computer_mouse: 请准备鼠标。 使用鼠标指针避开迷宫方块，并获取地图中的所有物品，然后到达终点方块。 单独的端块具有不同的颜色。
:red_exclamation_mark: 游戏何时结束？
您的鼠标指针触及该块。
您的鼠标指针离开了带有白色背景的迷宫区域。
未能获得舞台上的所有物品。
系统错误。
2024-05-22 11:05:25
53.16MB
1
本项目是基于Vue全家桶的仿小米商城系统，商城的流程如下：
登录 -> 产品首页 -> 产品站 -> 产品详情
购物车 -> 订单确认 -> 订单支付 -> 订单列表
该项目是对小米商城系统的模仿，实现了从浏览商品到结算商品的整个过程。使用Scss、mixin来对公共样式抽离；对不同页面进行组件复用；商品展示图片使用vue-lazyload实现懒加载；通过vuex实现商品的状态管理，最终实现了登录、浏览商品并加入购物车、结算等功能。
2024-05-22 09:30:49
27.56MB
1
基于vue开发，组件element-ui，功能api高德地图。
本程序包含 多功能路径、电子围栏、定位打卡 功能
结合之前文章将程序源码整理在一起。
代码都已安排注释，下载后先安装node_modules依赖，
main.js中配置好密钥
components=>map=>index.vue中也需要密钥
才可正常运行
因为这项目是很久之前的，经过高德地图api更新之后，作者并未进行修改。代码可自行优化。
2024-05-21 20:56:18
116KB
1
本项目采用vue+element-ui实现后台管理系统，项目包括前端代码以及node.js后端代码和接口文档，可以直接运行。前端方面使用了vue2+axios+vue-router等技术。实现了登录、用户管理、权限管理、商品管理、订单管理等模块。
2024-05-20 16:09:55
98.38MB
1
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),cv可用
vue项目中使用leaflet绘制室内平面图、leaflet.pm在平面图中绘制点、线、面图层(一),c
2024-05-18 19:31:39
5KB
1
最近做的一个简陋的手机端拼图游戏，代码简单易懂，废话不多说了，让大家证明一切吧！
先看下效果图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<style type="text/css">
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h
2024-05-13 22:45:18
117KB
1
使用JS制作了一款拼图游戏供大家参考。
原理分析：
1.鼠标的点击和松开事件
2.显示原图作为参考
3.方块的移动替换
4.是否完成拼图的判断
5.完成之后会弹窗提示
效果演示
代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>拼图游戏</title>
</head>
<style>
body,
html {
padding: 0px;
margin: 0px;
background: #eee;
}
#fangkuai {
width: 460px;
height: 460px;
2024-05-13 22:40:02
68KB
1