- 博客(3)
- 收藏
- 关注
RSS订阅原创 无敌小猫咪
5.监听键盘事件，获取到用户按下的键的值，当用户按下左键时它对应的值为37，当用户按下上键时它对应的值是38，当用户按下右键时它对应的值为39，当用户按下下键时它对应的值为40，通过Switch选择语句对用户按下的键对应的值进行判断，执行相应的代码。对于越界的判断（当用户按下左键，小猫的left小于50px，则为越界；当用户按下左键，小猫的left将减去100px，当用户按下右键，小猫的left将加上100px，当用户按下上键，小猫的top将减上100px，当用户按下下键，小猫的top将加上100px。
2023-05-22 21:28:01
71
原创 使用三种方法来实现简单的计算器
注:这三种方法需要写在vue实例里边，运行出的效果都一样只是使用的方法不一样，重点在于对于三种方法的掌握和灵活运用，通过if语句对用户选择符号的判断来实现相应的加减乘除运算。（2）使用methods方法来实现（使用此方法要为两个输入框和下拉列表框都写上@change=“change”事件）然后再写两个input标签，选择类型为text输入框，以方便输入数字。使用select标签和option标签来实现加减乘除符号的选择。（3）使用watch侦听器的方法来实现。（1）使用computed方法来实现。
2023-04-02 16:09:35
314
原创 使用Vue及自定义组件完成 10x10 图片表格的点击效果.
5.可以通过给每一个图片所放置的div设置一个@click事件和v-show指令来实现图片点击后隐藏和显示的效果，但当我们有很多图片的时候就要写很多重复的代码，页面不整洁还很麻烦.我们可以通过使用组件来解决代码的繁琐。步骤：先切割图片，导入图片数据到img文件，导入并连接vue.js，写div标签放图片，用弹性布局快速定位图片，使用组件实现点击效果。注：重点难点（图片的切割，图片的样式布局，如何实现图片点击后显示和隐藏效果，组件的使用）2.导入并连接vue.js文件，将图片导入img文件。
2023-03-19 23:01:25
237
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人