- 博客(12)
- 收藏
- 关注
原创 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 1266
原创 面向对象的定义,优点,特性
1.面向对象的定义面向对象是把事物分解成为一个个对象,然后由对象之间分工与合作,面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确的分工。2.面向对象的优点面向对象变成具有灵活、代码重复可用容易维护和开发的优点,更适合多人合作的大型软件项目。3.面向对象的特性封装性、继承性、多态性。4.面向过程和面向对象的对比面向过程优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用面向过程编程。缺点:没有面向对象易维护、易复用、易
2021-06-20 14:41:22 2727
原创 类和对象及案例
1.类和对象在es6中新增加了类的概念,可以使用class 关键字声明一个类,之后以这个类实例化对象类抽象了对象的公共部分,他泛指某一大类(class)对象特指某一个,通过实例化一个具体的对象2.创建类语法class name{//class body}创建实例:var xx = new name();注意:类必须使用new实例化对象 3.类constructor 构造函数constructor()方法是累的构造函数(默认方法),用于传递参数,返回实例对象,通过new命令生成对
2021-06-12 14:27:35 754
原创 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 357 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 1124
原创 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 2445 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 7245 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 1706 1
原创 表单标签的各种样式用法及注意事项
表单标签的各种样式用法及注意事项表单标签可以用来创建文本框、单选框、多选框、普通按钮,提交按钮、搜索框、可选择日期的日历表、和滑块的样式。下面我将一一为大家讲解。1.制作文本框下面直接用代码给大家展示一下...
2021-05-02 10:38:13 1132 3
原创 手把手教你制作网页导航栏
手把手教你制作网页导航栏众所周知,导航栏是网页的重要组成部分,本篇文章将会带你由浅入深的制作导航栏,子菜单,样式风格变化等。导航栏的重要部分——ul标签在导航栏中的文字,都是以无序列表 ul 和 li 标签实现的。下面通过几个小例子来为大家介绍如何实现网页导航栏的制作。1.用ul标签做一个简单般的菜单样式,首先在一个div盒子里创建一个无序列表,如图所示运行结果如下图所示:2.之后我们可以让列表横过来,需要用到css的浮动样式也就是float标签。我们需要让它向左浮动如图所示:运行结果如
2021-05-01 16:42:59 30972 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 1770 2
原创 css背景和边框标签总结
css重要标签总结一、css背景标签1,设置背景颜色back-ground-color 属性指定元素的背景色。小实例如下图所示:运行结果如下:可以通过选择器给不同的标签设置不同的颜色,在这里h1,div,和p标签将拥有不同的背景色:实例:运行结果如下图所示:2.设置背景图像background-image属性指定用作元素背景的图像。默认情况下,图像会重复,以覆盖整个元素。用url来引入外部图片。具体实例如下所示:运行结果如下图:注意事项:使用背景图片时,要注意背景图片的样式,不要
2021-04-24 13:59:04 3042 6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人