前端那些事
前端那些事
小糖豆巴拉巴拉
心若向阳,何惧忧伤
展开
-
ajax给后端传递json格式数据,请求直接cancele了
点击确定按钮,发出请求,点击确定,弹窗消息,请求也取消了,坑就在于,请求还没有返回,弹窗就消失了,所以请求也就取消了。解决办法就是在请求返回体中close这个弹窗。这是子页面中的ajax方法,等请求返回以后,在关闭弹窗,不然请求会中途取消,之前没问题的原因是之前请求很快返回了(在弹窗关掉之前),现在慢一些。这是请求父页面左边树的前端请求,点击短信发送会调用sendSms()方法、回调子页面中的submitHandler()方法。上面是后端接口接收请求的代码。原创 2022-12-14 15:05:54 · 572 阅读 · 0 评论 -
若依结合ztree给折叠树添加自定义按钮
若依结合ztree添加自定义按钮原创 2022-12-01 12:46:52 · 475 阅读 · 0 评论 -
基于Xterm.js+experss-ws+websocket+ssh2+typescript实现webssh(网页端xshell)
实现网页版xshell,需要学习的东西有点多,下面一个个简单介绍Xterm.js这是网上的一个开源框架,其作用主要是界面方面,比如新建一个小黑窗,设置各种样式等作用,用法也很简单,具体可查https://xtermjs.org/experssexpress是一个开源的框架,大多数公司也在使用这样的框架作为Node中间层或者是服务端使用,可以快速搭建一个服务端出来,var express = require('express');var app = express();app.get('/',原创 2021-11-22 17:27:52 · 3618 阅读 · 2 评论 -
react使用ReactEchartsCore的时候如何清除缓存
前言最近在做项目的时候,发现柱状图切换的时候出了问题,比如legend有12个,切换以后接口返回的数据只有9个,9个中没有12个中的三个就会显示,但实际上是应该没有的。解决 <ReactEchartsCore notMerge={true} echarts={echarts} option={Option} />加上notMerge={true}即可解决。option (必需,对象):echarts 选项配置,可以查看https://echarts.apache.org/optio原创 2021-09-16 16:24:08 · 1250 阅读 · 0 评论 -
喂狗判断?如何处理websocket请求没有数据返回的情况下数据归零
前言最近遇到一个需求,就是前端接收到的websocket数据,如果只返回了几条数据,后面没有返回了,就会出现页面一直显示最后一次数据的情况,但实际业务可能需要数据归零或者清空不显示。这时候怎么判断呢,问了同事,同事说做一个喂狗判断,我一脸懵逼。其实就是监听数据返回,如果一直没有变化,就做对应的处理(归零或者不显示等)处理方式这里采取的方式是使用useEffect监听websocket返回的数据是否有变化。上代码: let timer : any useEffect(() => {原创 2021-09-07 15:35:10 · 1140 阅读 · 1 评论 -
使用css实现四边形实现四角边框
四边形实现四角边框原创 2020-12-01 14:09:19 · 2941 阅读 · 0 评论 -
html知识点之利用css四边形切角并且加上边框
前言这几个月做了很多前端工作,其中一个需求还是蛮头疼,UI给的图上面的四边形是一个带斜边的,直接用背景图可以实现,但是会出现各种布局的问题,比如内容太大了,边框不会跟着扩大,废话不多说,这里写一些如何利用css话四边形带有斜边,并且给斜边加边框,在这之前,先简单说一下需要用到的函数linear-gradient()函数#grad { background-image: linear-gradient(red, yellow, blue);}看上面的代码是从头部开始的线性渐变,从红色开始,转为原创 2020-09-14 20:06:07 · 4322 阅读 · 2 评论 -
案例:图片验证码
图片验证码1验证码有啥用在我们注册时,如果没有验证码的话,我们可以使用URLConnection来写一段代码发出注册请求。甚至可以使用while(true)来注册!那么服务器就废了! 验证码可以去识别发出请求的是人还是程序!当然,如果聪明的程序可以去分析验证码图片!但分析图片也不是一件容易的事,因为一般验证码图片都会带有干扰线,人都看不清,那么程序一定分析不出来。2 VerifyCode类现在我们原创 2016-04-24 15:30:22 · 2258 阅读 · 0 评论 -
jsp详解(第一篇)
JSP入门1 JSP概述1.1什么是JSPJSP(Java Server Pages)是JavaWeb服务器端的动态资源。它与html页面的作用是相同的,显示数据和获取数据。1.2 JSP的组成JSP=html+Java脚本(代码片段)+JSP动态标签2 JSP语法2.1 JSP脚本JSP脚本就是Java代码片段,它分为三种: <%...%>:Java语句; <%=…%>:Ja原创 2016-04-23 23:13:13 · 9681 阅读 · 2 评论 -
http和https详解以及其区别
开门见山:https=http+ssl SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS与SSL在传输层对网络连接进行加密。 说白了,就是https数据是进行加密过的,http完全是明文发送的。SSL还支持安全认证...原创 2018-05-21 16:48:03 · 458 阅读 · 0 评论 -
http GET 和 POST 请求的优缺点、区别以及误区
Get和Post在面试中一般都会问到,一般的区别:(1)post更安全(不会作为url的一部分,不会被缓存、保存在服务器日志、以及浏览器浏览记录中) (2)post发送的数据更大(get有url长度限制) (3)post能发送更多的数据类型(get只能发送ASCII字符) (4)post比get慢 (5)post用于修改和写入数据,get一般用于搜索排序和筛选之类的操作(淘宝,...转载 2018-05-05 17:23:19 · 40892 阅读 · 15 评论 -
jstl/el表达式截取后台传入数据的长度
转载 <%@ taglib prefix=”fn” uri=”http://java.sun.com/jsp/jstl/functions”%>${wjcd.lrsj}原来得到的是如2006-11-12 11:22:22.0${fn:substring(wjcd.lrsj, 0, 16)}使用functions函数来获取list的长度 ${fn:length(list)}fn:contains(转载 2016-12-26 10:15:24 · 1478 阅读 · 0 评论 -
利用jquery+css实现侧边栏弹出搜索
先上效果图: 先上html代码<div id="mask" class="mask" onclick="javascript:hideQueryFilter()"></div> <div id="filter_box" class="filter_box"> <form name="myform" id="myform" action="" method="post原创 2017-09-30 16:26:09 · 2913 阅读 · 0 评论 -
在一张图片的某个特定位置添加另外一张图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*div1下面 包含着1个图片和1段文字*/ #div1{ position:原创 2017-08-15 16:08:23 · 11298 阅读 · 1 评论 -
label标签的for属性的作用
label标签的for属性的效果就是,鼠标点击“女”实现radio选中的效果,主要 归功于for=nv 而且必须要求input文本框的id也等于nv,男这个radio作对比,没有这个效果 <div> <label for="nan1">男</label> <input type="checkbox" id="原创 2016-05-24 22:30:51 · 12162 阅读 · 0 评论