首先附一个官方upload的地址 http://element-cn.eleme.io/#/zh-CN/component/upload 其中有上传多张和不同样式列表的例子,只是在【用户上传头像】这个例子中,在下并没有成功的使用。 会出现显示不出已上传的图片无法显示缩略图,无法调整缩略图的位置。 所 ...
分类:
Web开发 时间:
2021-09-01 12:52:53
收藏:
0 评论:
0 赞:
0 阅读:
17
npm i y-seal -D <canvas id="seal"></canvas> import Seal from "y-seal"; var seal = new Seal("#seal", { radius: 75,// 默认半径75px color: "red",// 默认颜色红色 co ...
分类:
Web开发 时间:
2021-09-01 12:51:12
收藏:
0 评论:
0 赞:
0 阅读:
28
一、前言 我们在做前端时,会遇到这样的需求,上传Excel文件,并且还要和填写的表单数据,一起发送.我们知道el-upload默认的是选中文件后直接请求到后端的接口.现在就需要我们修改这种默认的上传形式,和填写完的form表单一起请求后端接口. 二、前端页面展示 三、表单代码 <el-dialog ...
分类:
Web开发 时间:
2021-09-01 12:50:42
收藏:
0 评论:
0 赞:
0 阅读:
17
theme: fancy 在实际的开发过程中,我们有时候会遇到动态加载静态资源的需要,这当然是一个很简单的需求,但是如何做到更优雅的实现呢? 参考优秀的vue-ueditor-wrap库 首先,我们可以采用回调函数的方法实现 function loadScript(link, cb){ if(typ ...
分类:
Web开发 时间:
2021-09-01 12:47:50
收藏:
0 评论:
0 赞:
0 阅读:
26
负载均衡 健康检查:使用“心跳”等机制监控后端服务器,发现有故障就及时“踢出”集群,保证服务高可用; 安全防护:保护被代理的后端服务器,限制 IP 地址或流量,抵御网络攻击和过载; 加密卸载:对外网使用 SSL/TLS 加密通信认证,而在安全的内网不加密,消除加解密成本; 数据过滤:拦截上下行的数据 ...
分类:
Web开发 时间:
2021-09-01 12:47:00
收藏:
0 评论:
0 赞:
0 阅读:
22
有时候我们可能需要改动markdown 的样式。由于markdown的呈现形式是html,可以直接把以下部分添加到markdown中,即可更改默认的样式 代码如下: <style> h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: ...
分类:
Web开发 时间:
2021-09-01 12:40:53
收藏:
0 评论:
0 赞:
0 阅读:
24
安装包 npm install --save qrcodejs2 npm install --save html2canvas HTML <div class="scan"> <div ref="imageDom" class="qrBox" v-if="isQRCode"> <img class= ...
分类:
Web开发 时间:
2021-09-01 12:14:09
收藏:
0 评论:
0 赞:
0 阅读:
36
一、使用场景 在进行项目开发的时候,需要设置一些菜单栏,但是为了浏览的方便,通常使用一个事件对齐进行折叠操作。因此这里记录一下使用原生js实现的案例。 二、实现 实现菜单栏的折叠,通常是改变元素的宽度,使其总和为100%。因此只需要去改变width的宽度即可。 let global = true; ...
分类:
Web开发 时间:
2021-09-01 12:13:06
收藏:
0 评论:
0 赞:
0 阅读:
31
简介 之前讲了那么多关于netty的文章,都是讲netty的底层原理和实现,各位小伙伴一定都在想了,看了这么多篇文章,netty到底能干啥呢?今天让我们来使用netty简简单单搭一个支持中文的服务器,展示一下netty的威力。 netty的HTTP支持 今天我们搭的服务器是支持HTTP1.1的服务器 ...
分类:
Web开发 时间:
2021-09-01 12:11:55
收藏:
0 评论:
0 赞:
0 阅读:
29
本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知识点,选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动(scroll 事件),还 ...
分类:
Web开发 时间:
2021-09-01 12:10:35
收藏:
0 评论:
0 赞:
0 阅读:
21
//打印1-10 /*for(var i=1;i<=10;i++){ console.log(i); }*/ //逆序打印10-1 /*for(var i=10;i>=1;i--){ console.log(i); }*/ //求1-100的偶数和 /*var sum=0; for(var i=1; ...
分类:
Web开发 时间:
2021-08-30 14:56:29
收藏:
0 评论:
0 赞:
0 阅读:
68
HTTP 简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写 HTTP是一个基于TCP/IP通信协议来传递数据 HTTPS是安全的超文本传输协议 ...
分类:
Web开发 时间:
2021-08-30 14:56:17
收藏:
0 评论:
0 赞:
0 阅读:
79
简介 很多小伙伴可能还沉浸在HTTP1.1的世界无法自拔,但是时代的洪流已经带领我们来到了HTTP3的世界了。是的,你在桥上看风景,而桥边的房子上有人正在看你。 为了不被时代所抛弃,今天给大家讲解一下HTTP3的新特性。 HTTP成长介绍 HTTP的全名叫做超文本传输??协议,是万维网所基于的应用层 ...
分类:
Web开发 时间:
2021-08-30 14:55:45
收藏:
0 评论:
0 赞:
0 阅读:
68
本篇文章给大家介绍怎么使用html+css实现轮播图效果,我们一起看看怎么做。 推动轮播实现效果图如下 首先写Html部分,你可以理解这个div标签,如果你写CSS或者JS的时候可以用到这几个div标签, 就是 一个ID为container的div,先不说多,下面给大家代码示例。 <div id=" ...
分类:
Web开发 时间:
2021-08-30 14:54:24
收藏:
0 评论:
0 赞:
0 阅读:
51
引言 在平常的Web项目开发过程中,json和String、map是最常用的类型和返回结果集,其中也经常会涉及到之间的各种相互转换,下边就总结一下: 1.String转JSONObject String jsonMessage = "{\"语文\":\"88\",\"数学\":\"78\",\"计算 ...
分类:
Web开发 时间:
2021-08-30 14:52:13
收藏:
0 评论:
0 赞:
0 阅读:
34
默认的监听地址为 http://localhost:5000,默认的环境变量为Production可以通过-server.urls 监听地址来制定监听地址,可以通过--environment 环境变量来指定环境变量 dotnet website.dll --server.urls http://*: ...
分类:
Web开发 时间:
2021-08-30 14:51:00
收藏:
0 评论:
0 赞:
0 阅读:
23
Netty 是目前使用网络编程的首选,很多的框架都是基于Netty进行开发的。 比如Spring5的WebFlux Netty一共有3个主要部分组成: 1. Netty核心,传输服务层,协议支持层,以及高效的数据结构ByteBuffer 2.统一网络通信的API 3.事件驱动模型 Netty中又有5 ...
分类:
Web开发 时间:
2021-08-30 14:46:45
收藏:
0 评论:
0 赞:
0 阅读:
30
css 设置: div { pointer-events: none; } ...
分类:
Web开发 时间:
2021-08-30 14:28:56
收藏:
0 评论:
0 赞:
0 阅读:
25
思路: 1. 准备好10张或20张不同规格的图片,按规格分类到不同文件夹,每个文件夹的图片从1开始顺序递增命名,为了随机选择图片。 2.前端提交规格比如200*300,根据规格选择原图,并初始化 小正方块的长 b 和 小正方块的y轴坐标 c(不用随机,固定值) 等其他数据。 3. 随机在原图的[b, ...
分类:
Web开发 时间:
2021-08-30 14:26:15
收藏:
0 评论:
0 赞:
0 阅读:
36
使用方法 i{ font-size: 18px;// 定义字体图标大小 margin-right: 10px;// 右外边距 color: #0091ff;// 定义字体图标颜色 vertical-align: middle;// 垂直居中 &:before{// 在最前面显示 content: " ...
分类:
Web开发 时间:
2021-08-30 14:25:59
收藏:
0 评论:
0 赞:
0 阅读:
25