苹果IOS解析ISO8601格式的日期(结尾带不带Z)导致时区不对的问题

2022-10-11
阅读 1 分钟
1.1k
ISO8601格式下,结尾不带Z的日期,应为当前时区的时间,但苹果IOS下浏览器new Date()时解析有bug,把它解析为了UTC时间,导致在中国相差8小时。比如:2022-09-19T13:00:00 对应 Mon Sep 19 2022 13:00:00 GMT+0800 (中国标准时间)2022-09-19T13:00:00Z 对应 Mon Sep 19 2022 21:00:00 GMT+0800 (中国标准时间)如图:

基于vue的插槽式动态布局组件slot-layout

2021-09-05
阅读 4 分钟
6.7k
因为经常需要做一些动态布局,做了个vue动态布局组件slot-layout,分享下。组件地址:[链接]安装方式:npm i slot-layout这个组件基于一个布局配置对象,通过调整布局配置对象,最终通过映射到对应的vue组件插槽,来动态进行页面布局,布局和配置比较方便。特性通过js布局对象,完全控制页面布局。特别适合用于低代码平...

Element-UI的el-popover实现同一个popover重复使用多次(类似MessageBox)

2021-06-04
阅读 3 分钟
10.7k
由于el-popover与reference元素是一对一的绑定关系,当一个页面内有多处需要弹出类似的popover框时,如使用现有官方方案,就得每个弹出点都做一个<el-popover>。如果有10个弹出点,就要有10个相同的el-popover。虽然能实现,但对于强迫症来说,实在有点难接受。

前端开发下条件编译的实现(基于js-conditional-compile-loader,支持js、ts、vue、scss等)

2019-08-17
阅读 4 分钟
13.2k
条件编译,是指 用同一套代码和同样的编译构建过程,根据设置的条件,选择性地编译指定的代码,从而输出不同程序的过程。一般用在C++、Java、C#这样的编译执行语言。对于前端javascript、typescript、vue、css、scss、html等代码,我们也可以使用基于webpack的js-conditional-compile-loader插件实现类似的条件编译功能。

webpack自动用svg生成iconfont字体图标,支持热重载

2018-12-22
阅读 2 分钟
10.8k
之前生成iconfont字体图标,是用的[链接] 或者是阿里的[链接] ,将UI给的svg图导入来生成。但是一直有个问题,假如需要再次加入几个图标时,又需要重新搞一遍,很麻烦。

webpack插件实现自动抽取css中的主题色样式,并一键动态切换主题色(element-ui)

2018-08-18
阅读 2 分钟
34.6k
大家项目中经常会有切换UI主题色的需要。比较常用的做法,是将UI库相关css全部下载,替换其中的颜色,再应用到页面。这样做有几个问题:1、需要下载整个UI库的样式css。文件较大,下载慢且影响性能。2、只能替换UI库本身的颜色样式,项目中自己写的颜色样式替换不掉。3、全部的UI样式都重新覆盖,渲染较慢,且容易导致覆...