- 博客(40)
- 收藏
- 关注
RSS订阅原创 Pinia的简要概述
Pinia 是新一代的轻量级状态管理库，它允许跨组件或页面共享状态，解决了多组件间的数据通信，使数据操作更加简洁。Pinia与 Vuex相比，主要优点如下。
2024-06-14 11:36:20
721
原创 组件的注册和引用
从图可以看出，在ComponentUse 组件中成功引用了 GlobalComponent 组件和LocalComponent组件，页面中显示了GlobalComponent组件和 LocalComponent 组件的内容。例如，在组件A中注册了组件B，则组件B只能在组件A中使用，不能在组件C中使用。将组件注册完成后，若要将组件在页面中渲染出来，需要引用组件。默认情况下，Vue项目中有一个根组件，根组件可以引用其他组件，引用后会形成父子关系--根组件是父组件，被引用的组件是子组件。
2024-06-07 11:29:44
826
原创 Vue之组件基础（插槽）
在封装组件时，可以通过<sot>标签定义插槽，从而在组件中预留占位符。假设项目中有一个 MyButton组件，在MyButton 组件中定义插槽的示例代码如下。<template><button></button>在上述代码中，第3行代码通过<slot>标签定义了一个插槽，父组件提供的插槽内容将在该标签所在的位置被渲染。MyButon组件仅负责渲染<slot>标签外部的DOM元素以及相应的样式。在<slot>标签内可以添加一些内容作为插槽的默认内容。
2024-05-31 15:55:23
1232
原创 模糊查询和聚合函数
聚合查询只返回一个数值，因此，不能够直接与可能返回多行的列一起使用来进行查询，除非该列包含在另一个聚合函数中或在GROUP BY。通配符：一类字符，代替一个或多个真正的字符。匹配任意多个字符字符串。只与字符型数据联合使用。聚合函数：对一组（多个。
2024-05-20 09:02:34
211
原创 高级查询(子查询)
子查询也称为内部查询或内部选择，而包含子查询的语句也称为外部查询或外部选择。任何允许使用表达式的地方都可以使用子查询。子查询是一个嵌套在SELECT、注意：子查询结果只能产生唯一的值。语句或其他子查询中的查询。子查询作为查询条件使用。子查询作为临时表使用。的语句的复杂度，提高。
2024-05-14 08:00:00
149
原创 高级查询（一）
左外联接是以左表为基础的，左表的记录将会全部表示出来，而右表只会显示符合搜索条件的记录，右表记录不足的地方均为null。右外联接是以右表为基础的，右表的记录将会全部表示出来，而左表只会显示符合搜索条件的记录，左表记录不足的地方均为null。执行规则：返回左表和右表中的所有行，当某行在另一表中没有匹配行，则另一表中的列返回空值。左右两张表联合查询，根据联合条件两张表都满足条件的数据被查询显示。子句实现查询数据的过滤，在分组中需要过滤数据那么group by。参与分组的列 可以与 聚合函数作用的列 一块显示。
2024-05-13 14:55:23
793
原创 JavaScript基础
等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而脚本语言不需要事先编译，只要有一个与其相适应的解释器就可以执行。浏览器内有解释器解释执行的编程语言，每次运行程序的时候，解释器会把程序代码翻译成可执行的格式。不能访问本地的硬盘，不能将数据存入到服务器上，不能对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。，遗留的速度问题，为客户提供更流畅的浏览效果。需要用到引号的时候，由于写标签已经用了双引号，所以写成单引号。脚本的网页时，效果会有一定的差距，有时甚至会显示不出来。
2024-05-09 10:41:42
704
原创 DML操作表的数据
当插入表中全部列数据时，表名后可省略列名，值列表的列数和顺序与表定义中一致。、自增列不能插入数据，非空列必须有对应值，插入数据时注意各种约束的限制。、列名必须和值列表一一对应，列数、顺序、数据类型必须一致。、如果不是全字段插入数据的话，需要加入字段的名字。、勿忘条件限制，以防有效数据的丢失。相当于删除表的结构，再创建一张表。注：没有添加数据的字段会使用。注：没有添加数据的字段会使用。、具有默认值的列，可以使用。插入部分的列，向学生表中。用于判断某列值是否为空。所有的字段名都写出来。
2024-05-05 19:31:55
341
原创 选择分支结构以及循环结构
使用场景：当多个条件不是平行关系，存在前后有关系，把前置条件结构语句写在外层，后置条件语句。使用时注意：条件的书写顺序，条件大的放在前面，条件小的在后面。的特点还可以判断非正常选择的条件进行提示，提高用户体验。特点：先执行后判断，因此至少会走一次哪怕是条件不成立。写在内层，每层结构语句按分支结构的特点进行选用。特点：先判断后执行，有可能一次都不会执行。重复执行的操作代码（专业名词循环体）什么循环：重复执行相同操作的过程。、确定重复操作部分以及结束的条件。、重复执行的内容（循环操作）
2024-04-21 20:08:35
837
原创 一.表单校验
正则表达式是一个描述字符模式的对象，由一些特殊的符号组成的，这些符号和其它语言中学过的通配符是一样的，只是更加强大丰富，其组成的字符模式用来匹配各种表达式。方法用于检索字符串中的正则表达式的匹配。说明：普通 方式中的表达式必须是一个常量字符串，而构造函数中的表达式可以是常量字符串，也可以是一个js。方法可以在字符本内检索指定的值，找到一个或多个正则表达式的匹配，该方法似于。方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回。、正则表达式可以是一个简单的字符，或一个更复杂的模式。
2024-04-14 17:00:15
715
原创 jquery操作DOM对象
中节点操作主要分为： 查找节点，创建节点 ，插入节点 ，删除节点 ，替换节点 ，复制节点。外，还有获取和设置元素高度、宽度、相对位置等的样式操作方法。可以获取紧邻其后、紧邻其前和位于该元素前与后的所有同辈元素。：删除整个节点，保留元素的绑定事件、附加的数据。：获取元素的祖先元素，可以加选择器进行筛选。方法可以用来获取元素的所有子元素，注意不是。操作进行了封装，使用起来也更简便。等节点操作方法，可以参阅开发文档。可以获取或设置元素的文本内容。的编程语言都可以使用它，如。：获取元素的父级元素。
2024-04-10 10:06:32
883
原创 jQuery选择器（三）
选择器的书写规范很严格，多一个空格或少一个空格，都会影响选择器的效果。对象来检测匹配元素集合，如果其中至少有一个元素符合这个给。可见性过滤选择器可以通过元素显示状态来选取元素。如果没有元素符合，或者表达式无效，都返回。选择器中的特殊符号需要转义，在如下。jQuery选择器到这里就介绍完了。的元素内部的隐藏元素。
2024-03-26 10:00:00
326
原创 jQuery选择器（二）
基本过滤选择器可以选取第一个元素、最后一个元素、索引为偶数或奇数的元素。同辈选择器用来选取目标元素之后的所有同辈元素。相邻选择器用来选取紧邻目标元素的下一个元素。属性选择器可以根据是否包含某属性来选取元素。过滤选择器通过特定的过滤规则来筛选元素。基本过滤选择器可以根据索引的值选取元素。选取不等于给定属性是某个特定值的元素。选取给定属性是以某些特定值结尾的元素。后代选择器用来获取元素的后代元素。选取等于给定属性是某个特定值的元素。选取给定属性是以包含某些值的元素。选取满足多个条件的复合属性的元素。
2024-03-25 09:37:10
447
原创 jQuery选择器
中，选择器的操作最终的结果都是一个集合，需要进一步处理集合中的元素，然后进行操。使用场景：当有很多种元素对象需要选择，但没有什么规律，用多个基本选择器选中。使用说明：当所有的同一种标签需要设置相同的效果，那么我们可以用标签选择器。、在同一种标签使用，表示选中这类标签中的一部分。选择器、并集选择器、交集选择器和全局选择器。基本选择器 ，层次选择器 ，属性选择器。、第二个基本选择器为非标签选择器（类、基本选择器包括标签选择器、类选择器、标签选择器根据给定的标签名匹配元素。、第一个基本选择器必须为标签选择器。
2024-03-24 19:45:38
788
原创 jQuery中的事件
toggle()方法用于模拟鼠标连续click事件（在1.9以后的版本中移除了）鼠标光标悬停事件hover()方法相当于mouseover与mouseout事件的组合。A、用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。注意：当unbind()不带参数时，表示移除所绑定的全部事件。bind({事件名:函数,事件名:函数,.....})window事件 鼠标事件 键盘事件 表单事件。除了使用事件名绑定事件外，还可以使用bind()方法。语法：bind("事件名",函数)
2024-03-11 13:53:24
433
原创 Sql查询以及常用函数
聚合查询只返回一个数值，因此，不能够直接与可能返回多行的列一起使用来进行查询，除非该列包含 在另一个聚合函数中或在GROUP BY语句后。聚合函数：对一组（多个0-n）数据进行计算 返回类似统计效果的 “一个” 值。查询分为：基本查询 带条件查询 查询的排序。[ORDER BY [ASC或DESC]]通配符：一类字符，代替一个或多个真正的字符。注意：LIKE只与字符型数据联合使用。可与LIKE关键字一起使用。日期时间函数，以及聚合函数。"*"通配符代表所有的列。常用函数有：字符函数。
2024-03-10 21:01:05
333
原创 set对象的特性和常用方法有哪些?与map对象有什么区别，map对象与object又有什么区别？
是一组键值对的结构，用于解决以往不能用对象做为键的问题，具有极快的查找速度。Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，Set 是一种叫做 集合 的数据结构，Map 是一种叫做 字典 的数据结构。Object是最常用的一种引用类型数据，可用于存储键值对的集合，在。Map是键值对的集合，采用Hash结构存储，在ES6中新增。new Set() 创建新的 Set 对象。keys() 返回 Set 对象中值的数组。delete() 删除由其值指定的元素。
2024-01-22 08:30:00
419
原创 使用箭头函数应该注意什么？原型查找机制又有哪些？
的情况下，箭头函数不适用。箭头函数会继承外部函数的this值，而不是创建自己的this值。因此，在需要使用this的情况下，应该使用普通函数而不是箭头函数。如果没有就查找它的原型（也就是 __proto__ 指向的prototype 原型对象 ）__proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条线路。用了箭头函数，this就不是指向window，而是父级（指向是可变的。如果还没有找到就查找原型对象的原型（Object的原型对象）箭头函数一条语句返回对象字面量时，需要加括号。
2024-01-21 10:27:06
400
原创 class类，Array.of()创建数组以及数组扁平化
参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组。3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。includes()数组是否包含指定值,查找到返回true否则false。flatMap()先对数组中每个元素进行了的处理。4.类中方法不需要 function 关键字。1.class 的本质是 function。参数2：指定遍历函数中 this 的指向。5.方法间不能加分号。
2024-01-04 16:14:23
415
原创 单线程以及JS任务
放到任务队列(Task Queue)中，执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。这样定义的变量和函数就成为了私有的，只能在类的内部使用，外部无法访问。在Python中，可以通过定义私有函数和私有变量来保护函数内的变量安全，实现封装，防止变量流入其他环境发生命名冲突。通过定义私有函数和私有变量，可以确保变量的安全性，防止其被外部环境访问和修改，从而避免了命名冲突的问题。是一个私有变量，只能在类的内部使用。
2024-01-04 15:58:16
355
原创 align 属性，flex属性以及线性渐变
align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items,但它不是设置弹性子元素的对齐，而是设置各个行的对齐。a. flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。b. flex-flow 属性用于设置或检索弹性盒模型对象的子元素排列方式。c. flex-direction 属性规定灵活项目的方向。d. flex-wrap 属性规定灵活项目是否拆行或拆列。
2023-12-22 11:39:32
366
原创 ES6小理解
2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。startsWith与endsWith方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引（下标0）。padStart(总长度,"字符串")：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd()：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，
2023-12-17 19:42:29
375
1
原创 super()特性以及export default
在子类静态方法中拿取父类静态方法的值,在静态方法中，指向父类。super()特性在extends继承中。
2023-12-11 15:43:08
362
1
原创 onreadystatechange 监听事件以及export default
1.在一个文件或模块中，export、import 可以有多个，export default 仅有一个。3.通过 export 方式导出，在导入时要加{ }，export default 则不需要。2.export default 中的 default 是对应的导出接口变量。4.export default 向外暴露的成员，可以使用任意变量来接收。
2023-12-03 17:13:45
413
1
原创 es6小总结
在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。padStart(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd(总长度,"填充的字符串")：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。
2023-11-20 10:36:09
24
1
原创 Generator
在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。使用jq通过get和post调用接口http://index.com数据并接收，get和post传id=99。Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能。2. target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。Generator与普通函数有什么区别？
2023-11-17 11:33:56
33
1
原创 闭包的特性
①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发。毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变。通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，②在内存中维持一个变量，可以做缓存（但使用多了同时也是一。①其中一点上面已经有体现了，就是被引用的私有变量不能被销。②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以。②函数内部可以引用函数外部的参数和变量。③参数和变量不会被垃圾回收机制回收。③匿名自执行函数可以减少内存消耗。量后手动为它赋值为null；
2023-11-12 19:44:34
107
1
原创 原型方式创建数组
2. 如果没有就查找它的原型（也就是 __proto__ 指向的prototype 原型对象 ）5. __proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条线路。3. 如果还没有找到就查找原型对象的原型（Object的原型对象）1. 当访问一个对象的属性或方法时，首先查找这个对象自身有没有。1.使用原型方式创建数组的shift方法和unshift方法。4. 依次类推一直找到Object为止（ null ）3.原型的方式构造一个call()方法。
2023-11-03 15:03:56
29
原创 二维数组扁平化
使用深拷贝将 let a=[1,2,3,4],复制给let b = [];//判断ojb子元素是否为对象，如果是，递归复制。//如果不是，简单复制。
2023-10-31 18:45:44
48
1
原创 set属性
map有size属性，对象没有。Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。obj通过obj.keys（）打印出来的属性顺序是 number–字符串。set对象与map对象有什么区别，map对象与object有什么区别？obj可以作为key的仅有number、string、symbol。map只能使用set（key，val）方法设置属性。map只能用原生的get方法调用。map仅支持new Map（）map对象与object区别。set对象与map对象区别。
2023-10-13 14:47:44
54
原创 flex属性
flex-wrap 属性用于指定弹性盒子的子元素换行方式 flex-wrap: nowrap|wrap|wrap-reverse - nowrap 默认， 弹性容器为单行。该情况下弹性子项可能会溢出容器。 - wrap 弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行 - wrap-reverse 反转 wrap 排列。 内容对齐（justify-content）属性应用在弹性容器上，把弹
2023-10-06 13:44:45
27
1
原创 ES5中的操作数组的方法
7.splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。末尾添加，返回的是长度，会改变原数组。5.shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
2023-10-06 13:19:39
48
1
原创 2D移动和拉伸
password 密码 reset 重置 color 颜色 number 数字 file 上传文件。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行。row-reverse 反转横向排列（右对齐，从后往前排，最后一项排在最前面。column-reverse 反转纵向排列，从后往前排，最后一项排在最上面。默认， 弹性容器为单行。row横向从左到右排列（左对齐），默认的排列方式。wrap-reverse 反转 wrap 排列。1.input中15种type类型中文和英文。
2023-09-17 15:15:32
53
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人