- 博客(10)
- 收藏
- 关注
转载 JavaScript 实用工具函数
一、数字操作(1)生成指定范围随机数export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;(2)数字千分位分隔export const format = (n) => { let num = n.toString(); let len = num.length; if (len <= 3) { return num;
2022-01-12 16:08:13 292
原创 JS替换、删除指定字符
1.replace基础用法:代码如下(示例):test.replace("a","b"); //把string里面的第一个'a'替换成'b';2.全局替换固定字符:代码如下(示例):// 正则加个参数 g ,表示全文匹配。test.replace(/a/g,"b"); //把string里面的所有'a'替换成'b';3.全局替换变量:代码如下(示例)://这是正则的另一种写法,利用JS的 RegExp 对象,将 i 参数单拿了出来string.replace(new RegExp
2022-01-07 15:25:04 812
原创 vue3.0懒加载
vue3.0懒加载<script setup lang="ts">import { onMounted, ref, computed } from 'vue'const getList = () => { // 跟上面一样的代码}const container = ref<HTMLElement>() // container节点const blank = ref<HTMLElement>() // blank节点const list = re
2022-01-07 10:09:55 585
原创 vue3.2+TS
代码如下(示例):<template> <div> <el-card> <el-form ref="form" label-width="110px" size="mini" class="search-form" :model="search" :rules="rules" :inline="true" >
2022-01-06 15:08:56 636
原创 vue使用echarts图表自适应宽度
vue使用echarts图表自适应宽度代码如下(示例): mounted () { setTimeout(() => { if (this.getchart) { this.getchart.resize() } }, 50) window.addEventListener('resize', this.resize()) }, beforeRouteLeave (to, from, next) { window.
2022-01-06 15:02:10 588 1
原创 Promise请求并发
1.请求并发代码如下(示例): const results = await Promise.all([ getOrderSumByDates(params), getContrastByDates(params) ]) this.orderSum = results?.[0] ?? [] this.contrast = results?.[1] ?? []
2022-01-06 14:55:09 692
原创 css媒体查询
CSS媒体查询:@media screen and (min-width: 1920px) { .right{ flex-direction: row; justify-content: center; padding-top: 4%; } .left { flex: 0 1 800px; } .airline-map-wrapper { flex: 0 1 800px; .airline-map { margin-top
2022-01-06 14:45:30 94
原创 css布局
css布局1.外部盒子固定高度代码如下(示例): <customers-by-dates ref="customerByDates" class="card" />.card{ heigth:500px }2.内部盒子铺满.box{ display: flex; flex-direction: column; align-items: stretch; .chart { flex: 1 1 auto; }}...
2022-01-06 14:43:32 148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人