weixin_44875693的博客

原创 gitLab 使用 git clone 克隆代码报错:fatal: repository ‘http://XXXXX.git/‘ not found

转载 el-table 取消鼠标悬浮时行高亮效果

原文链接

原创 js实现滑块选择功能

【代码】js实现滑块选择功能。

原创 Git 的基本概念和使用方式。

分支（Branch）：Git允许创建和管理并行的代码版本，每个分支都是一个独立的代码分支，可以在分支上进行开发和测试，并将修改合并回主分支。远程仓库（Remote Repository）：远程仓库是存储在远程服务器上的代码仓库，可以将代码从本地仓库推送到远程仓库中。仓库（Repository）：Git用来存储代码版本的地方，可以在本地或者远程服务器上创建，包含了代码的版本和修改历史记录。克隆（Clone）：使用Git可以将远程仓库中的代码克隆到本地，进行本地开发和修改。合并分支，将修改合并到主分支中。

原创 webscoket 和http请求的区别

WebSocket 是一种双向通信协议，它允许客户端和服务器之间建立一条持久的连接，在连接建立后，客户端和服务器可以双向传输数据。与 HTTP 请求不同的是，WebSocket 不需要重新发起连接和重新发送头部信息，这使得 WebSocket 的通信速度更快、更实时。HTTP 请求可以使用不同的方法，如 GET、POST、PUT、DELETE 等，来实现不同的操作。通常情况下，HTTP 请求是由客户端发起的，服务器在收到请求后返回相应的数据或者状态码。

原创 Vscode设置背景图片

Vscode设置背景图片，和图片的透明度。

原创 CSS，设置虚线网格为元素背景

CSS，设置虚线网格为元素背景。

原创 vue,页面悬浮按钮

【代码】vue,页面悬浮按钮。

原创 CSS, flex布局中，最后一行靠左显示。

【代码】CSS, flex布局中，最后一行靠左显示。

原创 纯前端登录校验码组件封装

纯前端登录校验码组件封装，canvas生成的常规校验、运算校验，依赖生成的拖住校验

原创 vue+docxtemplater，填充word模板

vue+docxtemplater，填充word模板。

原创 2022前端面试—js+vue篇(持续更新)

2022前端面试—js+vue篇(持续更新)

原创 2022前端面试—CSS篇

css 面试

原创 vue 中引入阿里图标库，封装iconPicker组件

vue 中引入阿里图标库，封装iconPicker组件

原创 解决el-dialog弹出时，页面抖动，右侧会缩小的问题

解决el-dialog弹出时，页面抖动，右侧会缩小的问题

原创 vue文件下载blob流，乱码问题

vue下载文件blob格式，乱码

原创 关于el-table 滚动条或者表头与内容错位问题

关于el-table 滚动条或者表头与内容错位问题

转载 将dev分支代码提交到master分支

git

原创 vue.config.js配置打包删除console和debugger

项目版本：@vue/cli 4.5.15webpack: 4.46.0webpack-cli: 4.9.2 webpack-dev-server 3.11.3vue.config.js配置chainWebpack: (config) => { // 去掉debugger console config.when(process.env.NODE_ENV !== "development", config => { config.op

原创 Echarts地图组件，可拖拽超出父盒子范围问题解决

问题：在使用echarts地图时候，开启地图可拖拽功能，会出现地图拖出父级范围，消失不见;解决方法：// 给父盒子绑定离开事件<div @mouseleave="mouseleave"></div>methods：{ // 鼠标离开父盒子范围，重绘地图 mouseleave（）{ this.chart.setOption(this.option,true) }}...

原创 windos桌面右键打开vscode

windos桌面右键打开vscode Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\VSCode]@="Open with Code""Icon"="C:\\Users\\Administrator\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe"[HKEY_CLASSES_ROOT\*\shell\VSCode\command]@="\"C:\\Us

原创 vscode配置保存自动格式化

第一步:先打开vscode软件，左下角点击设置 》打开设置》唤出快速搜索条界面。第二步:接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。第三步:设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier / Vetur。第四步:设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSav

原创 VS Code配置自动保存后Prettier自动格式化代码

添加链接描述

原创 Vue中使用e-icon-picker 图标选择组件(兼容：FontAwesome、iconFont、ElementUI-icon)

1.引入依赖npm install e-icon-picker -S2.main.js配置import '@/components/IconPicker/index.css';import '@/components/IconPicker/main.css';import eIconPicker from 'e-icon-picker';import { analyzingIconForIconfont } from '@/components/IconPicker';import icon

原创 vue中使用防抖、节流

1.什么是防抖节流*** 函数防抖（debounce）*** 是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间，所以短时间内的连续动作永远只会触发一次。函数节流（throttle） 是指一定时间内执行的操作只执行一次，也就是说即预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期，一个比较形象的例子是如果将水龙头拧紧直到水是以水滴的形式流出，那你会发现每隔一

原创 ES6\ES7-ES12,实用知识点汇总

ES2015(ES6)ES6文档ES2016(ES7)1、Array.prototype.includes()includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。语法：arr.includes(valueToFind，[fromIndex])fromIndex 可选 从fromIndex 索引处开始查找 valueToFind。如果为负值（即从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）默认为 0。const a

原创 css---伪类使用字体图标（iconfont/FontAwesome）等

1.找到要使用图标的Unicode字符2.代码中添加.el-form-item__error:before { content: '\f06a'; font-family: FontAwesome; //FontAwesome图标 }&::after { content: '\e60b'; font-family: "iconfont"; //iconfont 图标

原创 Flex布局如何实现最后一个元素右对齐，或者第一个元素左对齐

1.需求（盒子里有N个子元素，最后一个元素一直居右显示）// 父盒子.box{ display:flex; flex-wrap: wrap;}// 第一个子元素，一直靠左显示// 给第一个子元素添加：margin-right：auto；// 最后一个子元素，一直靠右显示// 给第一个子元素添加：margin-left：auto；...

原创 vue页面事件/鼠标事件禁用

某个dom的鼠标右键禁用<div @contextmenu.prevent="handlePaste($event)">methods:{ // 禁用鼠标右键点击事件 handlePaste(event){ event.preventDefault(); return false; },}整个页面的事件禁用created(){this.stopF5Refresh();},methods:{stopF5Refresh() { document.onk

原创 vue中引入mock.js

1.安装mock.js npm install mockjs --save-dev2.mock.js // 引入mockjsconst Mock = require('mockjs');// 获取 mock.Random 对象const Random = Mock.Random;// mock一组数据const produceNewsData = function() { let articles = []; for (let i = 0; i < 100;

原创 js/vue监听浏览器刷新和关闭方法

mounted(){ window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('beforeunload', e => this.beforeunloadHa

原创 js递归ID匹配

根据id匹配，返回匹配到的id对应name function findPnodeId(data,id){ let result; for (var i = 0; i < data.length; i++) { if (data[i].id == id) { return data[i].title; } else if (data[i].children && data[i].children.lengt

原创 js多层数组的Filter过滤

// 搜索框过滤 function searchFilter(list, key, num, prevList) { for (let i = list.length - 1; i >= 0; i--) { let item = list[i] if (item.children && Array.isArray(item.children) && item.children.length &g...

原创 js，递归获取所有父级Id

// 获取所有父级ID function getActiveMenuId(path, arr, paths) { if (paths === undefined) { paths = [] } if(arr){ for (let i = 0; i < arr.length; i++) { const tmpPath = paths.concat()

原创 Vue3+项目切换(设置)路由模式

Vue3+项目切换(设置)路由模式history模式，导出createWebHistoryimport { createRouter, createWebHistory } from "vue-router";import Home from "../views/Home.vue";const routes = [{ path: "/", name: "Home", component: Home, }, { pa

转载 2021-10-22

qs.parse()、qs.stringify()使用方法11 篇文章0 订阅订阅专栏es67 篇文章0 订阅订阅专栏React17 篇文章1 订阅订阅专栏qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.qs.parse()将URL解析成对象的形式const Qs = require(‘qs’);let url = ‘method=query_sql_dataset_data&projectId=85&appToken=7d22e38e

原创 vue.js在IE浏览器的兼容问题

IE不兼容Vue的原因无非就是编译不了高于ES5的语法,因此解决IE的兼容问题就要将项目中的高级语法转化为IE可以编译的ES5语法.1.vue-cli2.0项目1. 安装babel-polyfill 执行以下命令，重启服务器：npm install --save babel-polyfill2.在main.js引入 polyfillimport 'babel-polyfill'3.在webpack.base.conf.js中配置 polyfill:entry: { app: ['b

原创 Vue3.0可视化安装

1.安装node.jsnode -v 版本查看npm -v 版本查看2. npm install @vue/cli -g 全局安装Vue-cli3. vue ui 打开可视化面板-------------如果出现 vue 不是内部命令----------------去电脑搜索 vue.cmd 查看该文件地址,然后在 系统 环境变量里面配置该地址,重启电脑,运行 vue ui 成功!...

原创 ES6文档

------------ES6文档链接------------

转载 es6中set用法

//定义从var变为let 不可重复定义let a=[1,2,3,4,5]; // Set 它类似于数组，但是成员的值都是唯一的，没有重复的值。 let set=new Set(); Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。add(value)：添加某个值，返回 Set 结构本身。delete(value)...