自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 ES6基本语法(一)

ES6基础入门笔记(一),欢迎大家浏览!

2023-02-09 22:48:36 99

原创 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

原创 js倒计时程序设计

我们都知道,倒计时在我们日常生活中是非常常见的,比如抢购倒计时,发射倒计时等等。那么倒计时究竟是怎样来实现的呢?

2023-01-26 11:45:58 209

原创 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关注的人

提示
确定要删除当前文章?
取消 删除