背景

项目中经常出现格式化时间的情况，比如页面中时间展示或者做为接口参数传递等

时间对象提供了大量的获取日期时间的方法，利用已有方法接口封装好一个格式化方法做为时间对象的原型方法，可以大大方便相关编程

概要

说起适配各种移动端，肯定要说em和rem，也看过很多博客介绍，一直的印象是em计算依据父元素font-size，rem计算依据html的font-size，在实际开发中利用的也不是很好，今天发现了一篇好内容，总结什么时候该用，以及用哪一种好，分享链接

这里记录自己的总结

问题

IOS下，当input唤起软键盘，fixed会失效变成absolute定位，如果说body的长度超过了屏幕长度，也就是说body是滚动的，那么导致的结果是原本fixed定位的模块都会表现成跟随body一起滚动了

栗子🌰

这是一个有趣的问题，其实开发中没有遇到过，是一次面试时被问到的，URL中存在?id=xxx这样的search部分，BUT调用window.location.search是空？？？

测试只要search前面有#，window.location.search就会是空

真实案例

背景：Vue中使用cleave.js，格式化身份证输入，v-model语法糖中使用的input事件与Cleave中input事件冲突，引发学习Vue的自定义事件，重写v-model

利用了Vue的自定义事件创建自定义表单输入组件，使用v-model来进行数据双向绑定，避免和Cleave的input事件冲突，改为keyup事件，先上结果代码～

用vue开发也三周了，边学习边用，好在之前用过react能快速的看文档应付项目。

暂时还没有看过vue源码，本篇仅记录应用型测试了解生命周期各种钩子函数，更好的控制数据流和其对DOM的影响。

基础代码：

最近有个项目是优化员工信息采集，其中比较有意思的是改进步骤条，步骤条的逻辑上没特别的，做好分段，到达每个段落点亮对应的步骤条就好了，再复杂一点的无非就是存在三种样式，，正在编辑的步骤显示一种样式，已完成编辑的显示一种样式，未完成的显示一种样式，做好判断即可。
有意思的地方在于步骤条的样式多样化，查看ant-design步骤条，以及element-ui步骤条，给的都是简单的圆圈样式，步骤之间隔离无交集，走到当前的步骤时填充下背景色就好。

垂直居中需求极其常见，实现的方法也多样，总结几个方法

基于绝对定位的垂直居中

1
2
3
4
5
6
7

position: absolute;
top: 50%;
right: 50%;
width: 12em;
height: 8em;
margin-top: -4em;
margin-right: -6em;

利用CSS创建条纹背景，主要应用CSS3两个属性，linear-gradient 线性渐变，以及 background-size 渐变尺寸。

水平条纹

首先有一条基本的垂直线性渐变

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.