学习
旧城梦空
这个作者很懒,什么都没留下…
展开
-
vue性能优化
编码阶段打包优化原创 2023-08-23 14:07:11 · 46 阅读 · 0 评论 -
插件开发学习笔记
插件开发学习总结原创 2023-02-09 15:59:15 · 275 阅读 · 0 评论 -
一个数组里面是多个对象,根据对象ID合并数据
一个数组里面是多个对象,每个对象里面又有多个数据,如何根据对象ID将数据合并。原创 2022-08-11 10:22:29 · 1029 阅读 · 0 评论 -
JavaScript的类型转换
JavaScript的类型转换分为两种,显式转换(强制转换)和隐式转换(弱转换)显式转换强制类型转换主要针对功能的需要或为了使代码变得清晰易读,人为地进行类型的转换。在 JavaScript 中,强制类型转换主要是通过调用全局函数 Number()、parseInt() 和 parseFloat() 来实现。Number()将可以转换的参数转换为十进制数字,不能转换的转为NANconsole.log(Number(' ')) // 0console.log(Number('010')) //10原创 2022-05-18 18:15:22 · 648 阅读 · 0 评论 -
简单封装一个缩略图
如图所示,封装一个简单是缩略图<template> <div class="charts" style=" width: 100%" ref="charts" :style="{height}" /></template><script>import echarts from 'echarts'import { COLOR_LOOP } from '@/utils/colorUtils' //封装好的颜色文.原创 2022-05-13 11:51:05 · 86 阅读 · 0 评论 -
实现动态的删除图标显示和隐藏
功能实现:鼠标没有移入框框时,只展示商品信息,鼠标移入时,框框右上角出现删除图标,实现删除功能如图所示:原创 2022-03-04 10:56:47 · 661 阅读 · 0 评论 -
将echarts图表数据导出成表格
这次开发,产品让实现echarts图表上加个导出按钮,需要导出成excel表格。如图所示:开始一点思路都没有,百度了之后找到一个我个人觉得很不错的方法。上代码:首先肯定是写按钮,给按钮加点击导出事件<a-button size="small" @click="tableToExcel">导出表格</a-button>methods:{tableToExcel() { // 用,隔开,一个逗号就是一个单元格 let str = '时间,商品名称,商品ID,原创 2022-02-22 14:56:00 · 5671 阅读 · 2 评论 -
vue实现点击按钮复制input里面的内容
vue实现点击按钮复制input里面的内容HTML<a-input type="text" value="这是内容" class=“input”></a-input><a-button size="small" @click="copyText">复制</a-button>样式大概是这样要实现点击复制按钮把input输入框中的内容复制到剪切板上开始我想用的是input的select()功能实现copyText(){ var inp原创 2021-11-03 14:32:32 · 1635 阅读 · 0 评论 -
Promise ,Promise.all 和Promise.race的区别
Promise ,Promise.all 和Promise.race的区别Promisepromise是用来解决异步编程问题的,比传统的回调函数和事件处理方法要更加的合理。promise有三个状态:等待状态(Pending)、执行状态(Fulfilled)和拒绝状态(Rejected),状态的改变只能是单向的,且变化后不可在改变。一个promise必须提供then方法,以便知道当前值,终值和原因。promise.then(onFulfilled, onRejected)回调函数只能执行一次,且返回原创 2021-06-08 11:28:38 · 831 阅读 · 0 评论 -
求数组中元素出现的次数
求数组中每个元素出现的次数定义一个函数,求数组中元素出现的次数,使用的reduce方法//定义一个函数function countSum(data) { //定义一个obj的新对象 var obj = {}; //当满足function函数时进行reduce累加 return data.reduce(function(count, item) { if (item in count) { count[item]++; }原创 2021-06-08 10:28:45 · 2395 阅读 · 0 评论 -
css制作的心跳
纯css 制作动画心跳<style> .back { position: fixed; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; background: white; animation-name: backdiv; animation-duration: 1s; animation-iteration-cou原创 2021-04-15 17:15:29 · 146 阅读 · 0 评论