- 博客(76)
- 收藏
- 关注
RSS订阅原创 vue2对接sse接口实现实现chatgpt式流式输出
server send event简称sse，也就是我们所说的sse技术。是es5提出的一种基于http协议的服务器推送技术。与websocket类似，与服务器构建通道后，服务器可以实时主动向客户端发送信息。且sse本身只能支持Get请求，如果需要post请求的场景，可以引入或安装第三方组件解决。2、在vue文件中引入。
2025-03-29 11:07:19
230
原创 vue2 纯前端实现像chatGpt一样的文字流式输出
4、渲染成功后，如果文字流输出还没有遍历完 就关闭页面，这时候就出现一个问题，当你在打开的时候，文字就会像蹦迪一样（忽闪忽闪的）这时候就用到了 我们刚刚提到取消请求和中断输出。2、首先确定接口返回的是字符串，那就先调取接口。3、获取完数据就可以将数据渲染上去了。1、先展示一下效果啦。
2024-12-11 14:45:26
1547
原创 vue2 el-table实现跨页多选功能
2、在data里声明一个数组 用来存放勾选的项 allSelected。1、首先要在el-table上绑定勾选框和全选框的事件。
2024-12-11 14:02:43
503
转载 浏览器网页适配
然后在index.html文件里添加script标签以及下面的代码,为的是保证放大或者缩小页面的时候,背景图不变且不受影响,看起来美观一点,提示:index.html里引用的图片最好放在static或者public文件夹下,要保证打包的时候不被包含在内(如果不加背景图就不用写下面这些代码了)(我的浏览器不全屏的时候是1920*937,全屏的时候是1920*1080)1.在main.js中获取浏览器的宽高,并挂载到全局变量上以便使用。
2024-05-15 18:00:48
201
原创 error 403 In most cases, you or one of your dependencies are requesting解决
刚开始以为是登录了前公司的git账号导致。后来发现是镜像源的问题。
2023-05-22 12:35:19
924
原创 forEach如何中断循环
1.使用continue报错2.使用break报错3.使用return let arr = [1, 2, 3] arr.forEach(item=> { if(item ==2) { return } console.log(item); })// 输出 1 , 3正确方法：1.try throw2.使用其他方法...
2022-05-10 11:11:08
9741
原创 vendor.js? [sm]:190 [Vue warn]: Error in render: “TypeError: Cannot read property ‘replace‘ of undef
解决方法：后端返回的数据肯能是null
2022-04-20 10:23:26
695
转载 echarts实现3d环形饼状图
首先确保在项目中引入了echarts和echarts-gl"echarts": "^4.9.0","echarts-gl": "^1.1.2"剩下的配置好optionData的数据，交给代码<template> <div class="water-eval-container"> <div class="cityGreenLand-charts" id="cityGreenLand-charts"> <...
2022-03-04 18:04:25
23581
46
原创 css超出隐藏
1.单行超出隐藏div { overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //用省略号显示 white-space:nowrap; //不换行}2.多行超出隐藏div{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; // 从上
2022-02-19 10:34:48
20946
原创 vue的生命周期、uni-app页面生命周期
vue的生命周期uni-app页面生命周期(uni-app支持vue的生命周期)onLoad 和 onShow 的区别
2022-02-19 10:04:25
4695
1
原创 JS正则表达式隐藏身份证中间8位(电话号码/姓名/千位符)......
// 案例<template> <div>{{ house || '' + address || '' }}</div> <div>{{ house || '' }} {{ address || '' }}</div> <div>{{ (house || '').concat(address || '') }}</div> <div>{{ idCard && idC.
2022-01-15 17:35:08
6403
1
原创 vue中做移动端Rem适配
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem lib-flexible 用于设置 rem 基准值 一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）1、安装yarn add amfe-flexible2、然后在 main.js 中加载执行该模块import 'amfe-flexible'最后测
2021-12-22 17:40:07
687
1
原创 Vue实现图片懒加载vue-lazyload
1.下载npmivue-lazyload-S2.引入挂载import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with optionsVue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'dist/lo...
2021-12-15 10:21:38
754
2
原创 前端常见面试题总结(持续更新中~~~)
promise是什么Promise 是一个对象，一般作为构造函数来使用（new Promise），它里面有 3 种状态，pending（处理中）、fulfilled（成功）、rejected（失败）。怎么用拿到一个 Promise 实例后，具有 then 和 catch 方法，一般 then 里面拿到成功的结果，catch 拿到失败的结果。解决了什么问题它主要解决了回调地狱的问题，但是 Promise 并不能简化代码。有什么替代方案所以我一般工作的时候都会配合 async/a
2021-12-14 17:52:07
1387
原创 form表单只有一个input框会自动提交
<!-- 头部搜索 --> <el-form class="head"> <el-form-item class="search" :model="reqData"> <span>学科名称</span> <el-input placeholder="请输入" v-model="reqData.subjectName" ..
2021-12-14 16:46:20
1387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人