- 博客(13)
- 资源 (2)
- 收藏
- 关注
原创 js引入方式——Web学习day10
文章目录js引入方式js数据类类型基础概念总结数组push() 方法遍历方法forarr.foreach()forEach和for区别三步运算方法调用方法写法js引入方式js主要是处理数据的有两种引入方式1.直接在head中写script<script > var box =document.getElementById("box");</script>上图中就是在<head></head>中写的<script></s
2021-11-25 12:02:14 630
原创 原神九宫格拼图游戏ES6+bootstrap+cookie
项目说明:本项目是一个拼图游戏项目,使用了ES6语法、解构、Bootstrap、Cookie , 完成的功能如下:1、点击 「开始游戏」 按钮,计时开始并能点击图片进行移动2、点击「再次挑战」按钮,可以随机重置本次拼图3、点击「更换图片」按钮,可以切换拼图图片4、点击「查看记录」按钮,可以查看当前最快记录5、点击「项目说明」按钮,就能看到这些字了6、拼图位置由随机生成的二维数组决定,对该数组进行了是否可以被还原的判断,确保每次拼图的位置都是可以还原的7、判断拼图是否可还原算法简单说明:
2021-11-25 11:54:33 3170
原创 阴间版马赛克贪吃蛇(前端实践)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: #000000; } /* 头部 */ .wrap{ margin-left: auto; margin-right: auto; } header{
2021-11-23 13:35:12 2508
原创 网易云“我的页面”——Web学习day9
点击item播放音乐这里设置data-mid={{item.id}}传到list.js里点击事件里,利用打印找到结构,用参数res将mid传给play页面。数据走play的时候必定调用onload方法,同时赋值给options,最直接写options.mid可拿到“我的”页面实现页面顶部设置块,放用户头像和基础个人信息。open-data用于展示微信开放的数据。type 的合法值值说明最低版本groupName拉取群名称1.4.0userNickName
2021-10-28 15:30:44 941
原创 webstorm急救复活方法
webstorm笔记这是授权文件就是文件夹层次有些深这是第二个文件最后一步清除注册表这是目录层级输入regedit在win+r倒数第二个展开这是你同桌电脑么两个最长的 看看后面几个数字是不是1001一个是1001,一个是1001_classes1001展开展开软件找到 javaSoft是的。 删 jetb…全部都删啊?在你鼠标位置右键 删除接下来可以畅快体验了?搞定了!!...
2021-10-27 20:50:22 2121
原创 信息传递——Web学习day8
@[toc]# 项目播放功能需求展示1、每点入该歌曲的播放页面时,播放页面的中心旋转图案与主页低透明背景图片,必须和该页播放歌曲原有图片一致。2、每点入该歌曲的播放页面时,播放主页中心得有其歌曲对应的歌名歌星信息。3、播放新歌曲时,自动将上一首正在播放的歌曲暂停并播放新歌曲。信息传递问题注意点“地址目录?id名=”+res.currentTarget.dataset.id名?与 = 千万别忘记 wx.navigateTo({ url: '/pages/play/play?m
2021-09-30 16:34:19 93
原创 网易云播放页面——Web学习day7
文章目录不同页面传值播放音乐createInnerAudioContext会创建对象播放页面position: absolute;opacity: 0.3;图片旋转动态播放歌添加音乐控制按钮音乐播放暂停实现重复播放同一首歌解决不同歌曲播放问题不同页面传值1、 console.log(res.currentTarget.dataset.mid)要把前端的这个id(res)传给另一个页面的id(mid)。2、这种方式只适合同一个页面传值。不同页面数据传不过去。// this.setData({mid:
2021-09-30 16:07:12 397
原创 网易云音乐——Web学习day6
文章目录项目需求新建页面的两种方式主页选项卡tabBar轮播swiper轮播优化搜索区域列表页列表页数据展示跳转到播放页面wx.navigateTobindtap="play"项目需求新建页面的两种方式1、直接在目录里对应的文件夹点击右键新建2、在最外层app.json里找到pages{}创建子页面必须在全局文件里面注册"pages": [ "pages/list/list", "pages/my/my" ],主页选项卡app.json设置主页栏 "window"
2021-09-30 16:03:18 437
原创 天气预报——Web学习day5
文章目录天气预报弹性布局循环wx:for发送网络请求必要条件发送请求setData返回数据给前端代码查看输入城市实时天气事件绑定两种方法单击按钮传值输入框绑定输入事件将获取内容传给按钮代码天气预报按钮单击事件输入框输入事件请求网络。处理响应。弹性布局整个页面先横向分隔成块,为不同日期与其包含信息。.body view{ } //后代选择器,横向各占一份整个页面先横向分隔成块,为不同日期与其包含信息。.body view view{ } //
2021-09-29 16:51:44 323
原创 微信小程序——Web学习day4
文章目录课程介绍小程序为什么火起来了前后端介绍小程序注册微信小程序登录注册小程序账号下载开发工具创建小程序步骤开发工具介绍上传小程序到微信公众平台项目目录介绍课程介绍小程序整体流程的梳理,如何去从开发到上线,直到手机访问搭建小程序开发环境,需要什么开发工具。基本组件。小程序微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其
2021-09-29 16:44:27 325
原创 DOM对象——Web学习day3
目录js介绍es 版本介绍js 三种 引入方式js元数据类型变量标识符变量定义方式常量运算语句全局方法应用如何获取网页内容js介绍css+html 纯静态网页, 动态效果,轮播。点击按钮。。。。js运行再浏览器端的。网景 ecmascript 标准,各大浏览器厂商都去实现这个标准。标准:基于对象,有很多内置对象,各个对象功能不同。 bom,dom,其他内置对象。datees 版本介绍版本官方名称描述1ECMAScript 1 (1997)第一版。2
2021-09-28 16:37:13 104
原创 盒子模型——Web学习day2
通配符通配符是一种特殊语句,主要有星号(*)和问号(?),用来模糊搜索文件。当查找文件夹时,可以使用它来代替一个或多个真正字符;当不知道真正字符或者懒得输入完整名字时,常常使用通配符代替一个或多个真正的字符。注意: 效率比较低,匹配所有元素,应用样式枚举 并集场景:全局设置 外边距,内边距等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l
2021-09-28 16:33:42 193
原创 html基础格式——Web学习day1
0913-15学习总结基础格式<!DOCTYPE html> h5 头部声明 <html> 跟标签 <head> 头标签 <meta charset="UTF-8"> 设置编码, <title>Title</title> 设置标题,显示在网页的标题栏上 </head> 头标签结束 <body> 身体 网页的内容都是写在这里边的 This is my first page!! 内容 </b
2021-09-28 16:11:04 145
JAVA 数据库编程
2020-11-20
学生成绩查询管理系统
2019-01-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人