×

JavaScript教程

初识 vxe-table (一)

六叔 六叔 发表于2024-05-09 浏览16486 评论0
对于 vxe-table 的介绍这里就不说了,常规用法也不多累赘,应该按文档撸就可以了。这里主要讲下关于自定义渲染的一些方式 1、先看看部分自定义的效果 熟悉 Element 的朋友可能已经发现了,这个表格里面用了相关组件,比如:tooltip — 实现了hover气泡el-link — 渲染了表格内容el-dropdown — 实现下拉菜单 最后还有一个空数据的渲染 el-empty,同时细心的朋友可能也发现了,排序那里也是自定义的图标。 小总结: 我们知道了,表头的内容、单元格的内

spring boot

后端总说他啥也没动,我从线上调了一下测试接口,你再说一句动没动

dfgdg dfgdg 发表于2024-05-09 浏览4972 评论0
       ◇  不知道广大前端同学有没有过这样的经历,在做新需求联调的时候,原本上一个版本已经做的好好的功能,前后端已经联调好的。这次做需求的时候,测试发现好多地方都不对了。         ◇ 开发人员经常说的一句话就是:我啥也没动啊。这次就是,我们这个后端,一口咬死,我啥也没动,要不你问一下前端是不是动哪里了?         如果这个时候你再和他争吵下去就像极了这个图片一样,两个人都张大了嘴,来吧,我们互相伤害。          因为是在测试环境,大家都

vue.js

【前端小技能】Vue集成百度离线地图(vue 离线地图)

云点 云点 发表于2024-05-09 浏览6275 评论0
Vue项目集成百度离线地图 工作中遇到了一个需求,要在内网使用百度地图,那么肯定就是离线的地图了,查阅了一些博文,开发过程中也遇到了各种各样的问题,在此做下记录,希望带大家避坑,也给自己这两天的开发做一下总结。 需求: 内网中使用百度地图 仅展示郑州市地图,并将郑州市地图轮廓圈出 支持绘制点 支持绘制线 支持多点聚合 技术栈 Vue2 BMap 效果图 开始 1、项目搭建 vue脚手架搭建不再赘述,默认此刻你已经创建好一个vue

react.js

学会正确地二次封装组件,让同事抱着你的大腿喊大神!

此号已注销 此号已注销 发表于2024-05-09 浏览5253 评论0
highlight: a11y-dark 一、二次封装的需求场景 二次封装,是指因为业务上的需要,对element-ui、antd、e-chart等其他组件库,做二次封装。以下是常见的二次封装场景: 1.封装UI样式 说个我做项目遇到的情况,项目里用到组件库的是antd,antd的搜索框长这样 但是ui图长这样: 如果要实现和ui图一样的效果,你就需要利用前缀和后缀的插槽,加上搜索图标和清空图标: <a-input :placeholder="placeholder"

JavaScript教程

vue实现回到顶部(vue实现回到顶部功能)

dede58织梦模板 dede58织梦模板 发表于2024-05-09 浏览9800 评论0
1、vue如何实现回到顶部 浏览网页的时候经常看到回到顶部这个功能,具体怎么实现呢?后面总结再说,怕你们等不及划走 废话不多说,直接上代码,复制代码就能直接运行 文件是vue文件,在router--index.js里添加路由才能运行` index.js PS:记得更改vue文件路径 { path: '/top', name: 'top', component:() => import('@/views/back_top.vue') // 记得更改vue文件路径`

typescript

Typescript助力项目开发:JS切换TS、TS类型定制与思考

qq_yhcs4sj6 qq_yhcs4sj6 发表于2024-05-09 浏览8944 评论0
TS已经成为可以帮助项目顺利开发的存在了。在上半年笔者就被要求采用TS开发新的项目,并在一些老项目中用TS去改造(因为沟通原因我以为某个远程组件只有TS版本)。在其中也有了一些思考。 首先是目录结构。毫无疑问一个拥有TS的项目必须有像tsconfig.json、types/typings 这样的说明文件,根据项目需要可能还有tslint.json这样的配置文件 —— 它们都和 src 目录同级。我们的目录结构大致如下: 如图,有 src 目录组织开发代码、types 目录组织ts类型声明定义

html5教程

前端解决接口传过来的二进制数据流(前端解决接口传过来的二进制数据流的方法)

若客 若客 发表于2024-05-09 浏览6482 评论0
第一步:在请求接口时设置返回的文件类型:responseType:'blob' export function getQrcode(path) { return request({ url: '/mall/pagedevise/getCode?path=' + path, method: 'get', responseType:'blob' // 返回文件的类型 }) } 第二步:返回中调用解析二进制方法   createQrcode(row){         const

JavaScript教程

vue之axios的封装(vue中axios的封装)

dede58织梦模板 dede58织梦模板 发表于2024-05-09 浏览6755 评论0
1.为什么需要封装axios? 当我们改变项目的使用环境时候,url也会随之改变,那么我们就需要改很多axios请求中的url配置 现在我们将axios封装,在项目使用环境改变时我们只用改变axios封装方法中的baseurl一项就行了,请求的接口地址不变。 2.Axios的封装方式         1.执行安装axios命令:  npm i axios         2.对axios进行简单的封装             1.在src文件夹下创建utils文件夹,在utils文件夹下 创

spring boot

登录校验之滑块验证码完整实现(vue + springboot)

梅兰(信达图文广告18246481123) 梅兰(信达图文广告18246481123) 发表于2024-05-09 浏览3762 评论0
前言 嗨,大家好,我是希留。 验证码一直是各类网站登录和注册的一种校验方式,是用来防止有人恶意使用脚本批量进行操作从而设置的一种安全保护方式。随着近几年技术的发展,人们对于系统安全性和用户体验的要求越来越高,大多数网站系统都逐渐采用行为验证码来代替传统的图片验证码。 今天这篇文章就来记录一下,我是如何实现从前端、到后端校验的整个流程的。 一、实现效果 无图无真相,实现的效果如下图所示,点击登录后弹出一个弹出层,拼图是由后端生成的,拖动滑块位置,后端校验是否已拖动到指定的