- 博客(97)
- 资源 (1)
- 收藏
- 关注
原创 element-ui 输入框键盘回车事件导致页面刷新
W3C标准的说法是:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。例如:现在这个form里只有一个input,你回车,它竟然没有触发事件,而是刷新页面了,而且放两个input就没问题了,element-ui提供了输入框的键盘事件:@keyup.enter.native="handleSubmit"
2024-10-14 10:01:44 217
原创 每天进步一点点(前端)
nodejs 如何充分利用多核 CPU? 总所周知, NodeJS 是单线程执行任务, 不同于 浏览器还可以使用等手段多线程执行任务。那么 NodeJS 中, 是如何充分利用物理机的多核 CPU 呢?有三种方式在 Node.js 中,JS 也是单线程的,只有一个主线程用于执行任务。但是,在 Node.js 中可以使用多进程来利用多核机器,以充分利用系统资源。Node.js 提供了,可以轻松创建子进程来处理任务。通过将任务分配给不同的子进程,每个子进程可以在自己的线程上执行任务,从而实现多核机器的利用。
2024-08-20 17:11:19 844
原创 使用nvm切换Node.js版本
nvm(Node Version Manager)是一个用于管理Node.js版本的工具,它允许你在同一台机器上安装和切换多个Node.js版本。它可以实现无忧安装,并在不同版本之间轻松切换,从而节省了真正重要的事情的时间。nvm list available // 查显示可以安装的所有node.js的版本。nvm ls // 看安装的所有node.js的版本。nvm install 16.15.0 // 安装16.15.0。
2024-08-13 14:46:17 1123
原创 双击编辑el-table的单元格数据
(1) el-table刷新要求绑定el-table的key要发生变化才会刷新(2) 单元格双击事件 cell-dblclick(3) 往row里面添加一个属性来唯一标识某一行的数据,双击时使这特殊属性为true,输入框失去焦点时则设置特殊属性为false,并且输入框的显示与隐藏通过v-if与特殊属性绑定。(4) 回车事件@keyup.enter.native
2023-12-29 16:29:55 1884
原创 百度编辑器常用设置
imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //图片上传接口。getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//获取视频接口。fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上传接口。6、获取编辑器内容纯文本格式。10、获取整个html内容。7、获取带格式的纯文本。5、编辑器是否有内容。
2023-12-29 16:17:02 889
转载 2023年中前端面试真题之Vue篇~
在 Vue.js 中,指令(Directives)是一种特殊的 token,可以在模板中使用,以表示对 DOM 元素的行为。指令以v-开头,后面跟着指令的名称,例如v-bindv-if等。指令用于将模板中的数据与 DOM 元素进行绑定,控制元素的显示、隐藏、渲染和行为等。v-bind:」作用:用于绑定元素的属性,将元素的属性值与 Vue 实例的数据进行绑定。v-model:」作用:用于实现表单元素与 Vue 实例数据的双向绑定,使用户输入能够自动更新数据,反之亦然。v-for:」
2023-11-19 22:04:06 142
原创 fetch 获取流式数据(chatgpt的流式输出)
fetch 获取流失数据,并实时展示在页面(chatgpt的流式输出)好处:流式获取一般在用于数据量比较大的情况,一次性返回会导致前端页面加载时间过长或者请求超时等问题,这时候我们就可以考虑使用流式的方式拿到部分数据并先展示,从而提升用户体验。使用场景:在对接chatgpt 语言模型的时候采取的这种方案,因为目前的大语言的模型的结果都是需要一点点计算的,如果提出的问题比较复杂就导致响应的时间过长。背景:项目中需要获取chatgpt实时返回的数据。
2023-11-19 21:58:38 2713 8
原创 react 组件进阶
组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能,而在这个过程中,多个组件之间不可避免的要共享某些数据。3.注意:使用类组建时,如果写了构造函数,应该将props传递给super(),否在无法在构造函数中获取到props。思路:利用回调函数,父组件提供回调,子组件调用,将要传递的数据作为回调函数的参数。公共父组件职责,1,提供共享状态 2,提供操作共享状态的方法。2.能够实现父子组建之间的通讯。
2023-11-12 23:33:18 594 1
原创 [vuex] unknown mutation type: SET_SOURCE
*当我们commit的时候要注意要加上模块的名字 user是模块名称,SET_SOURCE是user模块中定义的方法。项目中使用了vuex,并且以模块的形式分好之后。在调用的时候出现了以上问题。
2023-11-12 17:28:49 295
原创 vue 项目配置跨越
3、假如请求的真正地址为:http://47.93.220.246:8300/cloud-auth/auth/,但我们在浏览器上会看到是这样的: http://localhost:8080/api/cloud-auth/auth/ ,多了个/api,但并不影响我们请求数据。1、在proxy中设置要访问的地址,并重写/api为空的字符串,因为我们真正请求的地址是没有带/api,这个重写很重要!2、在创建axios实例的时候将baseURL设置为/api ,这时候我们的跨域就已经完成了。
2023-11-11 23:21:44 815
原创 process.env.XXX环境变量不生效的解决方法
一:项目根目录下的.env.development和.env.production环境配置文件中,NODE_ENV=development的值必须和package.json文件启动配置--mode一致。二:.env.development和.env.production环境配置文件中变量名必须以VUE_APP_开头。//package.json文件。
2023-11-11 22:48:42 2518
原创 Uncaught runtime errors:×ERRORRequest failed with status code 404
Request failed with status code 404 at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15) at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:18:12) at XMLHttpRequest.handleLoad
2023-11-10 23:43:45 3332
原创 Another git process semms to be running in this repository, e.g. an editor opened by ‘git commit’.
Another git process semms to be running in this repository, e.g. an editor opened by ‘git commit’. Please make sure all processes are terminated then try again. If it still fails, a git process remove the file manually to continue…
2023-10-20 14:08:49 214
原创 级联选择器 获取到的数据进行数据转换
级联选择器 获取到的数据进行数据转换转换为let data = [ ["指南", "设计原则", "一致"], ["指南", "设计原则", "反馈"], ["指南", "设计原则", "效率"], ["指南", "设计原则", "可控"], ["其他","其他子项""] ];
2023-09-05 14:34:41 162
原创 element ui - el-select获取点击项的整个对象item
1.element ui - el-select获取点击项的整个对象item2.vue.runtime.esm.js:619 [Vue warn]: children must be keyed:
2023-08-24 17:32:27 3435
原创 el-date-picker设置当前日期之前的日期不可选,并且日期的范围只能选择7天内的日期
el-date-picker选择时间范围,并且只能选择当前日期之后的七天
2023-08-24 17:20:49 1656
原创 arr1 = [1,2]arr2=[1,2,3,4,5,6]用javascript的方式将以上两组数据处理成 1:1,2:2,3:1,4:2,5:1,6:2
arr1 = [1,2]arr2=[1,2,3,4,5,6]用javascript的方式将以上两组数据处理成 1:1,2:2,3:1,4:2,5:1,6:2
2023-07-13 15:39:57 153
原创 百度地图定位以及创建信息窗口
百度地图定位以及创建信息窗口,在百度地图上展示校区的名称,地址,增加信息窗口,信息窗口增加两个按钮,按钮可以点击可以实现交互。默认启用滚轮放大缩小 map.enableScrollWheelZoom();
2023-06-19 09:59:57 468
原创 请用 python+selenium 爬取 XXX 网站上的所有a链接的 href属性并访问,输出访问地址和状态码
请用 python+selenium 爬取 XXX 网站上的所有a链接的 href属性并访问,输出访问地址和状态码
2023-06-08 15:07:52 5522
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人