- 博客(69)
- 收藏
- 关注
RSS订阅原创 npm包发布
npm（Node Package Manager）是 Node.js 的包管理工具，用于安装、分享和管理 JavaScript 包和项目依赖。npm 是 Node.js 的默认包管理器，随同 Node.js 一起安装。
2024-03-29 10:11:13
953
原创 AXIOS
最后，导出了封装后的 Axios 实例 axiosInstance，以及一个用于取消请求的方法 cancelRequest。通过这种方式，可以在整个应用程序中使用封装后的 Axios 实例，并在需要时调用 cancelRequest 方法来取消请求。首先创建了一个 Axios 实例 axiosInstance，并配置了 baseURL 和 timeout 等默认选项。然后，在请求拦截器中添加了 cancelToken，确保每个请求都带有取消功能。在响应拦截器中，处理了取消请求的情况。
2023-12-13 11:29:33
305
原创 snmpwalk命令
snmpwalk命令snmpwalk命令是一个通过SNMP GET-NEXT类型PDU，实现对目标AGENT的某指定MIB分支信息进行完整提取输出的命令工作。snmpwalk [选项] agent [oid]由于SNMP协议中，不同的协议版本存在不同的参数选项，以下参数按协议分开说明。1.普通选项a) –h 显示帮助b) –v 1|2c|3 指定SNMP协议版本c) –V 显示当前SNMPWALK命令行版本d
2023-08-01 17:59:34
2128
原创 tcpdump工具
准备好安装包，如：libpcap-1.5.3-12.el7.x86_64.rpm tcpdump-4.9.2-4.el7_7.1.x86_64.rpm执行命令安装：或。
2023-07-11 18:21:03
793
原创 clipboard.js在dialog等弹出框中无效的问题
最近项目中使用clipboard.js做点击复制的功能,封装了一个小组件,发现在dialog中失效翻看文档发现这样一句话文档地址:空白目录 · clipboard.js中文文档 · 看云 (kancloud.cn)原因就是弹出框会自动focus，而复制的底层实现是要获取选中的内容，失去焦点后就无法获取到了，从而导致复制失败。我是用的UI框架是vuetify,有比文档更方便的方法,v-dialog自带属性 :retain-focus=“false” 就可以关掉dialog的自动聚焦了...
2022-05-08 10:30:34
719
原创 ubuntu中配置开发环境
一、界面全屏在 Hyper-V 中安装好 Ubuntu 后发现全屏模式并非预期的沉浸式全屏。解决方案：cd /etc/defaultsudo gedit grub修改GRUB_CMDLINE_LINUX_DEFAULT="quiet splash"为GRUB_CMDLINE_LINUX_DEFAULT="quiet splash video=hyperv_fb:1920x1080"刷新sudo update-grub重启sudo reboot1920x1080为将要设
2022-03-14 18:47:47
1705
原创 javascript函数参数和arguments
函数参数无论在函数申明中定义了多少形参，都可以传入任意数量的参数，也可以在定义函数参数时为其自定义个默认值。无默认值function test(url, time, callback) { console.log(url, time, callback)}有默认值function test(url, time = 2000, callback) { console.log(url, time, callback)}url是必需的参数，只有当不为有默认值的参数传入值或主动传入undef
2021-07-23 14:38:55
260
1
原创 Lodash
Lodash提供模块化、性能和额外功能的现代JavaScript实用程序库。官方地址：lodash数组数组去重按数组元素去重 const array1 = [1,1,2,3] const arr1 = uniqWith(array1, isEqual) // [1,2,3] const array2 = [ {id: 111, name: 'aaa'}, {id: 111, name: 'aaa'}, {id: 222, name: 'bbb'} ] const arr2
2021-07-21 18:52:49
442
1
原创 Docker
docker命令docker images // 查看镜像docker ps // 查看运行的容器 docker ps -a （查看所有的容器）docker run -it centos /bin/bash // 启动容器docker stop containerId // 停止容器docker rm containerId // 删除容器docker rmi imageId // 删除镜像docker pull imagename // 拉取镜像 (如：docker pull ngi..
2020-10-13 18:08:25
241
2
原创 Vue项目中使用svg图标
一、配置安装依赖npm install svg-sprite-loader --save-dev在src/components下新建文件夹及文件svgIcon/index.vue，index.vue中内容如下:<template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName"/> </svg>&
2020-09-23 17:58:50
614
原创 Centos Docker安装
Docker 支持以下的 64 位 CentOS 版本：CentOS 7CentOS 8更高版本…使用 Docker 仓库进行安装在新主机上首次安装 Docker Engine-Community 之前，需要设置 Docker 仓库。之后，您可以从仓库安装和更新 Docker。设置仓库安装所需的软件包。yum-utils 提供了 yum-config-manager ，并且 device mapper 存储驱动程序需要 device-mapper-persistent-data 和 l
2020-09-14 14:42:18
114
原创 关于vue-cli中index.html，main.js，App.vue之间的关系
学习Vue必定离不开vue-cli脚手架的运用，这里给大家梳理一下vue-cli的相关文件以及其调用关系。index.html为vue项目默认首页main.js为vue项目的入口文件,加载了各种公共组件(需要引用和初始化组件实例)引入相关资源初始化组件实例实例化参数：el：官方解释为实例提供挂载的元素。此处为index.html中的 <div id="app"><div>router：为router:router,的简写，指向引入文件中的routes
2020-09-11 15:09:21
617
原创 vue 导航钩子说明
导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。1. 全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // do something next()})router.afterEach((to, from, next) => { consol
2020-09-11 10:38:01
400
原创 Vue.extend的用法
Vue.extend( options )参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数<div id="mount-point"></div>// 创建构造器var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}}
2020-09-09 15:42:11
910
原创 前端通过代理解决跨域，后台nginx相应的配置
1.前端代理跨域：proxy: { '/adapter': { target: 'http://172.21.35.5:9090/', changeOrigin: true, ws: true, // xfwd: true pathRewrite: { '^/adapter': '' } }, '/firewall': { target: 'http://172.21.35.233:4080/api/', changeO
2020-09-09 15:18:57
697
原创 vue和vue-cli的区别与联系
概念：vue：是一套框架，用于构建用户界面的渐进式框架。Vue-cli： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。区别：vue是一整套框架，而vue-cli只是它其中的一个脚手架联系：vue-cli 是vue的命令行工具一个完整的vue项目核心构成...
2020-09-01 17:05:34
5675
原创 webpack之loader
loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。此时，我们可以定义一种规则，告诉webpack当他遇到某种格式的文件后，去求助于相应的loader。webpack.config.jsmodule: { rules: [{ test: /\.jpg$/, use: { loader: 'file-loader' } }]}打包静态资源图片 file-loa
2020-09-01 17:00:26
66
转载 Centos7 设置nginx开机自启动
1、在全局配置目录里创建nginx.service文件vi /etc/systemd/system/nginx.service2、写入内容如下：[Unit]Description=nginxAfter=network.target [Service]Type=forkingExecStart=/usr/local/nginx/sbin/nginxExecReload=/usr/local/nginx/sbin/nginx -s reloadExecStop=/usr/local/n
2020-08-28 16:46:59
148
原创 Linux 基本命令
一、查看ip 地址ip addr二、Linux 启动、关闭、重启网络服务的两种方式1、使用service脚本来调度网络服务//启动 service network start//关闭service network stop//重启service network restart2、直接bai执行网络服务的管理脚本//启动 /etc/init.d/network start//关闭/etc/init.d/network stop//重启/etc/init.d/n
2020-08-27 17:41:44
90
原创 Centos7安装Nginx及使用
一、安装各种依赖#gcc安装，nginx源码编译需要yum install gcc-c++#PCRE pcre-devel 安装，nginx 的 http 模块使用 pcre 来解析正则表达式yum install -y pcre pcre-devel#zlib安装，nginx 使用zlib对http包的内容进行gzipyum install -y zlib zlib-devel#OpenSSL 安装，强大的安全套接字层密码库，nginx 不仅支持 http 协议，还支持 https（即
2020-08-27 17:05:50
175
原创 HTML页面导出为PDF
1、需要的js文件html2canvas.jsjsPdf.debug.js其中html2canvas.js文件主要用于将html文件转换为图片，而后jsPdf.debug.js文件负责将图片导成文件。2、部分代码function getPdf(idStr, title) { html2Canvas(document.querySelector('#' + idStr), { allowTaint: true }).then(canvas => { let cont
2020-08-04 18:14:25
407
原创 vue: 理解$event、$set
$event$event是指当前触发的是什么事件（鼠标事件，键盘事件等）$event.target则指的是事件触发的目标，即哪一个元素触发了事件，这将直接获取该dom元素<button @click="console.log($event)" name="哈哈">单击</button>实际上展开target就可以看到更具体的信息,也就是这个button的各种属性<button @click="console.log($event.target)" name="哈哈
2020-07-28 18:29:53
347
原创 vue-router：query和params的传参区别
$router和$route的区别$router 为VueRouter实例，跳转到不同的 url，则使用$router.push$route 为当前router跳转对象，里面可以获取path、name、query、params等query 方式传参和接收参数query 可以用 path 和 name 引入传递参数：this.$router.push({ path: '/xxx', // 或name: 'xxx' query: { id: id }})或this.$route
2020-07-27 16:45:26
87
原创 简单理解Vue中的nextTick
Vue中的nextTick涉及到Vue中DOM的异步更新一、示例先了解一下关于vue中的DOM更新以及nextTick的作用<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div> <div v-if="msg2">Message got insid.
2020-07-23 14:49:23
154
转载 一些常见的HTTP请求错误码
HTTP状态码：400\500 错误代码一些常见的状态码为：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 1...
2020-07-22 17:36:48
265
原创 List和Tree数据之间相互转换
对于大部分开发有一种需求，是将list转换为tree结构，或者将tree转为list结构，下面针对不同的需求分别简单介绍不同的转换方法将list转为tree从后台获取的list数据：let refs = [ { "id": "ckb696kne0001lj3dejycrvew","ip": "192.188.1.112", "parentIp": null }, { "id": "ckb698ybv0002lj3d19qp8a40", "ip": "172.21.45.97", "parentIp
2020-07-22 15:30:08
2440
1
原创 react 事件绑定及传参
react 事件绑定的两种形式：<button onClick={() => this.handleClick(id)}>clickMe</button><button onClick={this.handleClick.bind(this, '111')}>clickMe</button>handleClick()handleClick = (id) => { // 属性初始化器语法绑定this,(类的方法默认是不会绑定 this 的
2020-07-07 10:12:31
408
原创 react中setState的用法
react 想要更新视图只能用 setState( ) 方法更改state关于setState需要知道一下:setState是一个异步方法修改state只能使用setState关于setState的写法：第一种：传递对象，直接修改import React, { Component } from 'react'class Hello extends Component { constructor(props) { super(props) this.state = {
2020-07-06 18:22:00
397
原创 Vue 按键修饰符
Vue 监听的键盘修饰符：enter、detete、tab、esc、up、down、left、right、单个字母<input @keydown.enter="showDialog1" placeholder="请输入名称" type="text" v-model="name"/>添加.enter修饰符，当按下“Enter”键，执行showDialog1方法。添加其他的修饰符和enter的原理是一致的。...
2020-06-29 14:38:53
207
原创 Vue 事件修饰符
Vue事件修饰符：stop、once、selt、prevent、capture<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat">
2020-06-29 10:54:22
535
原创 for和forEach的区别
for和forEach的区别for循环可以使用break和continue终止、跳出循环，但forEach不能，可以使用try catch抛出异常；for循环可以控制循环的起点，forEach只能默认从索引0开始；for循环过程中支持修改索引，但forEach不能（底层控制索引自增）；直接在for循环中使用return会报错，函数中使用for循环可以return，forEach中使用return不会报错，但return不会生效forEach参数arr.forEach(function(sel
2020-06-23 11:30:43
1560
原创 关于vue中mixin的使用
mixins概述混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。定义混入对象 mixins/index.jsexport const mixins = { data () { return { num: 1 } }, methods: { sumNum () { return this.num++ }
2020-06-18 15:15:06
208
原创 vuex 使用说明
安装、使用vuexvue.js 2.0 开发环境下安装vuex：yarn add vuex --save在项目src目录下新增一个store文件夹，在该文件夹内新建index.js文件和modules文件夹。目录结构如下：文件说明：mutations-type.js：定义所有的mutations名称export const APP_SET_TITLE = 'APP_SET_TITLE'export const USER_SET_TOKEN = 'USER_SET_TOKEN'ap
2020-06-18 13:45:59
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人