摘要:
一、this指向 点击打开视频讲解更加详细 this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。 以下几种情况,this都是指向window 1、全局作用下,this指向的是window console.log(window); console.log(t 阅读全文
摘要:
前端像素鸟小游戏 点击打开视频讲解更加详细 一、案例效果 二、实现思路 创建游戏背景板和小鸟,并分别设置相对定位与绝对定位; 初始化背景图的位置; 初始化小鸟的位置; 设置游戏状态,游戏开始时背景和管道全部向左运动,游戏结束全部停止运动; 使小鸟飞行,其实就是背景图在 X 轴方向的位置不断减小,实现 阅读全文
摘要:
一、案例效果 点击打开视频讲解更加详细 二、实现思路 创建游戏背景板; 创建我方战机,鼠标进入游戏面板后其随鼠标轨迹运动; onmousemove 创建子弹,让子弹周期性的在战机处发出并让其向 top 值减小的方向(向上)移动,top 小于 0 也就是子弹走出游戏面板时删除自身; 创建敌机,让敌机周 阅读全文
摘要:
JS监听浏览器缩放比例 点击打开视频讲解更加详细 应用场景: 可在切换浏览器不同百分比时显示不同样式 可在切换浏览器不同百分比时控制不同的dom操作 。。。。。。。 完整案例: <template> <div id="home"> <h2 :class="text">浏览器缩放比例:{{ ratio 阅读全文