自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 npm login问题汇总

request to https://registry.npmjs.org/-/v1/login failed, reason: connect ETIMEDOUT。这个地址https://registry.npmmirror.com/-/v1/login/request/session/60eec133-af28-4005-8a67-7a71c25a08ca。还是和上面一样的办法,把地址中的https改为http,这样npm login的时候就没问题了!

2023-12-11 15:38:46 2044 8

原创 前端视频文件mp4文件的分片加载渲染

视频的分片加载

2023-08-02 15:28:29 881 2

原创 图片文件的分片加载实现,前后端代码, fetch + koa2

文件分片加载渲染

2023-08-02 11:08:15 458

原创 vue3 elementPlus 解决密码框自动填充问题

【代码】vue3 elementPlus 解决密码框自动填充问题。

2023-07-31 11:41:28 1374 2

原创 canvas 实现动态背景图

【代码】canvas 实现动态背景图。

2023-07-27 15:28:51 558 1

原创 vue3 封装一个弹框,实现点击空白处关闭

vue3项目,有一个侧边弹框的功能,组件库里面没有找到,手撸一个。要点有两个。具名插槽和点击空白处关闭先上代码组件的使用这里是展现出来的效果这里实现了可以自定义头部,尾部和主题内容的功能,通过默认插槽和具名插槽,自带了一个右上角的关闭按钮。

2023-07-27 14:18:55 928 1

原创 模仿chatgpt文字的流式输出, eventStream

用过chatgpt的同学都知道,chatgpt的文本是流式输出的,也就是有打字机的那种一个字一个字蹦出来的效果,这里不是前端控制的那种效果(前端拿到所有的文本,然后一个字一个字的渲染),而是我们真的一个字一个字的从服务端拿到然后立刻渲染后页面上,这里主要涉及到。send函数展示了如何建立连接,并接受由服务端推送过来的消息,stop函数展示了如何结束这个连接。

2023-07-24 16:03:08 1007

原创 echarts 对称条形图(x轴左右对称柱状图)的实现

【代码】echarts 对称条形图(x轴左右对称柱状图)的实现。

2023-06-27 17:52:34 1205 1

原创 js常用的工具函数

给接口传递参数时,尝尝会传递一些空的值,接口没有做兼容的时候就会报错。这里的对象只在有值的时候才会添加这个属性和属性值。elementUI很多组件都需要绑定[{ name: ‘’, value: ‘’ }]格式,后端有时候就给普通的对象格式。

2023-04-13 15:39:10 56

原创 3d graph (3d关系图)的使用

【代码】3d graph (3d关系图)的使用。

2022-12-11 23:45:27 1133

原创 高德地图组件使用总结

高德地图api

2022-12-11 23:38:21 516

原创 echarts map (echarts地图)使用总结

echarts 地图的各种使用场景

2022-12-11 23:04:48 10917

原创 vite+vue3+element-plus项目ps改rem

安装postcss-pxtorem: npm i postcss-pxtorem -D与package.json同级目录创建postcss.config.js文件module.exports = { plugins: { autoprefixer: { overrideBrowserslist: [ "Android 4.1", "iOS 7.1", "Ch.

2022-04-29 10:50:40 1091

原创 前端虚拟列表的实现(vue)

虚拟列表

2022-02-28 20:09:36 2362

原创 echarts-wordcloud 血泪总结使用说明 (配置项及其不足点优化)

echarts-wordcloud的配置项说明,及权重问题优化

2022-02-22 14:47:48 22693 9

原创 常用git命令

创建分支: git branch branchName切换分支: git checkout branchName创建新分支并立即切换到该分支: git checkout -b branchName删除本地分支命令: git branch -d branchName查看所有分支: git branch -a合并分支: git merge branchName(将branchName分支并入当前分支)...

2022-02-15 10:56:57 54

原创 时间格式处理

const detailtimes = (date) => { // times为时间对象 if (date) { var Y = date.getFullYear() + '/' var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '/' var D = (date.getDate() < 10 ? '0

2022-01-18 16:40:06 382

原创 封装基于Jquery的鼠标移入弹框组件(可换行,可自定义样式)

jquery项目,bootsrtape自带的鼠标移入弹框组件无法满足大段换行文字的需求,实现了一个样式部分.tjfInformations{ position: relative; font-style: normal; cursor: pointer; }.tjfInformations>.contentbox-top{ z-index: 1099; background-color: #fff; color: #000; posi.

2021-05-08 14:40:40 202

原创 前端必备:输入url回车到出现页面,发生了什么!

浏览器分析链接指向页面的url 浏览器向DNS请求解析ip地址 域名系统DNS解析出IP地址 浏览器与服务器建立TCP连接 浏览器发出取文件命令 服务器给出响应,把文件发送给浏览器 释放tcp连接一. 统一资源定位符URLURL:用来表示从因特网上得到的资源位置和访问这些资源的方法。组成部分:<协议>://<主机>:<端口>/<路径>协议:指的用什么协议来获取万维网文档,常用的有http,ftp主机: 域名二. 域名.

2021-04-18 15:20:15 153

原创 vue项目中的页面刷新

那些粗暴的页面刷新方法无法满足我们审美上、体验第一的需求上的要求了,更加流畅的刷新技术需要被使用!!!这里有两种好的跳转方法原文链接:vue项目刷新当前页面最优解决方式一种是利用中转页面,我用上了第二种,通过在app.vue里的v-if来刷新,同时利用provide与injecte来向所有的组件传递reload方法,最后利用了nextTick控制刷新的时机。下面介绍一下第二种方法中利用到的几个知识点:1.provide与inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入

2020-11-30 10:03:52 189

原创 vue项目动态拖动生成元素的实现以及不同屏幕的适配

以上为实现效果图(有点糙),下面是详图右边两个标签栏中的每个标签都可以被拖动,是目标元素。坐标的上中下三个框是容器,要做到两点。一:标签拖到对应的容器范围内部时要背添加到这个容器内部二:标签拖动进入后要自动生成一个固定样式的元素以下为代码分析部分:需要解决的两大问题:一:拖动的实现二:拖动结束,元素位置的确定三:数据的处理首先是拖动的实现:1.为需要拖动的目标元素添加属性 draggable = "true"<div class="tagSet"&..

2020-11-19 11:17:46 1508 3

原创 vue 项目中axios的使用以及封装 跨域的配置

1.新建request.js文件(我放于util目录下),里面引入axios,创建axios实例,在实例里面作基础路径的配置,暴露出axios实例对象import axios from 'axios'const request = axios.create({ baseURL: 'api/', // 基础路径 withCredentials: true // 表示请求可以携带cookie})export default request2.配置具体的请求接口。新建目录 src/ap

2020-11-18 10:45:54 514

原创 AJAX知识大全

AJAX知识大全AJAXAJAX使用步骤原生的Ajax使用步骤:1. 创建XMLHttpRequest 对象2. 向服务器发送请求3. 获得来自服务器的响应4. xhr的其他方法Jquery中的Ajax使用步骤:1.使用方法2. 属性方法设置HTTP报文结构请求消息1.请求行2.请求头部3.空行4.请求数据响应消息1.请求行2.响应头3.响应体AJAXAsynchronous JavaScript + XML(异步JavaScript和XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需

2020-09-05 14:17:56 172 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除