前端开发:基于原生JS的时间过滤实现_return data数据过滤器时间筛选

116 阅读3分钟

在前端开发的时候,经常会遇到处理时间日期的需求,有时候会需要根据实际情况来对获取到的时间日期做处理,不同的开发者有不同的编码风格,也有不同的选择方式,其实对时间日期的处理(过滤)有很多种方法,有通过第三方日期格式化插件来处理的,有自己写原生JS方法来实现的。通过插件来实现日期格式化处理,只用在项目里面引入插件之后,直接通过插件的调用方法直接处理时间过滤的需求,这种方式可以简化代码,提高代码整洁度。但是,通过原生JS来实现时间过滤也是一种不错的方式,只用把时间过滤的方法封装成公用方法,然后全局调用即可,这也是一种不错的时间过滤方式。

常用的通过第三方插件来处理时间过滤功能那就是前端开发者都很熟悉也经常使用的moment.js的方式来实现,moment.js中文网也把具体的集成方式和用法都讲的很清楚,这里就不在过多介绍,本篇博文只来具体讲解一下通过JS原生来实现时间过滤。

其实通过原生JS来实现时间过滤的方式也很简单,只用把过滤时间的方法搞成一个公共方法,然后通过全局调用,即可。具体的处理时间过滤的方法如下所示:

//时间过滤

export const formatDate = (value, type) => {

  if(value==null){ return ''; }

  let dates = new Date(value);

  if(!isNaN(dates)&&!isNaN(Date.parse(dates))){

    //dates.setHours(dates.getHours()+8);
**ES6**

*   列举常用的ES6特性:

*   箭头函数需要注意哪些地方?

*   let、const、var

*   拓展:var方式定义的变量有什么样的bug?

*   Set数据结构

*   拓展:数组去重的方法

*   箭头函数this的指向。

*   手写ES6 class继承。



![](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/97661fb6d22a4954bcb5bf58372c1366~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772012704&x-signature=gS66%2FKi36yoqm9FJs3uuBR%2FGRL0%3D)



**微信小程序**

*   简单描述一下微信小程序的相关文件类型?

*   你是怎么封装微信小程序的数据请求?

*   有哪些参数传值的方法?

*   你使用过哪些方法,来提高微信小程序的应用速度?

*   小程序和原生App哪个好?

*   简述微信小程序原理?

*   分析微信小程序的优劣势

*   怎么解决小程序的异步请求问题?



![](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/9a95142553204bb2a13b3b220cd94bb1~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772012704&x-signature=2YbcQmTwekEihEzYHcFkARrnL50%3D)



**其他知识点面试**

*   webpack的原理

*   webpack的loader和plugin的区别?

*   怎么使用webpack对项目进行优化?

*   防抖、节流

*   浏览器的缓存机制

*   描述一下二叉树, 并说明二叉树的几种遍历方式?

*   项目类问题

*   笔试编程题:



![](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/77830e42411841b4a1a4c6061e85d585~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1772012704&x-signature=uYgJ3m%2Btk6TKQSkXPiItvzvqbVk%3D)



#### 最后



技术栈比较搭,基本用过的东西都是一模一样的。快手终面喜欢问智力题,校招也是终面问智力题,大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了,建议回去补一下。
**开源分享:https://docs.qq.com/doc/DSmRnRGxvUkxTREhO**