- 博客(150)
- 收藏
- 关注
RSS订阅原创 vue3 跨级传递数据
常规的我们可以用父传子的方式props，顶层传递给中间层，中间层再传给底层，如果中间有很多层，那不炸杠了吗。所以接下来要用vue3推出的provide和inject函数。底层用inject函数来接收，可以接收常量，响应式变量，函数。假设我们我们有3层组件 顶层，中间层，底层。如果我们的顶层想给底层传递数据。
2025-01-20 19:23:18
348
原创 同步和异步
我们在处理A事件时，遇到B事件会向客户端发送请求，但是客户端需要把当前事件做完才会相应B事件。假设当我们在执行事件A时遇到了事件B，我们将会将B事件处理了，再处理A事件。假设当我们在执行事件A时遇到了事件B，我们将会将A事件处理完，再处理B事件。
2024-10-31 18:17:10
164
原创 vue-自定义加载界面v-loading
在网络请求中，页面会出现空白，要使页面好看点，通常页面会出现一些加载页面。1.准备一个伪类元素需要，用伪类元素给加载界面装上蒙层。3.当多次使用这个时，可以封装这个指令。2.当页面加载完成后，关闭这个类。
2024-10-09 18:14:54
678
原创 vue-自定义指令
钩子函数inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。update: 所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新。：指令所在组件的 VNode 及其子 VNode 全部更新后调用。unbind：只调用一次，指令与元素解绑时调用。钩子函数参数。
2024-10-09 17:01:55
572
原创 JS-本地存储localstorage
由于web网页每次一刷新数据就没有了，为了满足大多数需求，会经常在本地存储大量的数据HTML5出了相关的解决方案可以1、数据存储在用户浏览器中2、设置、读取方便、网页刷新不丢失数据3、容量较大 sessionStorage和localStorage约5M左右。
2024-09-12 18:15:46
327
原创 JavaScript-日期对象
时间戳是自从1970年1月1日的午夜开始到现在流过的毫秒数。可以得到日期对象，里面的属性有星期，年月日，时分秒。作用：用来表示时间的对象。
2024-07-09 17:02:44
381
原创 Vue-双向数据绑定指令
双向数据绑定就是当数据设置给表单元素时，修改这个数据会修改表单元素的值， 修改表单元素的值同样也会修改这个数据。当我们删除这个‘world’时 ，数据同样会发生变化。
2024-06-23 13:49:03
405
原创 Vue-列表渲染指令
比如我想再添加一个叫‘moli’的人，你会发现多选框自己给勾上了，并且‘zhangsan’没有被勾上了 ，这是因为vue默认li标签里的元素内容没有变化，只是添加了一个元素。语法：v-for="(参数1,可选参数1,可选参数2) in 数组名"这个时候key的作用就体现出来了，key的值必须要是唯一的关键字。这里面有一个小问题，就是当我勾选这个多选框时，再添加一个人。因为数组里面的id是唯一的，不重复，所以用这个值给key。此时，我们再添加‘moli’，就不会出现这个bug。
2024-06-23 13:32:31
767
原创 Vue-内容渲染，属性渲染指令
在Vue中渲染元素，用双花括号{{}}的语法进行插值，称之为插值表达式。由于用双花括号无法解析标签元素,它只会将它当作damn变量的值。两种方式效果都是一样的 ，会将link的值渲染到超链接上。v-html:会解析html元素，常用。v-text:不会解析标签，比较少用。双花括号会渲染hi里面的值。同时它也能执行js代码。
2024-06-22 20:49:34
410
1原创 JavaScript-环境对象
指的是函数内部特殊的变量this，它代表了函数运行时所处的环境。直接调用函数的话，this指向的就是window函数。作用：弄清this指向谁，可以使代码更整洁。直接调用函数指向的就是window函数。我们发现这个this指向的是这个元素。随调用this就指向谁。
2024-06-21 10:01:27
173
原创 JavaScript-对象
所有属性都放在花括号里面，属性之间用逗号隔开,属性和属性值之间用冒号隔开语法：let 对象名{属性1:属性值1,属性2:属性值2,属性3:属性值3age: 18,name: '李四',sex: '男'document.write(`这个同学${stu.age}岁了<br>`);document.write(`这个同学名字叫${stu.name}<br>`);document.write(`这个同学是${stu.sex}生`);
2024-05-28 18:13:03
698
原创 JavaScript-函数的使用
返回值：函数的返回值由关键字return完成，函数可以有返回值，也可以没有返回值，如果没有则省略关键字return。函数就是包裹在花括号里面的代码，当用户需要多次使用 某个代码时，可以用函数包裹住这个代码，然后调用函数即可。有时我们希望函数将值返回调用它的地方，比如：arr.length()函数会返回数组的长度。参数：一个函数可以有多个参数，也可以没有参数，但不管有没参数，函数名后都要接一个小括号。调用函数时，你可以向其传递值，这些值被称为参数。函数体：用花括号括起来的代码块，也是函数的主体。
2024-05-26 14:45:49
332
原创 JavaScript-数组的增删改查
删除数组中最后一个元素语法：arr.pop()arr.pop();用这个操作会删除掉7这个元素，并返回新的数组长度。
2024-05-25 13:08:50
1014
原创 JavaScript-运算符
减法运算符（-）是一个二元运算符，可以对两个数字型的操作数进行相减运算，返回值是第1个操作数减去第2个操作数的值。大于或等于运算符（>=）是一个二元运算符，当第1操作数大于或等于第2个操作数返回true，否则返回false。小于或等于运算符（<=）是一个二元运算符，当第1操作数小于或等于第2个操作数返回true，否则返回false。除法运算符（/）是一个二元运算符 ，可以对两个数字型的操作数进行相除运算，返回第1个操作数除以第2个操作数的值。相等运算符（==）是一个二元运算符，可以比较两个操作数是否相等。
2024-05-22 17:16:10
1259
原创 JavaScript-隐式转换和显式转换
因为JavaScript是弱类型声明，在没赋值前是不知道数据的类型的，只有赋值了才知道，表单和prompt获取的数据都是字符串型，此时就不能直接的简单加减法运算。某些运算符被执行时，系统内部自动将数据类型进行转换，这种称之为隐式转换。作用：转换成数字类型，如果字符串内有非数字，则转换失败输出NaN。NaN也是number类型的数据，代表非数字。语法：Number()所以需要转换数据类型。
2024-05-19 17:19:13
359
原创 CSS-元素堆叠顺序
元素的堆叠效果，是根据书写的顺序来的，后面的在上面绿色在最上面，随后是红色，最后是蓝色，跟书写的顺序一样我们可以改变这个顺序。
2024-05-18 18:59:21
291
原创 CSS-相对和绝对和固定位置
将位置改成相对位置，与原先的位置顶部相距100px。原来的位置是占用状态，其他元素无法使用。改变位置的参照物是自己原来的位置。元素的位置在网页滚动时不变。属性值：relative。属性值：absolute。改变位置的参照物是父元素。属性：position。属性：position。属性：positon。
2024-05-18 16:20:54
362
原创 JavaScript-数组
数组是一些数据的集合 ，这些数据可以是字符串型，数字型数组是按顺序存储，所以每个数据都有自己的编号在数组中，数据的编号称之为索引或下标索引都是从0开始的。
2024-05-16 19:24:19
180
原创 JavaScript-var和let的区别
在JavaScript较旧的版本中，使用var来声明变量，而不是let,var现在开发中一般不适用它，let解决了一些var的问题。现在应该用let来声明变量。
2024-05-16 17:19:41
236
原创 JavaScript-基本数据类型,常量和变量
常量通常是不会变的值，而变量可能会随着程序的执行而改变，变量是用来存储数据的，用变量来表示实际数据显然要方便点数字型布尔型字符串型空值（null）未定义值（undefined）关键字：var使用一个变量之前，必须要先定以该变量。只有在定义了一个变量之后，系统才会准备一个内存空间来存储这个变量的值var x;var y;var a;var b;可以同时定义多个变量，中间用逗号隔开在定义变量后，如果没有为变量赋值，那么该变量的值为undefined。
2024-05-15 20:52:42
848
原创 JavaScript-输入输出语句
语法：document.write(' 输出的内容')作用：显示一个对话框，对话框有文本信息，提示用户输入。语法：console.log('输出的内容')如果输出的内容是标签，也会被解析为网页元素。语法：alert('输出的内容')语法：prompt('输入内容')作用： 页面弹出警告对话框。作用：内容会显示在网页上。作用：控制台打印输出。
2024-05-15 16:03:16
830
原创 什么是javascript
javascript是一种跨平台，面向对象的脚本语言，同时也是一门轻量级的编程语言。通常将标签写在html底部，因为浏览器会按照代码在文件中的顺序执行。通过标签，用src引入外部js文件。脚本是给我们计算机执行的，我们写上脚本后，计算机就会照着脚本执行命令。它可以在网页上实现复杂的功能，让你网页不再是静态网页。css有三种样式，行内样式表，内部样式表，外部样式表。在在*之间的内容会被注释掉。代码写在.js结尾的文件里。//右边这行代码会被注释掉。
2024-05-15 15:39:38
552
原创 CSS-flex布局
给父级元素的展示效果设置为flex布局，整个flex容器 里面的flex item都会沿着主轴展开。作用：flex items（弹性盒子）可以自动挤压或拉伸，默认弹性盒子会在一行显示。属性：flex-direction(修改主轴方向，侧轴也会随着改变)我们给三个盒子的宽设置为300px,父级盒子的宽设置为800px。属性值：整数数字，表示占用父级剩余尺寸的份数，默认是1份。作用：控制flex items在主轴方向的尺寸。网页呈现的效果：三个盒子的宽被挤压了。属性：flex-wrap。
2024-05-11 15:43:26
2353
原创 CSS-浮动
right 浮动在网页右边。作用：盒子的顶点是一样的，具备行内块的特征，能设置宽高。属性值：left 浮动在网页左边。三个盒子都是紧密相联的。
2024-05-10 16:07:04
259
原创 CSS-盒子模型元素溢出
使用了属性overflow之后，溢出的部分都被隐藏住了。正常情况下，网页是这个样子的，当文本超出了行高之后。作用：控制溢出的元素的内容的显示方式。属性：overflow。
2024-05-08 19:14:37
383
原创 CSS-盒子模型
属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性：盒子属性-方向名词(例如设置左边框border-left)作用：设置内容与盒子边缘之间的距离。可以清楚的看到边缘距离是50。作用：拉开两个盒子之间的距离。属性：paddding。
2024-05-08 15:52:10
718
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人