- 博客(17)
- 收藏
- 关注
RSS订阅原创 如何访问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关注的人