- 博客(5)
- 收藏
- 关注
RSS订阅原创 导出功能 v0.0.2
导出功能在项目开发的过程中，我们经常需要实现文件导出功能。导出文件的格式包括word,excel，pdf等。1.导出excel1.1 纯前端导出excel 使用插件js-export-excel import ExportJsonExcel from "js-export-excel"; let option={}; //文件名称 option.fileName = query.surveyName||'excel'; //表格数据 option.datas=[
2020-11-16 10:06:57
690
原创 Echats----实现效果，一个datazoom同时控制两个图表
Echats----实现效果，一个datazoom同时控制两个图表效果描述1.Echarts是一种通过配置来实现一些图表效果的工具，本身的使用难度并不大。但是，往往项目的本身需要一些特殊的效果，并不能通过直接的配置来解决问题，这个时候可能会遇到一些难题。2.通过查询结果网上的解决方法都是解决通过datazoom控制两个纵向排列的图表，而参与项目则是需要实现控制两个横向的图表，并附带两图表的合并效果。解决方法尝试方法：同一个图表中设置两个grid/两套坐标轴，通过left,top来控制gr
2020-10-24 15:00:42
3765
1
原创 css 实现毛玻璃效果
前言最近在参加一个项目的时候，需要实现毛玻璃的效果，一开始想简单的使用背景透明度rgba或者filter:blur,来实现。遇到问题：1.只使用透明度不能准确的实现毛玻璃的效果。2.如果单独的使用filter：blur（…px），发现子元素全部模糊。解决方法：主要通过，蒙层（定位来实现）。主要代码如下：//需要添加毛玻璃效果的div .headSty{ height:0.6rem; width: 100%;
2020-07-27 12:10:42
3671
原创 webpack之代码分割
初聊webpack我们都知道webpack是目前最为流行的项目打包工具之一，当然其他的打包工具也很优秀。当前较为流行的前端框架也推出了基于webpack的脚手架。比如Vue框架使用Vue-cli作脚手架，react框架使用create-react-app脚手架来搭建项目的开发环境。它们都为我们项目的开发带来便利。webpack作为代码打包工具，代码分割便显得较为重要了。今天我们来聊一聊webpa...
2020-02-22 19:10:56
1435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人