- 博客(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
3143
8
原创 vue3 封装一个弹框,实现点击空白处关闭
vue3项目,有一个侧边弹框的功能,组件库里面没有找到,手撸一个。要点有两个。具名插槽和点击空白处关闭先上代码组件的使用这里是展现出来的效果这里实现了可以自定义头部,尾部和主题内容的功能,通过默认插槽和具名插槽,自带了一个右上角的关闭按钮。
2023-07-27 14:18:55
1137
1
原创 模仿chatgpt文字的流式输出, eventStream
用过chatgpt的同学都知道,chatgpt的文本是流式输出的,也就是有打字机的那种一个字一个字蹦出来的效果,这里不是前端控制的那种效果(前端拿到所有的文本,然后一个字一个字的渲染),而是我们真的一个字一个字的从服务端拿到然后立刻渲染后页面上,这里主要涉及到。send函数展示了如何建立连接,并接受由服务端推送过来的消息,stop函数展示了如何结束这个连接。
2023-07-24 16:03:08
1324
原创 js常用的工具函数
给接口传递参数时,尝尝会传递一些空的值,接口没有做兼容的时候就会报错。这里的对象只在有值的时候才会添加这个属性和属性值。elementUI很多组件都需要绑定[{ name: ‘’, value: ‘’ }]格式,后端有时候就给普通的对象格式。
2023-04-13 15:39:10
71
原创 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
1288
原创 echarts-wordcloud 血泪总结使用说明 (配置项及其不足点优化)
echarts-wordcloud的配置项说明,及权重问题优化
2022-02-22 14:47:48
23759
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
65
原创 时间格式处理
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
396
原创 封装基于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
217
原创 前端必备:输入url回车到出现页面,发生了什么!
浏览器分析链接指向页面的url 浏览器向DNS请求解析ip地址 域名系统DNS解析出IP地址 浏览器与服务器建立TCP连接 浏览器发出取文件命令 服务器给出响应,把文件发送给浏览器 释放tcp连接一. 统一资源定位符URLURL:用来表示从因特网上得到的资源位置和访问这些资源的方法。组成部分:<协议>://<主机>:<端口>/<路径>协议:指的用什么协议来获取万维网文档,常用的有http,ftp主机: 域名二. 域名.
2021-04-18 15:20:15
175
原创 vue项目中的页面刷新
那些粗暴的页面刷新方法无法满足我们审美上、体验第一的需求上的要求了,更加流畅的刷新技术需要被使用!!!这里有两种好的跳转方法原文链接:vue项目刷新当前页面最优解决方式一种是利用中转页面,我用上了第二种,通过在app.vue里的v-if来刷新,同时利用provide与injecte来向所有的组件传递reload方法,最后利用了nextTick控制刷新的时机。下面介绍一下第二种方法中利用到的几个知识点:1.provide与inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入
2020-11-30 10:03:52
207
原创 vue项目动态拖动生成元素的实现以及不同屏幕的适配
以上为实现效果图(有点糙),下面是详图右边两个标签栏中的每个标签都可以被拖动,是目标元素。坐标的上中下三个框是容器,要做到两点。一:标签拖到对应的容器范围内部时要背添加到这个容器内部二:标签拖动进入后要自动生成一个固定样式的元素以下为代码分析部分:需要解决的两大问题:一:拖动的实现二:拖动结束,元素位置的确定三:数据的处理首先是拖动的实现:1.为需要拖动的目标元素添加属性 draggable = "true"<div class="tagSet"&..
2020-11-19 11:17:46
1611
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
535
原创 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
184
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人