2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 [vuejs](/vuejs/)应用：如何去防范XSS攻击。 1.对于从接口请求的数据 {#heading-0} ------------------------- **尽量使用{{}}加载，而不是V-HTML。** vue中的大括号会把数据解释为普通文本。通常如果要解释成html代码则要用v-html。 而此指令相当于...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 suspense在等待异步组件时额外渲染一些内容，使用户拥有更好的体验。 官网中有提到他是属于实验性功能： `<Suspense>` 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化。 `<Suspense>` 是一个内置组件，用来在组件树中协调对异步依...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 vue2应用：中如何自定义组件的v-model。 工作中经常会涉及到父子组件数据更新和页面相应数据样式改变的问题。 通俗点来说，就是涉及到公共组件的可以抽离出来作为子组件，如果父组件中与子组件相关的数据改变，子组件中的数据也会改变，如果子组件的数据改变，则需要做一定的处理才能改变父组件中的相关数据。 处理方式：考虑使用 自...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [Vue](/VueJs/)应用：了解addEventListener() 监听事件。 语法 {#heading-0} --------------- ``` element.addEventListener(event, function, useCapture); ``` > 第一个参数：事件的类型 (如 &qu...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [Vue](/vue)：如何在项目中引入 ECharts。 安装 {#heading-0} --------------- 使用如下命令通过 `npm `安装 `ECharts` ``` npm install echarts --save ``` 引入 {#heading-1} --------------- 安装完...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [React](/React/)：了解下事件处理过程中传参的实现方法 摘要 {#heading-0} --------------- 首先我们知道，在React中，是通过小驼峰式给元素绑定事件： ```   fn = ()=>{     //执行代码   }   button onClick={this.f...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [Vue3](/Vue3/)小应用：利用子组件修改父组件传过来的props数据。 最近新项目用vue3搭建的，准备开始使用vue3的语法，从这篇开始记录下vue3遇到的一些问题和一些语法的使用方法，以便于以后复习，也可能帮助到一些小伙伴。 {#_label1} 修改父组件普通数据 {#heading-1} --------...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [vue3](/Vue3/)：简单介绍使用element ui的方法应用。 element-ui支持vue2版本，当用vue3安装element-ui的时候会报错，这就需要安装element-plus版本来用到vue3项目中。 **element-ui网址：** **https://element.eleme.cn/#/zh...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [vue3](/Vue3/)小技巧：分享获取当前路由地址方法。 很多程序员不知道vue3如何获取当前路由地址，本文详细讲解了[vue3](/Vue3/)获取当前路由地址的方法，下面我们一起看看吧。 方法一： {#heading-0} ----------------- ``` // router的 path: "...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 分享一个[React](/React/)应用：[React](/React/)自定义视频全屏按钮且实现全屏功能。废话不多说，直接进入正题。 绘制全屏按钮 {#heading-1} ------------------- 绘制全屏按钮，并绑定点击事件： ``` render() {     return (     ...