- 博客(12)
- 收藏
- 关注
RSS订阅原创 js鼠标事件实现图片随着鼠标移动
js鼠标事件实现图片随着鼠标移动逻辑分析1.鼠标不断移动，使用鼠标事件;mousemove2。在页面移动中 ，给document注册事件3.图片要移动的核心距离，而且不占位置， 我们使用绝对定位4.核心距离：每次鼠标移动，我们都会获得最新的鼠标坐标，把这个x和y坐标为图片的top和left值就可以移动图片代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2022-04-08 11:19:08
1237
原创 面向对象的定义，优点，特性
1.面向对象的定义面向对象是把事物分解成为一个个对象，然后由对象之间分工与合作，面向对象是以对象功能来划分问题，而不是步骤。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确的分工。2.面向对象的优点面向对象变成具有灵活、代码重复可用容易维护和开发的优点，更适合多人合作的大型软件项目。3.面向对象的特性封装性、继承性、多态性。4.面向过程和面向对象的对比面向过程优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用面向过程编程。缺点：没有面向对象易维护、易复用、易
2021-06-20 14:41:22
2666
原创 类和对象及案例
1.类和对象在es6中新增加了类的概念，可以使用class 关键字声明一个类，之后以这个类实例化对象类抽象了对象的公共部分，他泛指某一大类（class）对象特指某一个，通过实例化一个具体的对象2.创建类语法class name{//class body}创建实例：var xx = new name();注意：类必须使用new实例化对象 3.类constructor 构造函数constructor（）方法是累的构造函数（默认方法），用于传递参数，返回实例对象，通过new命令生成对
2021-06-12 14:27:35
736
原创 Node基础操作
一、Node.js简介node安装路径 https://nodejs.org/en/node.js是一个通过js来操作服务端从而实现与后端黑盒子进行对接的方法，其中有很多种，最为著名的就是java，php，python等等，之所以使用的是node.js是因为它可以通过js来操作，使用其他来操作的话还需要重新学一门语言。node.js预备知识：htmlcssjavascript简单的命令行操作node.js是什么？它不是一门语言它不是一个框架那么node.js是
2021-06-06 14:45:15
305
2
原创 while循环和do while循环 及案例
while循环和do while循环及案例while循环语法结构while（判断条件）{循环语句}使用while循环，重复执行一段代码，直到某个条件知道不再满足。while循环案例1.计算一到100之间所有整数和<html><body><script> var i=0; var sum=0; while (i<=100){ sum+=i i=i+1; } console.
2021-05-27 18:17:08
1098
原创 JavaScript for循环+案例
for循环案例1.求一个人从出生到死亡 for(var i=1;i<=80;i++){ if (i==1){ console.log('这个人出生了，今年一岁了'); }else if (i==80){ console.log('这个人死了，享年80岁');`` } else { console.log('这个人今年'+ i
2021-05-27 13:55:54
2312
2
原创 JavaScript的输入输出语句
JavaScript的输入输出语句今天为大家介绍JavaScript的输入输出语句，JavaScript可以以不同的方式在不同的地方“显示”数据。下面逐一为大家介绍下：JavaScript输入语句：JavaScript 使用window.prompt()可以接收用户的输入。JavaScript输出语句：JavaScript输出分为以下四种格式，1.使用window.alert()弹出警告框(2)使用 document. write()方法将内容写到 HTML 文档中。另外也可以用 docume
2021-05-15 20:26:33
7164
3
原创 css弹性盒子属性
css弹性盒子1.display:flex;弹性盒子需要写在父级元素的css样式中，其子集元素就会默认的同行排列。2.弹性盒子的属性：①flex-direction:排列方式，row(横向排列)、column(纵向排列)、row-reverse(横向反向排列)、column-reverse(纵向反向排列)下面将各举一个小实例：横向排列：row纵向排列：column横向反向排列：row-reverse纵向反向排列column-reverse②justify-content：对齐方式，fle
2021-05-09 15:05:19
1653
1
原创 表单标签的各种样式用法及注意事项
表单标签的各种样式用法及注意事项表单标签可以用来创建文本框、单选框、多选框、普通按钮，提交按钮、搜索框、可选择日期的日历表、和滑块的样式。下面我将一一为大家讲解。1.制作文本框下面直接用代码给大家展示一下...
2021-05-02 10:38:13
1110
3
原创 手把手教你制作网页导航栏
手把手教你制作网页导航栏众所周知，导航栏是网页的重要组成部分，本篇文章将会带你由浅入深的制作导航栏，子菜单，样式风格变化等。导航栏的重要部分——ul标签在导航栏中的文字，都是以无序列表 ul 和 li 标签实现的。下面通过几个小例子来为大家介绍如何实现网页导航栏的制作。1.用ul标签做一个简单般的菜单样式，首先在一个div盒子里创建一个无序列表，如图所示运行结果如下图所示：2.之后我们可以让列表横过来，需要用到css的浮动样式也就是float标签。我们需要让它向左浮动如图所示：运行结果如
2021-05-01 16:42:59
30779
1
原创 css选择器知识点+案例及运行结果
css学习笔记及案例一.css基本格式使用css时，需要遵循一定的规范。要想熟练的使用须知如下规则选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；}在样式规则中，选择器用于指定css样式作用的HTML对象，花括号内是对该对象设置的具体样式。其中，属性和属性值以“键值对”的形式出现，用英文“：”连接，多个“键值对”之间用英文“；”进行区分。二 、css的书写格式css需要在head标签中的style标签利用选择器来为html的body部分编辑样式。具体示例如下所示：三、选择器选
2021-04-24 14:56:18
1754
2
原创 css背景和边框标签总结
css重要标签总结一、css背景标签1，设置背景颜色back-ground-color 属性指定元素的背景色。小实例如下图所示：运行结果如下：可以通过选择器给不同的标签设置不同的颜色，在这里h1,div,和p标签将拥有不同的背景色：实例：运行结果如下图所示：2.设置背景图像background-image属性指定用作元素背景的图像。默认情况下，图像会重复，以覆盖整个元素。用url来引入外部图片。具体实例如下所示：运行结果如下图：注意事项：使用背景图片时，要注意背景图片的样式，不要
2021-04-24 13:59:04
3021
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人