草庐IT

纯前端

全部标签

react+jest+enzyme配置及编写前端单元测试UT

文章目录安装及配置enzyme渲染测试技巧一、常见测试二、触发antdesign组件三、使用redux组件四、使用路由的组件五、mock接口网络请求六、mock不需要的子组件安装及配置安装相关库:首先,使用npm或yarn安装所需的库。npminstall--save-devjestenzymeenzyme-adapter-react-16enzyme-to-json配置Jest:在项目根目录下创建一个jest.config.js文件,并配置Jest。//jest.config.jsmodule.exports={setupFilesAfterEnv:['/src/setupTests.js'

前端认识docker

Docker是什么先看看百科的定义:Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。容器引擎?镜像?容器?虚拟化?这些概念对前端来说是不是有点懵。假如现在要把你的代码发给他另外一个不懂开发的同事,要在他的电脑上跑起来,那你第一反应是不是要在他的电脑上安装代码所依赖的环境。此时你的大脑瞬间反应过来问自己假如还要发给第三个、第四个同事,难道我要一个一个的去安装环境吗?我不要干活了吗?此时要是有一个工具,可以把我的代码跟环境

12 个实用的高级前端 CSS 技巧

1.解决图片5px间距问题您是否经常遇到图片底部多出5px空间的问题?别担心,有4种方法可以解决。方案一:设置其父元素的font-size:0px方案二:在img的样式中添加display:block方案三:在img的样式中添加vertical-align:bottom方案四:增加父元素的样式为line-height:5px2.如何让元素的高度与窗口相同当前,前端中CSS的单位为vh,元素高度样式设置为height:100vh3.修改输入框占位符样式这是表单输入框的占位符属性。修改默认样式的方法如下:input::-webkit-input-placeholder{color:#babbc1;

uniapp-前端 二维码、扫码、长按、识别等问题

一:识别:图片二维码url:后端返回二维码的图片url,则直接展示,做长按手势识别,再调用方法即可。mage>标签长按识别实现(微信版本>2.7.0)show-menu-by-longpress="true"可实现识别二维码(微信个人码、微信群码、企业微信个人码、企业微信群码与企业微信互通群码)uniapp官方文档链接微信小程序官方文档链接通过预览图片再长按实现通过uni.previewImage(OBJECT)实现,该方法可以在新页面中全屏预览图片,长按可打开操作菜单,其中有识别二维码(微信个人码、微信群码、企业微信个人码、企业微信群码与企业微信互通群码): 这两个api需要一起使用,如果单

【前端|CSS系列第4篇】CSS布局之网格布局

前言最近在做的一个项目前台首页有一个展示词条的功能,每一个词条都以一个固定大小的词条卡片进行展示,要将所有的词条卡片展示出来,大概是下面这种布局每一行的卡片数目会随着屏幕大小自动变化,并且希望整个卡片区域周围不要有太大的留白,可是由于本人css学的并不好,所以基本都是flex布局一把梭,flex布局并不能很好的实现这种布局。最后思考了一下,并去网上查找了一下,发现网格布局可以完美的实现这种布局。简介网格布局也称grid布局,利用grid布局可以很轻松的实现很多的网页布局,Grid布局与Flex布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex布局是轴线布局

[ 基础漏洞篇 ] webpack 前端源码泄露详解

  ?博主介绍 ?‍?博主介绍:大家好,我是 _PowerShell ,很高兴认识大家~✨主攻领域:【渗透领域】【数据通信】【通讯安全】【web安全】【面试分析】?点赞➕评论➕收藏==养成习惯(一键三连)??欢迎关注?一起学习?一起讨论⭐️一起进步?文末有彩蛋?作者水平有限,欢迎各位大佬指点,相互学习进步!目录  ?博主介绍 一、webpack介绍

[ 基础漏洞篇 ] webpack 前端源码泄露详解

  ?博主介绍 ?‍?博主介绍:大家好,我是 _PowerShell ,很高兴认识大家~✨主攻领域:【渗透领域】【数据通信】【通讯安全】【web安全】【面试分析】?点赞➕评论➕收藏==养成习惯(一键三连)??欢迎关注?一起学习?一起讨论⭐️一起进步?文末有彩蛋?作者水平有限,欢迎各位大佬指点,相互学习进步!目录  ?博主介绍 一、webpack介绍

前端低代码工具amis使用文档

amis使用文档本文档旨在帮助开发人员快速入门amis低代码开发平台。简介amis是一个百度出品的低代码前端框架,它使用JSON配置来生成页面,可以减少页面开发工作量,极大提升效率。安装1.node.js安装下载地址:https://nodejs.org/en/download/根据系统类型进行选择下载,下载后进行安装。安装完成后进行环境变量的配置,我的电脑->属性->高级系统设置->环境变量,为nodejs添加系统环境变量。打开cmd输入node--version输出版本号则说明安装成功2.nginx安装下载地址:http://nginx.org/en/download.html选择Wind

前端传递JSON数组数据到后端(解析方法)

        在前端和后端之间传递数组时,由于HTTP协议的限制,无法直接传递数组类型的参数。请求参数需要被转换为字符串格式传递给后端,所以需要通过JSON.stringify()方法将gradeIdArray数组转换为一个JSON字符串,并将其作为参数传递给后端。add(){//将选中的权限等级的ID转换为整数类型,并存储在一个数组中letgradeIdArray=[]for(leti=0;i{if(resp.data==='ok'){alert('添加成功')//清空this.addObj.name=''this.selectGradeArray=[]}else{alert('添加失败'

SpringBoot整合hdfs,实现文件上传下载删除与批量删除,以及vue前端发送请求,实现前后端交互功能;

部分工具类代码参考文章:https://blog.csdn.net/qq_27242695/article/details/119683823前端实现效果HDFSControllerpackagecom.jack.graduation.controller;importcn.hutool.core.io.FileUtil;importcn.hutool.core.util.IdUtil;importcn.hutool.core.util.StrUtil;importcn.hutool.crypto.SecureUtil;importcom.baomidou.mybatisplus.core.c