2024年力扣139，2024京东Web前端面试真题

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

思路：动态规划，设dp[]记录当前字符能不能通过字典里的单词到达，双层循环，外层循环遍历字符串每一个字符，内层遍历当前i字符之前的所有以i字符结尾的子串

例如字符串：leetcode

i遍历到了t

那么内层循环就会遍历：leet、eet、et、t

然后判断这些子串中有没有与字典里的单词匹配，若匹配且当前dp[j]为真，则dp[i]为真

判断dp[j] 是因为若dp[j]为真，则代表j字符可以到达，那么当前字符子串以j为起始并且字典里存在此子串，所以当前子串的结尾处也可以到达（dp[i] = true）

dp[0] 赋初值true，因为若子串起始字符为第一个字符，那么从第一个字符出发的子串当然是可以的

最后判断dp[]最后一个位置是否为真，若为真则说明此字符串可以通过字典里的单词拼凑到达最后一个字符

一开始的笨办法，虽然笨且慢，不过可能更便于理解：

class Solution {
public:
    bool wordBreak(string s, vector<string>& wordDict) {
        int len = s.size();
        auto dp = vector<bool> (len + 1);    
        dp[0] = true;    //dp[0]赋值

        for(int i = 1; i <= len; i++){     //外层循环遍历字符串
            int sw = true;    //开关，若内层循环确定当前字符可到达则进行下一个字符
            for(int j = 0; j < i && sw; j++){    //内层循环遍历i字符前每一个以i字符结尾的子串
                for(auto word:wordDict){    //在字典里面找有没有此子串
                    if(dp[j] && (word.compare(s.substr(j, i - j)) == 0)){    
                        dp[i] = true;    //如果子串存在可到达则i字符后一个字符也可到达
                        sw = false;    //如果当前字符可到达则无需继续遍历子串
                    }
                }
            }
        }

        return dp[len];
    }
};

加入unordered_set之后快了很多

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

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

_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM=,size_16,color_FFFFFF,t_70)