前端
文章平均质量分 64
韩悸桉
情怀,信仰,使命;低调,谦虚,不骄不躁;心比天高,脚踏实地。观察Amazon,追踪FaceBook,跟紧Google,偷瞄Microsoft,朝向Silicon Valley。本博主做事,从来都是走心...
展开
-
负载均衡的原理及算法
负载均衡(Load Balancing)是一种计算机网络和服务器管理技术,旨在分配网络流量、请求或工作负载到多个服务器或资源,以确保这些服务器能够高效、均匀地处理负载,并且能够提供更高的性能、可用性和可扩展性。本文分析了五种常见的负载均衡算法,算法的实现都比较简单,在实际的生产环境中,我们可以根据自己的业务场景来选择合适的负载均衡算法。一致性哈希:Consistent Hashing,可以参考文章:hash & 一致性hash,如何选择?原创 2024-04-22 14:54:22 · 1227 阅读 · 0 评论 -
使用nvm让多个node版本共存
最近从网上找了个项目,里面的脚手架需要node版本在12,之前项目的node版本一直是18,版本不兼容。思来想去,还是安装一个nvm,nvm是node版本的管理工具,可以切换node的不同版本。nvm-noinstall.zip:免安装版,需配置- nvm-setup.zip:安装版我个人比较倾向于安装版的,按需选择即可。如果电脑上已经安装了node,会有这个弹窗提示,选择【是】就OK了。选择nvm的安装目录,可自定义 切记安装目录不要有中文!下载安装包 github下载。选择node的安装目录。原创 2024-03-22 10:19:10 · 504 阅读 · 0 评论 -
AsyncAPI通过yaml生成html文档
asyncAPI文档原创 2022-12-01 15:28:28 · 884 阅读 · 1 评论 -
swagger生成redoc文档
一、安装工具npm install -g redoc-cli二、生成文档redoc-cli bundle -o index.html swagger.json{ "openapi": "3.0.2", "info": { "title": "Workflow", "description": "API to access AnyShare\r\n\r\n如有任何疑问,可到开发者社区提问:https://developers.aishu.cn\r\n# Authentic原创 2022-02-26 10:48:27 · 4676 阅读 · 0 评论 -
vue封装axios的request请求
一、封装axiosimport axios from 'axios'import { getToken } from '@/utils/auth'// 创建axios实例const request= axios.create({ baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/', // api 的 base_url timeout: 12000 // 请求超时时间})原创 2021-08-06 15:13:04 · 2603 阅读 · 0 评论 -
vue使用jsMind思维导图类库
效果展现一、安装npm install vue-jsmind二、在main.js中引入import jm from 'vue-jsmind'Vue.use(jm)if (window.jsMind) { console.log('wind') Vue.prototype.jsMind = window.jsMind}三、使用<template> <div> <div class="header"> <div st原创 2021-03-23 14:43:10 · 8468 阅读 · 12 评论 -
在vue使用clipboard.js进行一键复制文本
一、安装npm install clipboard --save二、引入在mian.js中引入,当然我们也可以在用到的.vue中引入,因为我不止一个地方用到了复制,所以直接在main.js里面引入了。import clipboard from 'clipboard';//注册到vue原型上Vue.prototype.clipboard = clipboard;三、使用//dom···<div class="sn Lfll Lmr20">订单编号: <span原创 2021-03-15 19:58:13 · 521 阅读 · 0 评论 -
通过highlight.js在vue中实现代码高亮
在 vue-cli3 项目中,通过highlight.js,实现页面中代码高亮。请先了解highlight.js官网中的使用说明。一、安装npm install highlight.js --save二、封装成vue插件官方文档—自定义插件官方文档—自定义指令新建highlight.js文件,并添加:// src/utils/highlight.js 文件路径,纯属自定义// highlight.js 代码高亮指令import Hljs from 'highlight.js';i原创 2021-03-15 19:53:05 · 910 阅读 · 0 评论 -
GET 和 POST请求的本质区别是什么?
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”:GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,.原创 2021-01-11 10:58:59 · 159 阅读 · 1 评论 -
Vue 中渲染字符串形式的组件标签
在vue中如果要渲染字符串形式的标签,vue 提供了 v-html 指令,可以很方便的渲染出来。但是如果这个标签是一个组件,或者element-ui 的组件时,就不能解析出来了,因为v-html 只能解析原生的属性。那么就要使用jsx渲染来解析<!DOCTYPE html><html><head> <meta charset="UTF-...原创 2020-04-30 11:13:37 · 6685 阅读 · 2 评论 -
npm更换成淘宝镜像源以及cnpm
需求由来由于node安装插件是从国外服务器下载,受网络影响大,速度慢且可能出现异常。所以如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队(阿里巴巴旗下业务阿里云)干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。也就是说我们可以使用阿里布置在国内的服务器来进行node安装。使用...原创 2020-04-30 11:10:02 · 834 阅读 · 1 评论 -
el-dialog弹出层扩展拖拽及拉伸以及双击全屏
import Vue from 'vue'; /** 使用方法* 将以下代码复制到一个js文件中,然后在入口文件main.js中import引入即可;* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。* 给dialog设置 :close-on-click-modal="false" , 禁止点击遮罩层关闭弹出层* 如果...原创 2020-04-09 10:50:33 · 692 阅读 · 1 评论