- 博客(55)
- 收藏
- 关注
RSS订阅原创 Git 的基本概念和使用方式。
分支（Branch）：Git允许创建和管理并行的代码版本，每个分支都是一个独立的代码分支，可以在分支上进行开发和测试，并将修改合并回主分支。远程仓库（Remote Repository）：远程仓库是存储在远程服务器上的代码仓库，可以将代码从本地仓库推送到远程仓库中。仓库（Repository）：Git用来存储代码版本的地方，可以在本地或者远程服务器上创建，包含了代码的版本和修改历史记录。克隆（Clone）：使用Git可以将远程仓库中的代码克隆到本地，进行本地开发和修改。合并分支，将修改合并到主分支中。
2023-05-31 11:57:37
446
原创 webscoket 和http请求的区别
WebSocket 是一种双向通信协议，它允许客户端和服务器之间建立一条持久的连接，在连接建立后，客户端和服务器可以双向传输数据。与 HTTP 请求不同的是，WebSocket 不需要重新发起连接和重新发送头部信息，这使得 WebSocket 的通信速度更快、更实时。HTTP 请求可以使用不同的方法，如 GET、POST、PUT、DELETE 等，来实现不同的操作。通常情况下，HTTP 请求是由客户端发起的，服务器在收到请求后返回相应的数据或者状态码。
2023-05-31 11:53:42
238
原创 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
2022-05-11 11:26:29
2574
1
原创 Echarts地图组件，可拖拽超出父盒子范围问题解决
问题：在使用echarts地图时候，开启地图可拖拽功能，会出现地图拖出父级范围，消失不见;解决方法：// 给父盒子绑定离开事件<div @mouseleave="mouseleave"></div>methods：{ // 鼠标离开父盒子范围，重绘地图 mouseleave（）{ this.chart.setOption(this.option,true) }}...
2022-05-06 16:11:10
2167
7
原创 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
2022-05-05 14:59:03
377
原创 vscode配置保存自动格式化
第一步:先打开vscode软件，左下角点击设置 》打开设置》唤出快速搜索条界面。第二步:接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。第三步:设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier / Vetur。第四步:设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSav
2022-04-15 15:36:16
46191
9
原创 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
2022-04-13 11:53:50
2179
原创 vue中使用防抖、节流
1.什么是防抖节流*** 函数防抖（debounce）*** 是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间，所以短时间内的连续动作永远只会触发一次。函数节流（throttle） 是指一定时间内执行的操作只执行一次，也就是说即预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期，一个比较形象的例子是如果将水龙头拧紧直到水是以水滴的形式流出，那你会发现每隔一
2022-04-13 09:07:20
4723
1
原创 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
2022-04-12 14:31:29
297
原创 css---伪类使用字体图标（iconfont/FontAwesome）等
1.找到要使用图标的Unicode字符2.代码中添加.el-form-item__error:before { content: '\f06a'; font-family: FontAwesome; //FontAwesome图标 }&::after { content: '\e60b'; font-family: "iconfont"; //iconfont 图标
2022-04-12 09:01:01
1251
原创 Flex布局如何实现最后一个元素右对齐，或者第一个元素左对齐
1.需求（盒子里有N个子元素，最后一个元素一直居右显示）// 父盒子.box{ display:flex; flex-wrap: wrap;}// 第一个子元素，一直靠左显示// 给第一个子元素添加：margin-right：auto；// 最后一个子元素，一直靠右显示// 给第一个子元素添加：margin-left：auto；...
2022-03-30 16:45:25
2139
原创 vue页面事件/鼠标事件禁用
某个dom的鼠标右键禁用<div @contextmenu.prevent="handlePaste($event)">methods:{ // 禁用鼠标右键点击事件 handlePaste(event){ event.preventDefault(); return false; },}整个页面的事件禁用created(){this.stopF5Refresh();},methods:{stopF5Refresh() { document.onk
2022-03-29 17:57:18
5202
原创 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;
2022-03-24 17:01:40
491
原创 js/vue监听浏览器刷新和关闭方法
mounted(){ window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('beforeunload', e => this.beforeunloadHa
2022-03-22 10:37:20
1705
原创 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
2022-03-01 15:01:46
793
原创 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...
2022-03-01 14:59:33
1557
原创 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()
2022-03-01 14:56:39
1039
原创 Vue3+项目切换(设置)路由模式
Vue3+项目切换(设置)路由模式history模式，导出createWebHistoryimport { createRouter, createWebHistory } from "vue-router";import Home from "../views/Home.vue";const routes = [{ path: "/", name: "Home", component: Home, }, { pa
2021-11-05 14:29:36
736
转载 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
2021-11-03 11:14:24
61
原创 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
2020-05-14 23:10:24
1580
原创 Vue3.0可视化安装
1.安装node.jsnode -v 版本查看npm -v 版本查看2. npm install @vue/cli -g 全局安装Vue-cli3. vue ui 打开可视化面板-------------如果出现 vue 不是内部命令----------------去电脑搜索 vue.cmd 查看该文件地址,然后在 系统 环境变量里面配置该地址,重启电脑,运行 vue ui 成功!...
2020-05-14 16:14:19
314
1
转载 es6中set用法
//定义从var变为let 不可重复定义let a=[1,2,3,4,5]; // Set 它类似于数组，但是成员的值都是唯一的，没有重复的值。 let set=new Set(); Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。add(value)：添加某个值，返回 Set 结构本身。delete(value)...
2020-04-23 17:51:22
203
1
转载 ES6--------reduce()函数,数组处理
------------------------------------原文链接-----------------------------------------数组求和var total = [ 0, 1, 2, 3 ].reduce(( acc, cur ) => { return acc + cur}, 0);console.log(total) // 6二维数...
2020-04-23 17:40:43
199
原创 js 数组，对象常用方法
数组方法：1.push方法，将单个元素或者另外的数组添加到条用该方法的数组末尾去var arr=['1','2','3']arr.push(['4','5']alert(arr) // ['1','2','3','4','5']2.concat方法,就是将两个数组或者元素之间连接起来,调用该方法的数组放在前面，方法实参放在后面var arr=['1','2','3']var arr...
2020-04-13 18:02:47
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人