vue 问题
文章平均质量分 54
vue遇见的各种问题
阿金要当大魔王~~
我是前端狗 希望阿金未来一切顺利,得偿所愿,顺利回去 上山ing ~~~~~~
展开
-
判断浏览器内核
【代码】判断浏览器内核。原创 2024-05-06 09:43:18 · 109 阅读 · 0 评论 -
导出tabla页面
【代码】导出tabla页面。原创 2024-05-06 08:45:16 · 111 阅读 · 0 评论 -
vue2 table 页面 + 功能 展示
【代码】vue2 table 页面 + 功能 展示。原创 2024-03-21 10:05:31 · 636 阅读 · 0 评论 -
csrf和xss的区别
原创 2024-03-04 14:53:30 · 361 阅读 · 0 评论 -
获取当前数据 上下移动
点击按钮 上下移动 当前数据。原创 2024-02-29 10:14:42 · 479 阅读 · 0 评论 -
CSRF漏洞攻击原理及防御方案
CSRF(Cross-site request forgery)全称“跨站请求伪造”,也被称为“One Click Attack”或者“Session Riding”,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。尽管听起来像跨站脚本(XSS),但它与XSS非常不同。XSS利用站点内的信任用户,而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS攻击相比,CSRF攻击往往更加难以防范。可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义进行某些非法操作。原创 2024-02-21 14:28:33 · 1016 阅读 · 0 评论 -
XSS攻击原理与解决方法
一旦攻击成功,它可以获取到用户的联系人列表,然后向联系人发送虚假诈骗信息,可以删除用户的日志等等,有时候还和其他攻击方式同时实施比如SQL注入攻击服务器和数据库,Click劫持,相对链接劫持等实施钓鱼,他带来的危害是巨大的,是Web安全的头号大敌。原创 2024-02-21 13:45:38 · 342 阅读 · 0 评论 -
浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析
浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存。垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大并且 GC 时停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生命周期直至浏览器卸载页面才会结束。原创 2024-02-20 09:46:32 · 1097 阅读 · 0 评论 -
this的指向问题总结
箭头函数看this的指向主要抓住箭头函数到底在哪个作用域下,如果在全局作用域下,this就指向了window,如果在局部作用域下,那就看局部作用域的this指向的是谁,那么箭头函数的this就指向的是谁。7.在vue实例中,方法中的this指向的就是vue实例,如果在组件中,组件中的方法中的this就指向组件实例。箭头函数下的this是静态的,和其他this指向的不同,箭头函数下的this始终指向的是函数声明时所在作用域下的this的值。在全局作用域下或者普通函数中this的指向一般都是window对象。原创 2024-02-20 09:33:35 · 471 阅读 · 0 评论 -
Vue常用指令+用法举例 详解
vue的常用指令有:vue常用指令有:v-on指令、v-model指令、v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-text指令、v-html指令、v-bind指令等等。原创 2024-02-20 09:26:32 · 668 阅读 · 0 评论 -
观察者模式和发布订阅模式的区别
发布订阅模式的原理基于消息队列或主题,发布者将消息发布到特定的消息队列或主题中,而订阅者可以订阅这些消息队列或主题以接收和处理消息。发布者和订阅者之间的通信是异步的,这意味着发布者发布消息后,订阅者可以在任何时候接收和处理消息。发布订阅模式的核心思想是将发布者和订阅者解耦,使得它们可以独立地运行和扩展。这种解耦有助于提高系统的灵活性和可伸缩性,因为发布者和订阅者可以根据需要进行扩展和修改,而不会影响彼此的操作。发布订阅模式在许多领域都有应用,如消息队列事件驱动架构实时数据更新消息推送。原创 2024-02-20 09:12:40 · 2047 阅读 · 1 评论 -
record.id
原创 2024-02-19 14:34:21 · 370 阅读 · 0 评论 -
jq 图片懒加载 + Vue-Lazyload
大型网站如常用的淘宝,京东等页面,需要展示大量的商品图片信息,如果打开网页时让所有图片一次性加载完成,需要处理很多次网络请求,等待加载时间比较长,用户体验感很差。初始化时,图片标签的src不能是真实的图片地址,也不可以是空地址或者坏地址(会出现图片加载失败的图标)。初始化的时候,可以设置图片的src是某一个小型图片。例如一张1px*1px的透明图片。由于所有图片都使用这一张图片,只会发送一次请求,不会增加性能负担。将图片的真实路径绑定给一个自定义属性,例如data-url。原创 2024-02-19 14:01:50 · 442 阅读 · 0 评论 -
前端给后端传值
在 Vue 2 中,你可以通过定义一个方法来处理按钮的点击事件,并在该方法中使用 HTTP 客户端(如。在 Vue 2 中,你可以通过发送 HTTP 请求来将前端的数据传递到后端。这样的库来发送请求。以下是一个基本的步骤和示例,展示了如何通过按钮点击将。首先,确保你已经在项目中安装了。原创 2024-02-18 10:01:05 · 732 阅读 · 0 评论 -
npm WARN read-shrinkwrap This version of npm is compatible with loockfileVersion@1, but package-lock
替换 node包。原创 2024-02-18 09:03:41 · 521 阅读 · 0 评论 -
表格数据转成 HTML数据
零代码 - Table在线布局工具(Excel转HTML)原创 2024-02-05 17:14:47 · 412 阅读 · 0 评论 -
浏览器渲染机制
参考 : 中高级前端面试宝典之浏览器篇_浏览器渲染机制面试-CSDN博客 浏览器渲染机制-CSDN博客 1. 解析HTML:浏览器首先会将HTML代码解析成DOM树,DOM树是由节点和对象组成的树形结构,表示HTML文档的结构和内容。2. 解析CSS:浏览器会将CSS代码解析成CSSOM树,CSSOM树是由样式规则和对象组成的树形结构,表示HTML文档的样式信息。3. 构建渲染树:浏览器会将DOM树和CSSOM树合并成渲染树,渲染树只包含需要显示的节点和样式信息,不包含隐藏的节原创 2024-02-02 15:13:56 · 901 阅读 · 0 评论 -
svn 安装路径
安装语言包,双击即可,然后下一步,完成。原创 2024-01-29 15:24:05 · 757 阅读 · 0 评论 -
前端 TS 语法继承 多态 修饰符 readonly 抽象类 ts 基本写法 可选 剩余参数 函数重载 接口 类(3)
多态 : 父类型的引用指向子类型的对象,不同类型的对象针对相同的方法,产生不同的行为。如果有两个或者属性,从第0开始计算,抛去已有的属性,剩下的才是。...args: string[] 代表剩下的所有参数的属性都是str的类型。也可以包含实例方法,抽象类是不能实例化,为了让子类实例化,实现内部抽象的方法。// 可以把function 放在前边 也可以放在后边,的书写方式。抽象类 :包含抽象方法(抽象方法一般没有任何的具体内容的实现),// :string 代表的是返回值 是什么类型的。原创 2024-01-12 14:19:16 · 1056 阅读 · 0 评论 -
前端 TS 语法 接口(2)
TypeScript的核心原则之一是对值所具有的shape进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。原创 2024-01-12 11:07:28 · 879 阅读 · 0 评论 -
前端 TS 语法基础(1)
为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。原创 2024-01-12 10:31:05 · 1004 阅读 · 0 评论 -
Bom 和 Dom 区别 ----- 真是DOM 和 虚拟Dom区别
虚拟DOM(Virtual Document Object Model)是指用JS对象来描述DOM节点及其属性和内容的层次结构,它是对真实DOM的一种抽象表示,并不是真正的DOM节点。当页面需要更新时,虚拟DOM首先进行比较,找出需要更新的部分,然后批量更新至真实DOM,最终只会引起页面的局部重排和重绘,可以减少页面渲染的开销,提高性能。原创 2024-01-11 21:37:22 · 964 阅读 · 0 评论 -
js 数据回调 异步 Promise
//创建promise 方法 定义数据 x = 0let x = 0;// 一些代码(请尝试将 x 改为 5)//判断数据是不是等于 0//上边定义了 如果不等于 0 就会报错} else {});//监听数据},原创 2024-01-11 20:31:34 · 447 阅读 · 0 评论 -
前端 js 基础对象 (3)
new原创 2024-01-01 13:16:43 · 1908 阅读 · 0 评论 -
前端 js 基础(1)
方法在每个数组元素上运行函数,以生成(减少它)单个值。方法为每个数组元素调用一次函数(回调函数)。方法创建一个包含通过测试的数组元素的新数组。这两种方法是不相等的。js 修改值的属性 内容。原创 2023-12-29 15:01:56 · 976 阅读 · 0 评论 -
vue2 jeecg-boot
业务介绍 :在首页进行数据的添加,添加之后 将数据传递给后端,后端会计算,在返回给前端,前端拿到进行渲染,拿到数据跳转到结果页面,点击存档后,才可以触发下载和浏览,不然按钮一直是失效状态,存档后数据会存档到 统计页面,在页面点击新增,可以跳转到当前数据对应的页面,并且渲染,然后从新走一遍流程。原创 2023-12-29 13:46:10 · 931 阅读 · 0 评论 -
vue项目打包 jeecg-boot
如果有npm 就输入npm run build原创 2023-12-28 10:04:43 · 463 阅读 · 0 评论 -
vue2 按钮限制 点击按钮一前 灰色不可以点击 点击按钮一后 可以点击
【代码】vue2 按钮限制 点击按钮一前 灰色不可以点击 点击按钮一后 可以点击。原创 2023-12-21 11:25:34 · 715 阅读 · 0 评论 -
vue3 生命周期代码展示
所有生命周期钩子的this上下文都是绑定至实例的。:在实例初始化之后、进行数据帧听和事件/侦听器的配置之前同步调用。created:实例创建完成,主要包括数据帧听、计算属性、方法、事件/侦听器,(注意:由于挂在阶段还未开始,因此$el还不可用)。:挂在之前调用,render函数首次调用。mounted:实例挂在完成后调用,(注意,mounted不会保证所有子组件都已挂载完成,可以使用$nextTick())。:数据发生改变之后,DOM被更新之前调用。updated。原创 2023-12-20 10:12:41 · 368 阅读 · 0 评论 -
vue2 生命周期基本使用
Vue.js 提供了丰富的生命周期钩子函数,开发者可以通过这些钩子函数来控制组件在不同状态下的行为。Vue 组件的生命周期是指从组件实例化、初始化、渲染、更新到销毁的整个过程。在实例创建之前调用,此时还没有调用data选项中定义的数据和methods方法。created实例创建完成后调用,此时已经完成了数据的观测(obervation),但尚未挂载DOM,$el 属性尚不可用。: 在挂载开始之前调用,相关的 render 函数首次被调用。这个时候还没有开始挂载节点,$el 属性尚不可用。原创 2023-12-19 16:18:35 · 483 阅读 · 0 评论 -
vue2 + avue 文档导入导出 (待完善)
【代码】杂乱代码啊。原创 2023-12-01 14:31:53 · 696 阅读 · 0 评论 -
vue2 解构 获取值 双向绑定 / watch数据监听 双向绑定
【代码】一,vue3 解构 获取值 双向绑定 二。数据监听 双向绑定 三。冒泡排序。原创 2023-11-30 10:01:50 · 542 阅读 · 0 评论 -
vue2+element ui + jeecg-boot [ Notification ] 节流 防抖 代码 节流防抖自动销毁通知 if 校验弹出弹框 多个数据传给后端 判断成功跳转
【代码】vue2+element ui + jeecg-boot [ Notification ] 节流 防抖 代码 节流防抖自动销毁通知 if 校验弹出弹框 多个数据传给后端 判断成功跳转。原创 2023-12-15 10:31:38 · 533 阅读 · 0 评论 -
avue页面布局 api 引用
【代码】avue页面布局 api 引用。原创 2023-12-01 14:14:21 · 563 阅读 · 0 评论 -
echarts 图表 向后端获取数值 并渲染对应值 和 api运用
【代码】echarts 图表 获取数值 使用渲染。原创 2023-12-01 10:00:42 · 954 阅读 · 0 评论 -
es6 语法 解构 拼接 扩展运算 数组降为 symbol 迭代器 生成器 定时器 map 映射 对象字面量 私有属性 构造函数继承 转换数据
es6 语法 解构 拼接 扩展运算 数组降为 symbol 迭代器 生成器 定时器 map 映射 对象字面量 私有属性 构造函数继承 promise async await赋值 剩余参数 增删改查 数组解构 拓展运算符 定义结构 继承 set数组去重 双重for循环去重 使用数组的 reduce 方法将一个对象数组转换为一个对象将一个JSON字符串解析为一个对象数组使用 JSON.parse() 将 JSON 字符串转换为 JavaScript 对原创 2023-11-30 10:46:30 · 521 阅读 · 0 评论 -
【 node 报错 】Cannot read property ‘pickAlgorithm‘ of null
node 和 npm的版本号不对应。原创 2023-11-20 14:34:29 · 73 阅读 · 0 评论 -
vue 本地存储localStorage
首先,确保你已经安装了Vue 2、Element UI和axios(用于发送HTTP请求)。原创 2023-11-14 15:01:40 · 311 阅读 · 0 评论 -
vue2+element ui 搜索框 ++ 表单提交
搜索框。原创 2023-11-13 17:12:27 · 271 阅读 · 0 评论 -
小程序 打开方式 页面效果 表单页面 点击跳到详情页 图标 获取后台数据 进行页面渲染
(1) 运行微信开发工具(2) 配置id 然后运行打开小程序 路径 E:\通\uniapp-jeecg\unpackage\dist\dev\mp-weixin(5)运行。原创 2023-11-08 16:45:49 · 1615 阅读 · 0 评论