- 博客(42)
- 收藏
- 关注
RSS订阅转载 实现动态的多级表头
原文链接：https://blog.csdn.net/qq_36539696/article/details/122243855
2022-06-14 10:46:16
656
原创 表格中 根据后台返回数据值（0或者1） 分类区分显示在页面（0是已启用 1是未启用）
<template slot="welfare" slot-scope="text">{{ text === "0" ? "未启用" : "已启用" }}</template>//插槽 { title: "福利模块", dataIndex: "welfare", key: "welfare", scope.
2022-05-25 10:27:51
482
原创 ant-design-vue a-table 表头添加tooltip
<template #cusTitle> <a-tooltip> <template slot="title"> 仅统计ISC各单位用户数 </template> 单位名称 </a-tooltip> </template> columns: [ { dataIndex: "diqu", ...
2022-05-12 09:50:26
1576
1
转载 导出excel格式 多表头
最近项目里有这么一个需求，把一个多级表头的table导出为excel格式。然后在网上找到一篇文章：js-xlsx导出自定义合并列头实现思路，我按照他的教程操作之后发现比较繁琐，这篇文章的思路就是就是新建一个excel，然后用js来读取它的多级表头数据，再把json格式的表头数据复制到项目中使用。核心就是这个json格式的多级表头数据，这样一个多级表头导出来是这个样子的:{ "!ref": "A1:F3", "A1": {"t": "s", "v": "日期", "r": "日期", "
2022-05-11 09:42:28
837
1
转载 Table 表格 下面滚动条自适应
一、说明：首先，用到的是table自带的API【:scroll="{ x: 1300,y: 400 }"】其中x指横轴滚动条设置，这里主要说的是y轴，以上API 可以理解为表格内容区高度固定为400px，多出的将以滚动条的形式展现。首先，在vue代码的data中设置一个变量，用于获取当前屏幕的高度，如：data() { return { windowHeight: document.documentElement.clientHeight, //实时屏.
2022-04-28 18:30:29
2430
1
原创 柱状图点击传参 点击阴影部分
// this.charts.getZr().on('click', params =>{ // this.$emit('click', params) // }) this.charts.getZr().on('click', params => { const pointInPixel = [ params.offsetX, params.offsetY, ]; if (this.char..
2022-04-15 15:11:20
411
原创 文字渐变效果
.iconfont { background-image: -webkit-linear-gradient( #74fcf4 40%, #50c8f9, #268dff 65% ); -webkit-background-clip: text; background-clip:text ; -webkit-text-fill-color: transparent; font-size: .
2022-03-31 14:34:04
161
原创 实现全屏逻辑
使用 screenFull 插件来提供全屏功能cnpm i screenfull -S在全屏组件中引入import screenfull from 'screenfull'给icon 添加点击事件，在事件处理程序中使用插件的核心api <template> <!-- 放置一个图标 --> <div> <svg-icon icon-class="fullscreen" class="fullscreen" @click="t.
2022-03-12 23:22:19
205
原创 声明图标字体
/* 声明字体 */@font-face {font-family:electronicFont;src:url(../地址)}/* 在具体的数字盒子里 */.a{ font-family:"electronicFont";}
2022-03-12 19:46:12
192
原创 js写时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen...
2022-03-12 17:59:09
455
原创 深拷贝和浅拷贝
浅拷贝浅拷贝只能拷贝第一层的数据 浅拷贝对于简单数据类型可以拷贝 对于复杂类型,拷贝的是内存地址,如果修改原数据的值,拷贝的值也会发生变化,而这相当于无法拷贝复杂类型的数据深拷贝深拷贝不仅拷贝第一层的数据,包含多层嵌套也是可以进行拷贝 深拷贝是将数据拿到,重新放到另外一个内存地址中,这样及时修改原数据,拷贝下来的数据也不受影响 实现深拷贝的方法为递归循环...
2022-02-12 19:30:00
120
原创 格式化时间
用filters 过滤的方法filters（）是vue里面全局的模块 （和data() 一样全局）1. 下载包npm install dayjs --save2. 引入 import dayjs from 'dayjs'3.创建格式化入职日期的过滤器 filters: { // 格式化入职日期的方法 formatTime(time) { return dayjs(time).format('YYYY-MM-DD')...
2021-11-15 15:42:59
924
原创 将扁平数据转换成树行结构
const data = [ { id: "01", name: "张大大", pid: "", job: "项目经理" }, { id: "02", name: "小亮", pid: "01", job: "产品leader" }, { id: "03", name: "小美", pid: "01", job: "UIleader" }, { id: "04", name: "老马", pid: "01", job: "技术leader" .
2021-10-30 20:25:32
97
原创 关于环境变量
1.生产环境.env.production当运行npm run build:prod 的时候会以此文件为配置文件，这个文件中可以定义针对开发环境的环境变量2.开发环境 env.production 当运行npm run dev 的时候会以此文件为配置文件，这个文件中可以定义针对开发环境的环境变量3.预发布环境.env.staging可以理解为production环境的镜像， 尽最大可能来模拟产品线上的环境(硬件，网络拓扑结构，数据库数据)...
2021-10-27 15:31:32
84
原创 脚手架文件夹及补充文件夹
├── node_modules # 安装的包├── public # 静态资源托管目录│ ├── favicon.ico│ └── index.html└── src # 源码 ├── api #请求接口封装模块 └── index.js #封装请求方法 ├── assets #资源目录 ├── components #组件目录 ├── router #路由模块 └── index.js #路由对象 ├── store #Vue.
2021-10-13 10:59:18
351
原创 vue的路由系统（上）
路由简介 ：什么是路由？是设备和ip的映射关系，路径和组件的映射关系 ，接口和服务的映射关系，所以路由就是一种映射关系。vue的路由指的路径和组件的映射关系（切换对应页面）为什么要使用路由：1.为了使用切换业务场景也是前端路由的作用，（就是切换页面），2.单页面应用（SPA）：所有功能在一个HTML页面上实现3.优点：整体不刷新页面，用户体验更好4.缺点：开发成本高（需要学习专门知识）首次加载慢，不利于seo在vue中用vue-router实现页面切换v.
2021-10-01 23:26:38
111
原创 vue常用的指令
v-bind 语法 v-bind:属性名="vue变量" 简写 :属性名="vue变量"v-html 作用:快速设置innerHTML属性值
2021-09-24 21:22:21
60
原创 vue 写加加减减 :(点击生成按钮, 新增一个li(随机数字)和删除按钮, 点击删除按钮, 删除对应的li和值)
<template> <div id="app"> <ul> <li> <span></span> <button>删除</button> </li> </ul> <button>生成</button> </div></template><s.
2021-09-24 19:19:09
1801
原创 http状态码及意义
状态码种类1xx开头:信息 2xx开头:成功 3xx开头:重定向 4xx开头:客户端错误 5xx开头:服务器错误 常用的几个 200(ok),请求已经成功（其后是对GET和POST请求的应答文档。） 303(see other),所请求的页面可在别的url下被找到.告知客户端使用另一个URl来获取资源 400(bad Request) 服务器未能理解请求。 语义有误:当前请求无法被服务器理解,除非进行修改,否则客户端不应该重复提交这个请求 请求参数有误 404(not fo
2021-09-19 21:12:39
198
原创 真数组和伪数组
真数组的长度是可变的 ，伪数组是不可变的真数组可以使用数组中的方法（.forEach），伪数组是不能够使用的真数组可以使用原型辨别，伪数组没有__proto__和prototype
2021-09-17 14:58:19
583
原创 关于this的指向
普通函数this指向window构造函数this指向当前实例化对象定时器里的this指向window箭头函数的this指向上一级this通常意义上 this指向位最后调用它的对象，如果返回值不是一个对象那么this还是指向函数的实例...
2021-09-17 09:57:31
82
原创 用node搭建简单服务器
引入http模块 consthttp=require('http') 利用http.createServer()创建服务 listen()来启动服务 代码 const http = require('http')console.log(http)// 2. 创建服务const server = http.createServer(function(req, res) { console.log('有人来访问了') // 设置响应头 // con...
2021-09-14 21:36:42
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人