![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
IMJCW
小孩子的心思像星空,看得见却看不懂。
展开
-
Element-ui获取上传的Excel并预览
前言之前写了一篇《SheetJS生成/解析Excel》,并在实际项目中使用了,因为项目使用的是 Element-UI 写的,其中,用了 upload 组件。实践直接上代码(这里借用了之前的解析代码):<el-upload ref="upload" limit="1" action="" :auto-upload="false" :on-change="parseExcel"></el-upload>export default {原创 2021-03-10 13:44:30 · 1901 阅读 · 7 评论 -
SheetJS生成/解析Excel
前言新公司的后台经常有一些数据导出的功能,而不少情况是导出筛选出来的数据(没有分页的那种)。这个时候,再让后端去跑一遍逻辑,有点浪费,如果前端可以自己做完就完美了。SheetJS(js-xlsx)项目地址:sheetjs因为需求比较简单,只是导入导出,目前还没遇到什么问题。官方有 Pro 版,看到有人说过,有很多版本,具体报价还是看诉求。兼容性使用方式官方的 README.md 已经介绍的很详细了,下面简单介绍一下。使用CDN<script src="https://unpkg原创 2021-03-08 10:42:50 · 7265 阅读 · 3 评论 -
JS数组合并(5种)
前言项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于 for 了。会变更原数组,当然也可以写成生成新数组的形式。let arr = [1, 2]let arr2 = [3, 4]for (let i in arr2) { arr.push(arr2[i])}console.log(arr)// [1, 2, 3, 4]arr.concat(arr2)会生成新的数组。let arr = [1, 2]let原创 2020-12-03 13:31:53 · 105182 阅读 · 12 评论 -
Promise原理分析
前言最近讨论到了 Promise,此前知道也使用过它,但是对于其原理却不甚了解。于是翻了翻 MDN 上的文档,又找了几篇文章看了看,研究了研究。最终,自己尝试了一番,对于其原理也有所了解。Promise的使用先回顾一下 Promise 的使用。这里只是简单的调用,如果需要系统学习,还是移步 MDN 上的文档。new Promise((resolve) => { setTimeout(() => { console.log(1) resolve原创 2020-10-21 09:06:45 · 380 阅读 · 0 评论 -
ES6对象的合并
前言有时候,我们需要将传进来的对象与默认对象进行合并。在使用 ES5 的时候,经常需要自己写一个方法专门做这样的事情。而在 ES6 中,可以使用 Object.assign 方法,更加便利了。语法Object.assign(target, …sources)返回值合并之后的对象编码运行const object1 = { a:1, b:2, c:3}const object2 = { c:4, d:5}const object_merge原创 2020-10-20 08:52:43 · 1791 阅读 · 0 评论 -
ES6中箭头函数和普通函数的区别
前言最近在看 ES6 相关的文档,当讲解到箭头函数的时候,说了三个与普通函数的不同点,这里记录一番。不同点箭头函数的 this 指向定义时所在的对象先来个普通函数的例子:var user = { name: 'demo', getInfo: function () { setTimeout(function () { console.log(this) }, 200) }}再来一个箭头函数的例子:var us原创 2020-10-16 10:55:15 · 642 阅读 · 0 评论 -
Vue-router 响应路由参数变化
前言最近用 vue 开发了一个数据展示的项目,在开发过程中,遇到了检测路由参数变化的问题。路由参数变化具体情况如下:有一个商品数据展示页,根据商品ID的不同,展示不同的数据。获取商品数据是在 mounted 或者 created 方法里做的。当使用了 vue-router 的 push 之后,mounted 和 created 方法没有被再次执行。因此,我们需要在路由参数变化之后,重新获取数据渲染。监听 $route 的变化在使用 vue-router 的 push 之后,$route原创 2020-10-12 09:07:34 · 1134 阅读 · 0 评论 -
v-charts的初次体验
前言最近做一个小项目,用到了图表,由于前端是基于 vue 编写的,自然而然是要用 vue 相关的扩展了。说句实话,vue 的生态还是蛮不错的,最终选定是用 v-charts 来实现相关功能。v-charts相关github:v-charts文档:v-charts使用方式直接看文档吧折线图使用直线<template> <ve-line :data="chartData" :extend="extend"></ve-line></templat原创 2020-10-09 17:44:52 · 262 阅读 · 0 评论