- 博客(8)
- 收藏
- 关注
RSS订阅原创 纯前端支持拼音搜索功能
参考文档：js-pinyin先安装npm install js-pinyin再引入拼音插件import jsPINYIN from 'js-pinyin';使用obj.pinyin = jsPINYIN.getFullChars(name).toLowerCase() + name;获取中文名称的拼音拼接上中文，即可实现纯前端的支持拼音搜索功能...
2021-12-16 10:01:22
1080
原创 【antd 3.x】upload上传组件预览pdf格式文件和下载ofd格式文件
之前写过upload组件关于图片的上传和预览，本篇不再讲解，可见文章【antd 3.x】在表单中使用上传组件上传图片（文件）和预览功能本篇文章主要内容：是关于pdf和ofd格式的文件的预览和下载，浏览器不支持预览ofd格式文件，只能下载。1、首先声明，upload组件是不支持显示pdf和ofd文件格式的缩略图的【这里使用业务解决，让设计给一个pdf和ofd的模板图片，当上传的文件为pdf或ofd格式时，显示该模板图片】2、pdf预览用到了iframe标签，也可以使用embed标签3、ofd文件下载
2020-12-17 11:42:01
5547
原创 【antd 3.x】在表单中使用上传组件上传图片（文件）和预览功能
表单中使用antd组件库的上传组件的文件（图片）上传、预览、删除。删除由组件自带，本篇主要讲解上传和预览功能。1、这里使用了react的useState，定义了初始化变量 const [fileList, setFileLists] = useState([]); const [previewVisible, setPreviewVisible] = useState(false); const [previewImage, setPreviewImage] = useState(false)
2020-11-03 17:19:30
2715
原创 【antd 3.x】表格溢出打点和鼠标悬浮显示数据
// 表格的溢出打点显示和鼠标悬浮显示所有内容/* * record（必传）：需要显示悬浮框的表格列 * width（可选）:该表格列的宽度，可设置一个初始值 * allWidth（可选）：当给表格每一列设置了固定宽度，表格固定的总宽度 * fontSize(可选)：表格中的文字大小，可设置一个初始值 */export function overflowTooltip(record = [], width = 268, allWidth,fontSize=12) { const extr
2020-11-03 16:12:49
1703
2
原创 JS将金额转换为 每隔三位添加‘,’，保留两位小数位的数据格式
参考文档：https://blog.csdn.net/qq_32458791/article/details/108528281https://www.jianshu.com/p/bbfb87470aachttps://blog.csdn.net/weixin_44477909/article/details/98975908第一种方法：// 对金额的处理(value:金额，num：保留的小数点位数)export function Money(value, num) { let mone
2020-11-03 14:45:59
675
原创 项目中引入echarts图表的基本使用方法
项目中引入echarts图表的基本使用方法参考文档：在vue-cli项目中使用echartsecharts x轴 增加滚动条 dataZoom前端数据可视化echarts.js使用指南1、安装echartsnpm install echarts -S2、在项目中引入main.js文件import echarts from 'echarts'Vue.prototype.$echarts = echarts需要用到echarts的文件中：<div id="chart" st
2020-08-13 14:22:32
2641
原创 密码验证只包含字母数字
密码由8~10位数字、字母组成，不能包含特殊字符和下划线<template> <div class="changePwd-container"> <div class="dialogBlock"> <div class="dialogTitle">修改密码</div> <div class="d...
2019-08-02 18:55:28
2418
原创 点击导航栏切换不同的页面
实现效果（因为无法上传视频，做成gif之后又很模糊，只能放在百度网盘里，又因为网盘维护中一定要提取码，而且我自己试了下，貌似看不了，也是很无奈，只能上gif了，也可以运行代码看效果）html代码（ 注意哦： li的id和p的id是相互对应的） <div class="navbar"> <ul> <li id="day...
2019-03-25 16:51:44
26548
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人