2024年Web前端最全Vue---监视数据、表单、过滤器，2024年最新快手前端面试经验

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

账号：

密码：

年龄：

性别： 男

女

爱好：

吃 喝

玩

乐

所在校区：

请选择校区 西乡塘区 良庆区 青秀区 兴宁区

其他信息：

阅读并接受《用户协议》

提交

过滤器

===

❤️   定义：对要显示的数据进行特定格式化后再显示【适用于一些简单逻辑的处理】

❤️   语法：

1. 注册过滤器Vue.filter(name,callback) 或 new Vue({filters:{ }})

2. 使用过滤器:{{xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名”

❤️  注意：

1. 过滤器也可以接受额外参数，过个过滤器也可以串联

2. 并没有改变原本的数据，是产生新的对应的数据

❤️  可以定义局部过滤器 和全局过滤器

全局过滤器

Vue.filter(‘myslice’, function (value) {

 return value.slice(0, 4)

})

局部过滤器

filters: {

timeFormater(time, str = 'YYYY年MM月DD日 HH:mm:ss') {

         return dayjs(time).format(str)

 },

 // myslice(value) {

 //     return value.slice(0, 4)

 // }

}

❤️  参数分析

timeFormater(time, str = ‘YYYY年MM月DD日 HH:mm:ss’) {

return dayjs(time).format(str)

},

拿本例题来说：

过滤器接受一个默认参数 time =时间戳；如果过滤器里面带了参数就是有两个参数，第一个就是默认的参数，第二个就是 指定格式参数

显示格式化后的时间

computed实现-现在的时间：{{fmtTime}}

methods实现-现在的时间：{{getfmtTime()}}

过滤器实现-现在的时间：{{time | timeFormater}}

过滤器穿参实现-现在的时间：{{time | timeFormater('YYYY年MM月DD')}}

过滤器实现-现在的时间：{{time | timeFormater('YYYY年MM月DD') | myslice}}

你好呀

{{name | myslice}}

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

304bb5a486d4c3ab8389e65ecb71ac0)**

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

[外链图片转存中…(img-l2hGBydd-1715378696946)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-y9TLvN4n-1715378696948)]