- 博客(17)
- 收藏
- 关注
原创 如何访问Express项目image文件夹下的图片
引言我们在自己做前后端分离的项目时,前端可以使用vue来创建前端项目,随着node.js的发展,基于node.js的express框架火了起来,我们可以通过vue+express来创建一个完整的项目,在前端项目中,我们有时需要去拿到后端的图片,怎么解决呢?解决方案废话不多说,直接上解决方案首先,请看一下express的目录如果想通过浏览器或者前端项目访问到express中的图片,我们首先需要将你想访问的文件夹指定成静态资源,服务器才可以将他返回给前端或者浏览器,我们需要在app.js
2024-02-04 16:06:02
621
1
原创 动态表单的批量新增功能的实现
我们通过v-for去遍历form.list,这样我们拿到的每个item就是list中的每一项,然后给每个输入框绑定item.value,我们点击新增,会像list中push一个新的{value:""}这种格式的变量,就能实现动态新增,删除我们去通过传递给我们的index去寻找对应的输入输入框,然后删除数组的对应项。这时,我们就不能单纯的去一对一的进行v-model的绑定,而是需要通过v-for进行遍历,通过item和index去进行动态绑定,
2024-01-05 10:53:15
423
1
原创 el-dialog中echarts图表不显示的解决方案
在vue的项目开发中,会有这样一种情况,我们需要在dialog中防止echarts图示,但是在上手的时候会发现,第一次打开dialog时图示不会显示,但是第二次打开之后就显示了。
2023-11-08 11:00:48
1462
1
原创 JS中防抖和节流的实现
在 JavaScript 中,防抖(debounce)和节流(throttle)是两种常用的性能优化技术,用于控制函数的执行频率,以避免过多的计算或请求。
2023-10-27 14:14:16
89
1
原创 map方法的用法详解
JavaScript中的map()方法是数组对象的一个高阶函数,它用于对数组中的每个元素进行遍历处理(类似于for和foreach),并返回一个新的数组。并且不会改变原数组。
2023-10-27 10:18:37
83
1
原创 reduce方法的用法详解
reduce方法作为JavaScript中数组的一个高阶函数, 对数组中的每个元素执行一个由您提供的reduce函数(升序执行),将其结果汇总为单个返回值。reduce方法可做的事情特别多,就是循环遍历能做的,reduce都可以做,比如数组求和、数组求积、数组中元素出现的次数、等等。
2023-10-27 09:56:27
206
1
原创 SPA(单页面应用)首屏加载慢的解决方案
SPA(single-page application),翻译过来就是单页应用,SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTMLJavaScript和CSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面,在任何时间点都不会重新加载,与其对应的是MPA(MultiPage-page application)多页面应用。
2023-10-26 10:35:34
194
原创 动态绑定树状结构数据(问题解决方案:使用了递归)
在日常的开发中,我们会经常遇到棘手的问题,就是树状结构的数据处理,现在的大多数的树状结构的代码都是来源于elementUI,在elementUi中,提供了很多的方法供我们选择。,将我们处理完的data数据赋给tree时,数据类型一定要是数组!
2023-08-25 11:08:51
127
1
原创 !!js中双感叹号的用法
双感叹号在我们平时的开发中也是十分常用的,它的用法可以理解为对变量进行判断,当!!遇到null,undefind和空值时,就会返回false。我们在浏览器尝试一下 可以看到,浏览器打印的值都为false,在实际开发中,常用的场景是循环遍历数组时,每个item中的包含的对象不一样,需要动态的去控制组件是否显示
2023-08-14 14:07:03
131
原创 Vue动态绑定dom元素的样式(背景颜色,字体颜色)(嵌套了三元表达式)
在项目开发时,许多情况下,dom元素的样式不是一成不变的,是需要根据接口返回的数据去进行动态显示的,在vue中,v-bind就很好的为我们解决了这一问题。:在动态绑定图片的url地址是,需要写在require中!
2023-07-30 17:29:22
537
1
原创 解决动态绑定echarts的data数据,页面无法进行渲染展示的问题
一般在我们使用echarts去绘制图标的时候,里面的data值一般都是去进行动态绑定的,比如在vue中去发送axios或者ajax请求,在请求成功的回调函数中对echarts的data数据进行动态绑定,但是有时会出现页面无法渲染的情况。以下提供了解决方案。
2023-07-30 11:13:48
3003
4
原创 Vue通过axios(封装ajax)调用接口并返回进行数据
在vscode或其他主流浏览器的控制台通过"npm install axios -g"去全局安装axios。
2023-07-26 14:16:23
1720
原创 Vue通过Vue.prototype.$name实现全局挂载
在Vue中,$可以被理解成一种代码规范,在Vue的官方文档中,this.$是指vue中内置的一些属性,当然这些属性也可以通过我们的全局挂载去实现,这样做的意义是防止与实例中定义的数据,方法,计算属性冲突。例如,我们在data中定义了number,但是在我们绑定到原型中的时候没有用$符号,在我们想通过this.number去获取数据的时候,就会产生代码冲突。在main.js中通过Vue.prototype可以实现全局挂载,在每一个Vue实例中都可以使用它,减少代码冗余,那为什么要使用$符号去定义呢?
2023-07-26 09:33:47
221
1
原创 “vue : 无法加载文件 D:\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本”的解决方法
vue创建项目报错,用管理员打开vscode,再去更改执行策略,即可创建成功!
2023-07-25 09:00:12
1713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人