- 博客(35)
- 收藏
- 关注
RSS订阅原创 在 Vue 和 Element UI 中，如果多个表单使用相同的 ref 和 rules，可能会导致表单验证规则不生效。这是因为 ref 是唯一的，多个表单共享同一个 ref 会导致冲突。
如果表单是动态生成的（例如通过 v-for 循环），可以使用动态 ref 和 Promise.all 实现同步验证。如果多个表单共享相同的验证规则，可以将 rules 提取到公共位置，但为每个表单设置独立的 ref 和验证逻辑。使用 v-for 动态生成表单，并为每个表单设置动态 ref（如 formRef0、formRef1）。如果表单是动态生成的（例如通过 v-for 循环），可以使用动态 ref。为每个表单设置不同的 ref，并在验证时分别调用各自的验证方法。如果有表单验证失败，捕获错误并提示用户。
2025-04-07 17:07:59
807
原创 如何使用vscode解决git冲突
在冲突文件中，修改部分的上方用 “>” 标记，中间是冲突的内容。6. 提交解决后的文件：在VSCode的侧边栏的“源代码管理”面板中，找到冲突文件并点击 “+”（Stage Changes）按钮，将解决后的文件添加到暂存区。删除或修改不需要的标记和冲突的内容，保留或合并需要的修改。确保解决后的文件能够正常运行。总之，解决Git冲突需要仔细分析冲突内容，调和各方修改，确保解决后的文件能够正常运行，并且最后需要提交解决后的文件以保证代码的版本一致性。
2024-12-19 16:09:13
4099
原创 TypeScript
结合?: 一般用用于TS文件里面：意思指的是自动加上undefined的类型(下面的例子表示y可以是number类型或者undefined)// 默认参数let stu:User={name:'小好',age:10}let stu:User={name:'小好',age:10}泛型在接口和对象中的使用。
2024-09-21 13:49:59
1665
1
原创 Vue day-07 路由
它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。Vue Router和Vue.js非常契合，可以一起方便的实现SPA(single page web application 单页应用程序)应用程序的开发。Vue Router的特性： 支持H5历史(history)模式或者hash模式 支持路由参数 支持声明式(命名)路由 支持编程式路由 支持嵌套路由 支持路由导航守卫什么是SPA(单页应用程序)?
2024-09-12 10:00:00
1419
原创 Vue day-06
除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。v-xxxhtml+css的复用的主要形式是组件,需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。自定义指令有5个生命周期(也叫作钩子函数)分别是bind ,inserted,update,componentUpdate,unbindbind 只调用一次，指令第一次绑定到元素时候调用，用这个钩子可以定义一个绑定时执行一次的初始化动作。
2024-09-11 13:00:00
1587
原创 Vue2 day-05
POST请求可能会导致新的资源的建立和/或已有资源的修改。Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。方法接受一个数组作参数，数组中的对象（p1、p2、p3）均为promise实例（如果不是一个promise，该项会被用Promise.resolve。返回服务器针对特定资源所支持的HTTP请求方法，也可以利用向web服务器发送‘*’的请求来测试服务器的功能性。），p的状态就跟着改变。并把第一个改变状态的promise的返回值，传给p的回调函数。
2024-09-10 14:09:41
1284
原创 Vue2 day-04
单双标签都可以或者小写加-形式, 运行后, 会把这个自定义标签当做组件解析, 使用组件里封装的标签替换到这个位置。要想修改props的值，可以把 props 的值转存到data中，因为data中的数据都是可读可写的!提供事件中心(事件总线)(EventBus) var hub = new Vue()1.当$destroy()被调用 – 比如组件DOM被移除(例v-if)1.new Vue() – Vue实例化(组件也是一个小的Vue实例)传递数据方，通过hub.$emit(方法名，传递的数据)触发事件。
2024-09-09 10:00:00
2723
原创 Vue2 day-03
浏览器渲染页面的原理及流程什么是虚拟DOM真实DOM虚拟DOMkey来给每个节点做一个唯一标识key的作用主要是为了高效的更新虚拟DOM不用key也不影响功能(就地更新), 添加key可以提高更新的性能关于v-for的key值设置如果已渲染的列表元素下标不会有变化，key值设置为index即可（防止eslint警告）如果已渲染的列表元素下标会有变化，key值请设置为唯一标识diff算法默认使用“就地复用”的策略，是一个首尾交叉对比的过程。
2024-09-08 10:00:00
1194
原创 Vue2 day-02 脚手架
选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。选择版本ESLint选择：ESLint + Standard config。
2024-09-07 10:00:00
1001
原创 Vue2 day-01
提供足够的选择，并且没有很多强制性的要求, 想用什么就用什么, 不必全都使用。Vue提供了一系列的技术，并不强制开发者一下子就使用它的全部,我们可以选择一个或多个，甚至使用全部，这就是vue的渐进式概念。声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建可以针对不同的项目大小采用不同的Vue技术组合搭配小：核心库中：核心库 + 路由大：核心库 + 路由 + 状态管理库声明式渲染和组建系统是Vue的核心库所包含内容，而客户端路由、状态管理、构建工具都有专门解决方案。
2024-09-06 10:00:00
1204
原创 ES6 day-04 身份认证
目前主流的 Web 开发模式有两种，分别是:基于服务端渲染的传统 Web 开发模式基于前后端分离的新型 Web 开发模式。
2024-09-05 10:00:00
915
原创 ES6 day-03
Promise 是异步编程的一种解决方案。所谓promise，简单说是一个容器，里面保存着一个异步操作的结果。///api===方法从语法上说，promise是一个对象，从它可以获取异步操作的消息，promise提供了统一的API，各种异步操作都可以用同样的方法进行处理。传统开发主要问题 1.命名冲突，多个js文件的全局变量有冲突问题。2.文件依赖，多个js文件必须按顺序下载。
2024-09-04 10:00:00
1055
原创 ES6 day-02
Proxy 与 Reflect 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。实现拦截和监视外部对对象的访问。降低函数和类的复杂度，优雅的写出代理代码。
2024-09-03 10:00:00
1241
原创 ES6 day-01
解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 Null 和 Undefined ，还新增了 Symbol。
2024-09-02 10:00:00
2516
原创 AJAX day-02 HTTP格式JSON格式
超文本传输协议（Hyper Text Transfer Protocol,HTTP）规定客户端如何从服务器端获取文档和向服务器端提交表单内容，以及服务器端如何响应这些请求和提交。HTTP是一个基于TCP/IP通信协议来传递数据的协议，传输的数据类型为HTML 文件,、图片文件, 查询结果等。HTTP协议一般用于B/S架构（浏览器和服务器架构模式）。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。为了解决上述HTTP存在的问题，就用到了HTTPS。
2024-09-01 10:00:00
2944
原创 Ajax day-01
是指协议，域名，端口号相同就称为同源,同源的请求是允许的,如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问,就造成了跨域。
2024-08-31 09:23:33
1800
原创 Git day-01
版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。Git是一个版本控制工具系统，它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。有了它你就可以将某个文件回溯到之前的状态，甚至将整个项目都回退到过去某个时间点的状态，你可以比较文件的变化细节，查出最后是谁修改了哪个地方，从而找出导致怪异问题出现的原因，又是谁在何时报告了某个功能缺陷等等。使用版本控制系统通常还意味着，就算你乱来一气把整个项目中的文件改的改删的删，你也照样可以轻松恢复到原先的样子。
2024-08-30 10:00:00
1053
原创 JavaScript高阶 day-05
JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改：1.消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。2.消除代码运行的一些不安全之处，保证代码运行的安全。3.提高编译器效率，增加运行速度。
2024-08-29 10:00:00
746
原创 JavaScript高阶 day-04
每一个构造函数，都会有一个prototype属性。该属性指向一个对象，该对象称之为原型对象,即原型。当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找(即上一层构造函数的prototype)，这样一层一层向上查找直到Object的prototype结束,这样就会形成一个链式结构，我们称为原型链。我们可以说：它们是继承关系。
2024-08-29 00:00:00
1092
原创 JavaScript高阶 day-03
当前元素所属的数组对象。，该传入对象的自有可枚举属性(即其自身定义的属性，而不是其原型链上的枚举属性)将为新创建的对象添加指定的属性值和对应的属性描述符。bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数。这些 this 的指向，是当我们调用函数的时候确定的。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
2024-08-28 10:00:00
1174
原创 JavaScript高阶 day-01
我们可以随时随地为对象添加属性，也可以随时修改属性的值。name: '小好'//给对象添加属性//修改属性的值person1.name = '张小好';通过赋值操作定义对象，添加的普通属性，注意:默认情况下都是可修改、可枚举、可配置的。如果我们想改变属性的特征，可以使用方法,该方法允许精确地添加或修改对象的属性,在遍历枚举对象属性时会被枚举到（[for...in] 或 []方法）。注意:默认情况下，使用添加的属性值是不可修改，不可枚举，不可配置(删除和添加)。
2024-08-26 00:00:00
1327
原创 JavaScript day-12
正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式（Regular Expression）是一种描述字符模式的对象。JavaScript中的RegExp类表示正则表达式，String和RegExp类型都定义了使用正则的方法，后者使用正则表达式进行强大的模式匹配和文本检索与替换功能。元字符说明{}大括号量词符. 里面表示重复次数[]中括号。
2024-08-25 00:00:00
988
原创 JavaScript day-11
将定时器放在一个函数内，定义物体的运动速度speed为10，判断物体的运动方向（向左走或向右走）来规定speed的正负；间歇定时器与超时定时器类似，只不过它会按照指定的时间间隔重复执行代码，直到间歇定时器被取消或者页面被关闭。然后将物体的offsetLeft加上速度speed 赋值给物体的left样式值（要给物体设置定位）；，它接受的参数与setTimeout()相同：要执行的代码和每次执行之前需要等待的毫秒数。来实现的，每隔几毫秒让物体移动一点距离，通过不断调用定时器来达到让物体运动的效果。
2024-08-24 00:00:00
742
原创 JavaScript day-10
JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解：触发--- 响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。自定义构造函数中this:指向实例化对象普通函数中this:指向window自定义对象的方法中this:指向当前对象事件绑定的函数中的this:指向事件的绑定者。
2024-08-23 18:36:14
1272
原创 JavaScript day-09
API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组程序的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。我们知道，ECMA定义的是js的变量语法等基础的标准规范，而W3C是针对浏览器API提出的规范， 所以我们要工作不可能只了解语法，我们的代码要在浏览器上跑起来就需要我们去了解W3C的标准。所有 HTML元素（节点）均可被修改，也可以创建或删除节点。
2024-08-22 09:12:30
745
原创 JavaScript day08
Number 对象方法 方法 描述 toFixed(x) 把数字转换为字符串，结果的小数点后有指定位数的数字。 toString([radix]) 把数字转换为字符串， radix可选参数，指定要用于数字到字符串的转换的基数 (从 2 到 36)。如果未指定 参数，则默认值为 10。 toLocaleString() 返回这个数字在特定语言环境下的表示字符串。 二、 Boolean对象三、 日期对象Date对象，Date是一个构造函数，所以使用时需
2024-08-21 21:26:35
1015
原创 JavaScript day07
比如Date()、String()、Object()、 Function()和Array()、Number()、Boolean()等。(global object)在javascript中有着重要的用途：全局对象的属性是全局定义的符号，通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。顶层对象在浏览器环境中指的是window对象，在Node环境中指的是global对象。3.全局函数：比如isNaN()、isFinite()、parseInt()和eval()等。举个例子 中秋倒计时。
2024-07-24 19:59:28
1273
原创 JavaScript day01-04相关训练题 数组
var ou = 0;// 计数器var ji = 0;// 计数器// 把数组中 每一个元素下标都拿出来判断 是奇数还是偶数i ++){ou ++;console.log("偶数个数为" + ou);// 5console.log("奇数个数为" + ji);// 5。
2024-07-20 10:29:10
243
原创 JavaScript-day04
(1)添加元素 在元素的头部的位置添加 ，需要几个就可以添加几个。(1)添加元素 在元素的末尾的位置添加，需要几个就可以添加几个。(2)参数 需要添加的元素 可以写多个，之间使用逗号分隔。(2)参数 需要添加的元素 可以写多个，之间使用逗号分隔。(1)删除元素 删除头部的位置的一个元素 ，只能删除一个。(1)删除元素 删除末尾位置的一个元素，只能删除一个。(3)返回值 会返回一个添加完之后的数组的长度。(3)返回值 会返回一个添加完之后的数组的长度。(4)会改变原本的数组。
2024-07-20 08:38:09
997
原创 JavaScript-day03
如果表达式结果为true,执行这里的代码1 : 如果表达式结果为false,执行冒号后面的代码2;代码块 最少一定会执行一次 之后就会和while一样 只要表达式成立 才会执行。条件运算符又称为 ”三元运算符“ ”三目运算“ 可读性很差。只要表达式成立 就会执行代码块1 并且 会一遍又一遍的重复。这里的表达式如果正确，则执行代码块1,不正确则不执行。只要需要判断多个条件就可以使用if嵌套。举个例子：九九乘法表。
2024-07-19 19:22:57
551
1
原创 JavaScript-day01
常见的脚本语言：JavaScript、VBScript、Perl、PHP、Python等；3.外部代码：通过script标签引入外部的js文件，将路径写在SRC属性里面(写在body的最后面）非脚本语言与i版需要编译、链接、生成独立的可执行的文件后才能运行；JS：行为层，可以用来控制页面的内容，给网页增加动态的效果，用于跟用户的交互。2.脚本（Script）简单地说就是一条条的文本指令，按照程序流程执行；可跨平台：在不同设备上的浏览器均能运行（浏览器的跨平台性）；非脚本语言：C、C++、Java、C#等。
2024-07-19 17:18:10
986
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人