- 博客(8)
- 收藏
- 关注

原创 js-xlsx/xlsx-style 纯前端数据导出Excel且支持自定义样式
前端开发过程中经常遇到导出excel的需求。这种情况大多数都是服务端处理数据(QAQ至少我遇到的大多数都是这样),然后返回一个链接,前端不需要管服务端怎么操作直接打开这个链接(window.location.href = url;)就能下载excel了。但是事情往往没有那么简单,当表格数据不多,且没有分页的时候,服务端往往会把导出excel的操作扔给前端。。。。前端导出excel的情况也不少,经常做了就过了,现在整理出来分享下效果图如下:一开始我用的是**js-xlsx插件做的,这个导出基本的表格
2020-12-01 17:22:06
12006
5
原创 如何在Mac上调试iphone 打开的safari网页
如果pc浏览器或者模拟器没有问题,iPhone手机上运行时出现了问题,首先使用iPhone自带的Safari浏览器查看一下网页,如果浏览器中出现了同样的问题,可以配合Mac上的Safari进行调试,找出问题所在。5、成功打开网页调试器,便可以方便的调试手机safari上的网页。4、打开mac上的Safari浏览器,按下图步骤打开调试器。3、用移动设备上的 Safari 浏览器打开要调试的网页。1、用数据线连接 iOS 设备和 Mac 电脑。2、启用 iOS 设备上的「
2023-04-18 17:48:27
6483
原创 rem自适应之postcss-pxtorem
在使用antd或者其他组件库时,有的组件也可能用到内联样式,px没有被转换成rem,导致样式不正确,需要手动修改。设计稿是1920*1080px,pxtorem我们设置rootValue是19.2,19.2px=1rem。8)exclude(String, Regexp, Function)要忽略并保留为px的文件路径。4)selectorBlackList (Array)要忽略的选择器,保留为px。3)propList (Array)可以从px更改为rem的属性。注意最好不要和umi的hd方案同时用!
2023-03-27 17:35:56
1169
原创 webpack使用alias后丢失快速链接和智能提示问题
为了方便深层次文件的快速引入,我们通常都会在webpack层面配置alias,如下所示。在根目录下创建一个jsconfig.json的文件,并写入如下代码即可。
2023-03-27 16:30:40
305
原创 node版本管理工具n的使用教程
切换成功后使用 node -v 命令,查看当前版本,如果显示刚刚选择的版本号则表示切换成功。n 是一个 nodejs 管理工具,上下方向键选择已安装的版本,回车确定。
2023-03-27 15:31:24
2522
原创 Mac上配置Git和设置SSH
前往.shh文件所在的路径(前往~/.ssh 这个路径),然后用xcode打开.pub这个文件。$ vim id_rsa.pub 将这个文件的内容显示到终端上。Mac上是自带git的,所以不需要自己下载和安装。$ cd ~/.ssh 切换目录到这个路径。:这里的邮箱填写你提交代码时要用的邮箱。
2023-03-27 15:09:39
3762
原创 React 中保存页面状态/在react中实现vue的keep-alive/React Activation
1.背景用户访问了一个列表页,点击查进入详情页,从详情页退回列表页时,需要停留在离开列表页时的浏览位置上*在 React 中,我们通常会使用路由去管理不同的页面,而在切换页面时,路由将会卸载掉未匹配的页面组件,所以上述列表页例子中,当用户从详情页退回列表页时,会回到列表页顶部,因为列表页组件被路由卸载后重建了,状态被丢失。*2.常见的解决方式(1)手动保存状态:配合 React 组件的 componentWillUnmount 生命周期通过dva、 redux 之类的数据流管理工具对数据进行保存,
2021-07-08 17:53:47
4493
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人