腾讯 csig 25 前端（一面）
面试官挺好的，比较友善，会引导问题；可能是开会迟来了比较久
因为 base 在杭州，西安有点远就没有接受二面了（二面大约一天后来的面试邀请
- 自我介绍
- 项目和实习介绍
- 做过什么开源项目吗？（翻出 GitHub 拷打了一波）
- doctype （没听清，以为是 document.pipe…）
- 盒模型 / 有哪些 box-sizing
- 讲讲 flex 布局
- 讲讲有哪些 position
- 了解 webgl 吗
- 讲讲 RxJS（项目用到）为什么在项目中用 RxJS
- 手撕函数，说出输出了啥（跟面试官大眼瞪小眼 10 分钟，面试的时候看晕掉了，面试完再看豁然开朗…）
function fun(n, o) {
console.log(o);
return {
fun: (m) => {
return fun(m, n);
},
};
}
const a = fun(0).fun(1).fun(2).fun(3);
const b = fun(0)(1)(2)(3);
const c = fun(0).fun(1);
c.fun(2);
c.fun(3);
写一个 url 解析（从上往下暴力写了，完全忘记了有 new URL() 这回事…）
- 面试官：你这代码还有哪些可以改进的？缺陷在哪里
- 我：不牢靠，换一个别的 url 来就跑不通了；可读性极低，模块化没有，变量乱用；忘记 path 是 url 里面的哪一部分了….
const src = "https://github.com/search?q=thisway.js&type=repositories";
/**
*
* @param {*} src
* @returns
*/
const getRouteParams = (src) => {
const protocal = src.substring(0, src.indexOf(":"));
const withOutProtocal = src.substring(src.indexOf("//") + 2);
const domainEnd = withOutProtocal.indexOf("/");
const domain = withOutProtocal.substring(0, domainEnd);
const path = withOutProtocal.substring(
domainEnd + 1,
withOutProtocal.indexOf("?")
);
const pathWithDomain = domain + "/" + path;
const queries = withOutProtocal.substring(withOutProtocal.indexOf("?") + 1);
const queryList = queries.split("&");
const queryObj = queryList.map((q) => {
const qs = q.split("=");
return {
[qs[0]]: qs[1],
};
});
return {
protocal,
domain,
path: pathWithDomain,
getParams: queryObj,
};
};
const ans = getRouteParams(src);
console.log(ans);
反问环节，具体记不清了，问了类似这样的问题： 面试官，请问你为什么选择现在这个岗位
- 离家近（？）
- 平台好（？）
我也在杭州
查看9道真题和解析
