浮生醉清风304-优快云博客

原创 Vue2生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做的函数，这给了用户在不同阶段添加自己的代码的机会。

2024-08-14 15:15:35 406

原创 todolist-原生js（ES6）

【代码】todolist-原生js（ES6）

2024-07-13 15:00:13 311

原创 js定时器

window.setTimeout(回调函数，延迟秒数)window.setTimeout(回调函数，延迟秒数)clearInterval()关闭定时器。clearTimeout()关闭定时器。

2024-05-31 08:30:00 368

事件被触发的对象谁被触发：如何触发，什么事件例如鼠标点击，鼠标经过，键盘按下等通过函数赋值的方式完成onclick 当点击鼠标时运行的事件onmousedown 当按下鼠标按钮时运行的事件onmouseup 当松开鼠标按钮时运行的事件onmousemove 当鼠标指针移动的时候运行的事件onmouseover 当鼠标指针移动到元素之上时运行的事件（不可以阻止冒泡）onmouseout 当鼠标指针移出元素时运行的事件（不可以阻止冒泡）

2024-05-30 11:55:45 935

原创 js 节点基础

<li></li></ul><script></script>2、获取子元素 children属性可以获取当前元素的所有子元素，不包括空白文档了<ul><li></li></ul><script>// [ li ]</script>3、获取第一个子节点 firstChild 第一个子节点(包括空白的文本节点)<ul>

2024-05-30 08:45:00 634

原创 js Dom基础

// 1设置自定义的属性element.setAttribute('属性','值');// 123// 1移除属性element.removeAttribute('属性');// 123// 1// null// null

2024-05-28 19:54:16 1087

原创 js内置对象和对象方法

该方法的用法和indexOf()一样区别是lastIndexOf是从后往前找// -1// 0。

2024-05-28 08:00:00 1174 1

原创 js常用数组方法

该方法可以删除数组的最后一个元素 ,一次就删除一个元素pop()没有参数将被删除的元素作为返回值返回原数组会发生变化arr.pop()

2024-05-24 18:05:41 1284

原创 for循环的一些简单小练习1

console.log("100以内，4的倍数之和：" + sum, "4倍数个数" + cont);console.log("鸭：" + (50 - i) + "只");console.log("五位同学的平局成绩：" + sum / i);console.log("甲：" + (num - 10));console.log("乙：" + (num + 20));console.log("五位同学的成绩之和：" + sum);console.log("鸡：" + i + "只");

2024-05-23 08:00:00 515

原创 for循环的一些简单小练习2

var step = +prompt("欢迎使用简易计算机" + "\n 1.加法运算" + "\n 2.减法运算" + "\n 3.乘法运算" + "\n 4.除法运算" + "\n 5.退出" + "\n 请输入你的选项");var step = prompt("请输入你的操作" + "\n1.存钱" + "\n2.取钱" + "\n3.显示余额" + "\n4.退出程序");11:打印1-100 所有的数，除了10，20，30，40，50，60，70，80，90，100。

2024-05-23 08:00:00 1307

原创 if语句的一些简单小练习2

var num2 = +prompt("请输入第二个数字：");var num = parseInt(prompt("请输入数字："));alert("两个数一样大，值为：" + num1);var num1 = +prompt("请输入第一个数：");var num2 = +prompt("请输入第二个数：");var num3 = +prompt("请输入第三个数：");var num1 = +prompt("请输入第一个数字：");alert(num2 + "大");

2024-05-22 08:00:00 461

原创 if语句的一些简单小练习3

console.log("本月电费：" + result + "元");console.log("本月电费：" + result + "元");console.log("本月电费：" + result + "元");" + "硬卧票价：190元");alert("硬座票价：" + result1 + "元");alert("硬卧票价：" + result2 + "元");alert("路程费用是：" + money + "元");var weight = prompt("请输入你的体重kg：");

2024-05-22 08:00:00 417

原创 js使用for循环创建倒三角形

创建倒三角跟九九乘法表类似，只不过需要倒过来。

2024-05-21 08:00:00 320

原创 if语句的一些简单小练习1

alert("消费金额为：" + money + "，金牌会员6折，实际付款" + money * 0.6);alert("消费金额为：" + money + "，银牌会员7折，实际付款" + money * 0.7);alert("消费金额为：" + money + "，银牌会员8折，实际付款" + money * 0.8);alert("消费金额为：" + money + "，普通会员无折扣，实际付款" + money);6、会员等级：1代表金牌会员，2是银牌会员，3是铜牌会员，4是普通会员，

2024-05-21 08:00:00 406

原创 js实现九九乘法表

九九乘法表是一个非常经典的案例，这里会使用双重for循环来进行展示。

2024-05-20 09:24:37 1338

原创 js switch语句

switch (表达式) {执行语句1;break;执行语句2;break;default:执行最后的语句;

2024-05-20 08:00:00 386

原创 js运算符

运算符也叫操作符，通过运算符可以对一个值或者多个值进行运算，并获取运算结果，常用于实现赋值、比较、执行算数运算符等功能的符号。

2024-05-19 08:00:00 946 1

原创 js if语句

if(条件表达式) { // 执行语句 }特殊情况：如果if语句控制的只有一句代码的执行，{ }可以省略。

2024-05-19 08:00:00 573

原创 js 循环语句（for循环、while、do while）

可以重复执行某些代码。

2024-05-19 08:00:00 812

原创 js数据类型

基本（简单）数据类型为：字符串（String）、数字（Number）、布尔（Boolean）、空（Null）、未定义（undefined）、symbol引用（复杂）数据类型为：对象（Object）、数组（Array）、函数（Function）为什么要进行数据类型的划分：为了给不同的数据类型分配不同的存储空间，充分利用存储空间。

2024-05-18 08:00:00 204

原创 js数据类型转换

parselnt(变量名) ：取有效整数, parseFloat(变量名) ：取有效浮点数 , Number(变量名)注：代表空、否定的会被转换为false 例如：0、NaN、null、undefined ，其余值都会被转换为true。注意：如果对非String使用parseFloat()跟parseInt(),它会先将其转换为String，然后再操作。数字-->布尔除了0跟NaN是false，其他的都是true。3:如果字符串是一个空串，或者全是空格的字符串，则转换为0。

2024-05-18 08:00:00 286

原创 js变量基础知识

变量就是一个容器，用来存放数据的，方便我们以后使用里边的数据变量的本质就是内存里的一块空间，用来存储数据的。

2024-05-17 19:35:26 314

原创 js初学习（基础开篇）

js由 ECMAScript（JavaScript语法）、Dom（页面文档对象模型）、Bom（浏览器对象模型）三部分组成。·Dom：是一种标准的编程接口，通过Dom提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。·Bom：可以与浏览器窗口进行互动的对象结构，eg：弹出框、控制浏览器跳转、获取分辨率等。

2024-05-17 19:27:23 220

原创变形2D（transform）

本文简单的讲述了变形2D的内容

2024-04-25 16:17:47 977 1

原创 css 动画效果

简要说明了css里的动画效果

2024-04-25 15:14:45 878 1

原创 css过渡（transition）

简单的介绍了一下过渡（transition）的属性值及其含义

2024-04-23 14:58:34 708

原创 css块元素的水平垂直居中方法

简单的讲述了css中块元素的水平垂直居中方法

2024-04-23 09:48:36 415

原创弹性布局（弹性盒子）

主要说明了弹性布局的一些基础语法

2024-04-22 20:51:16 1110 1

原创 css动画animation

动画animation

2023-07-17 10:38:35 124 1

原创 css动画

动画效果

2023-07-17 10:37:16 85 1

原创 css弹性盒子

space-between：是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。space-between：是空白空间平均分布在弹性元素之间，弹性元素与弹性容器之间没有距离。space-around：是空白空间平均分布在弹性元素二侧，弹性元素与弹性容器之间有距离。space-evenly：是空白空间平均分布在弹性元素一侧，弹性元素与弹性容器之间有距离。space-evenly：是空白空间平均分布在弹性元素一侧，弹性元素与弹性容器之间有距离。注意：一个元素既可以是弹性容器，也可以是弹性元素。

2023-07-17 10:34:55 82 1

原创 css定位

偏移时参考位置：离他最近的开启定位的祖先元素，如果没有祖先元素开启定位，参考变为body。2.原来的位置不会继续占用，后面标准文档流中的兄弟元素上移。3.原来的位置不会继续占用，后面标准文档流中的兄弟元素上移。参考位置：离父元素的距离，如果离父元素的距离与设置一致，就固定不动。一般作为绝对定位的参考是将祖先元素设置为相对定位。1.设置绝对定位的元素脱离标准文档流。2.设置绝对定位的元素脱离标准文档流。通过浮动，外边距等都不能实现位置效果的时候，就使用定位。fixed：固定定位，就是一个特殊的绝对定位。

2023-07-17 10:27:02 72 1

空空如也

空空如也