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