three vue js
全网最详细中英文ChatGPT-GPT-4示例文档-读书书单推荐从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT可以通过分析您的阅读需求和兴趣，为您推荐各种适合您的书籍清单，帮助您更好地理解和掌握相关知识。无论您是想提高阅读理解能力，还是想深入了解某个领域，ChatGPT都能为您提供最全面的信息和最有价值的建议。通过与ChatGPT的合作，您将能够在学习和成长的道路上更加迅速和高效。 ......
js 使用 htmldiff 使用 html文档对比
话不多说先贴js /** * 文本差异化比对工具，用于比对两段文本之间所存在的差异； * 对HTML文本的比对中，会完全忽略标签内的差异，将<...> * 中的内容当做一个整体的单词； * 注1：现有版本还未对执行效率进行优化； * 注2：原始算法来自于网络:http://www.rohland.c ......
js 变量
1.变量，不使用var声明的变量在函数内外都是通用的 var定义与let定义的区别 1.作用域不同，var是全局作用域，而let是块作用域。 2.var可以先使用在定义，而let只能先定义后使用。 3.let不能被重新定义，但是var可以 ......
js 字符串
1.字符串截取 var num = url.indexOf('#'); //获取＃在的位置信息 if (num){ URL = url.substring(0,num); //截取网址信息 ......
js如何将对象的置空
即如何释放对象的空间，如何销毁对象 在JavaScript中，我们不能显式地销毁一个对象。当对象不再被引用时，垃圾回收机制会自动清除该对象以释放内存空间。 也就是说，当一个对象没有任何变量或属性引用它时，它就会成为不可访问的，随后被标记为垃圾，最终由垃圾回收机制回收。 删除其中某属性,非销毁 在某些 ......
JS中使用日期方法setMonth出现的时间和日期问题
前提： 当前电脑的时间为 2021-12-31 当我想将一个日期设置为 2022-09-05时： 一般会如下设置：(设置月份的顺序很重要，稍后解释) 转：https://blog.csdn.net/kouzuhuai2956/article/details/122251568 ......
ant-design-vue 两个select省市联动是典型的例子（添加汉语名字）
<template> <div> <a-form :label-col='{ span: 7 }' :wrapper-col='{ span: 15 }'> <a-row> <a-col :span='12'> <a-form-item label='省'> <a-select :default-v ......
TS 基础及在 Vue 中的实践：TypeScript 都发布 5.0 版本啦，现在不学更待何时！
本文主要介绍TS基础及在Vue中的实践，附赠《JS项目转TS指南》，旨在帮助还在使用JS的朋友快速使用TS，享受TS带来的丝滑体验。 ......
js函数中箭头函数和普通函数的区别
1.外观上 箭头函数： 1、没有function 直接通过箭头指向 2、箭头的函数体中只有return，可以省略return 3、参数为一个时，可以没有小括号 普通函数: 1、有function 2、必须有return 3、必须有小括号 const getSum = (a, b) => { retu ......
第十七篇 vue - 深入组件 - Props
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
第十八篇 vue - 深入组件 - 组件事件
触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样，组件的事件监听器也支持 .once 修 ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
Vue生命周期
vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
Vue指令具体实现
v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html ......
JS 开发常用方法学习
js 学习计划 js两个数组比较去重，返回不重复的项 const list1 = [ {id: 0, name: '小明'}, {id: 1, name: '小红'}, ]; const list2 = [ {id: 0, name: '小明'}, {id: 1, name: '小红'}, {id: ......
Vue指令
指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， ......
js 给select 绑定改变后的事件onchange
当id 为action的select 标签发生改变时，执行handleChange() 方法 select id="action" onchange="handleChange()" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
Vue2.0和3.0watch侦听器的改变和一些问题
话不多说，直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时，无法正确获得oldValue的值，也即数据发生改变之前的数据，此问题到目前仍未得到解决，不知在后续的版本中，尤雨溪及其他的团队来怎么解决这一问题 ......
js:三种弹出框（alter警告，confirm确认，prompt提示）
js:三种弹出框（alter警告，confirm确认，prompt提示） https://blog.csdn.net/qq_52824207/article/details/124081188 三种弹出框都属于window对象，完整写作window.alter，三种弹出框都可省略window. al ......
Vue
Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
js注册页面表单提交验证
<script> var code = document.querySelector(".code") var flag = true code.onclick = function(){ if(flag){ flag = false var i=5 //console.log("点击了") let ......
js文字滚动功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
vue中新的状态管理器-pinia
背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea ......
vue国际化在js中$t()报错
最近在做国际化的时候，发现在.vue里面写国际化语言没有报错，而且也可实现国际化，可是在js中引入$t()写法的时候，报错。 最后花了一个小时解决了，做一个笔记，以供后来学者遇到此类问题，仅供参考。 1，首先，我引入的国际化写法是在main.js中引入了，所以在.vue文件中引入国际化语言的写法，自 ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader，现在开发编辑功能，需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value，从级联中拿取值用:model，把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
全网最详细中英文ChatGPT-GPT-4示例文档-最强JS助手聊天机器人应用从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT绝对可以成为你使用JavaScript的最强助手，无论我们在编写JavaScript代码时遇到什么困难，它都可以快速为我们提供解决方案，帮助我们更快地完成任务，提高JavaScript的编写效率和代码质量，节省时间和精力，让我们的工作更加高效。 ......
vue中el-select，el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值， 如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。 打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。 ......
全网最详细中英文ChatGPT-GPT-4示例文档-表格智能生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
使用ChatGPT可以快速轻松地通过简单的提示去生成高质量的电子表格。这项技术利用了ChatGPT的强大的自然语言处理能力，可以根据输入的提示自动搜索相关信息并生成电子表格。相比传统的查找数据，再根据数据编写电子表格的方式，使用ChatGPT可以大大提高电子表格的生成效率和质量，从而可以更快速、更准... ......
全网最详细中英文ChatGPT-GPT-4示例文档-Python bug智能修复应用从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT的强大的自然语言处理能力，可以快速判断出Python代码中的bug所在，并且快速定位和修复这些bug，从而使代码更加健壮易于维护，它也可以大大缩短开发周期，并且更快捷、更高效地完成整体工作，最终有效地帮助程序员，提高代码的质量和可靠性。 ......