- 博客(11)
- 收藏
- 关注
原创 轮播图案例——JavaScript
我们在逛某宝或者某东的时候会发现有图片会自动播放,而且鼠标经过的时候停止自动播放,点击左右按钮切换下一张图片,而且鼠标离开的时候经过一段时间重启自动播放。接下来我们就制作一下这个按案例。
2023-02-26 11:43:37 256
原创 JS点击换肤案例(onclick点击事件)
这是HTML页面结果,可以看出四张小图并没有按照横向排列,而且整个样式也没有达到我们所期待的结果,接下来我们设置CSS来改变样式达到我们所希望的页面。上图是我们需要设制作的TML、CSS页面,我们需要为上面四张小图设置点击事件,点击小图后我们整个页面背景就更换为哪张!利用for循环给每个li里面的img设置点击事件,点击哪个图片背景就显示哪个。(2)要让小li取点前面的小圆点,需要设置list-style: none;根据这个小练习我们可以巩固之前学的HTML、CSS、JS的一些属性。
2023-02-16 14:48:52 287
原创 Node.js中创建最基本的web服务器
(1)导入http模块。(2)创建web服务器实例。(3)为服务器实例绑定request事件,监听客户端的请求。(4)启动服务器。
2023-02-14 10:23:51 242
原创 HTML、CSS、JavaScript——美女相册案例
本文简单运用HTML CSS JavaScript制作了一个简单案例,运用点击事件来完成输出。
2023-02-12 13:42:57 276
原创 ES6基本语法(二)
本文记录我在学习ES6中的一些笔记,对symbol、迭代器(iterator)、生成器,Set、Map、class等。希望对你有帮助
2023-02-11 21:03:53 91
原创 JavaScript中函数内的this指向
我们大约有七种函数调用方法,大家看看下面这张图片先了解每个函数里面的this指的是什么。指向,是当我们调用函数的时候确定的,调用方式的不同决定了。
2023-02-06 23:40:08 108
原创 动画函数封装——动画原理
我们上面这段代码只是添加了定时器,但是没有设置停止动画(停止动画本质就是停止计时器),所以才会出现这样的情况,为了避免这样的事发生,我们添加一个判断语句来设置。让盒子在当前位置加上1个移动距离(更改位置用div.style.left)获得盒子当前位置(获取位置用div.offsetLeft)通过定时器setInterval() 不断移动盒子位置。当距离左边距400px时就会停止动画达到我们想要的结果。我们先简单的做一个HTML、CSS页面。在做动画之前我们首先要知道他的。核心原理以及实现步骤。
2023-02-01 21:59:21 84
原创 javascript事件基础
进行了哪些操作从而触发?比如鼠标点击(onclick)、鼠标经过(onmouseover)等等,这里我们简单的用鼠标点击来进行示范。执行事件的步骤分为三步(获取事件源、绑定事件、添加事件处理程序)事件被触发的对象,观察如下代码案例,被触发的对象是按钮。通过一个函数赋值的方法(匿名函数)完成。事件源、事件类型、事件处理程序。来看下完整的代码演示吧!点击按钮弹出警告框。点击几次就显示几次!
2023-01-25 20:12:14 72
原创 what is 预解析?
以上就是对预解析的简单回答,仅供参考,欢迎指正!本文主要对JS中预解析进行简单的解释说明。通俗来说预解析就是将变量的声明(var),提前到当前所在的作用域的最上面;将函数的声明(function)提前到当前所在域的最上面。
2023-01-21 20:57:02 94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人