2024年最全HTML CSS JS学习笔记之实现网页计算器1，2024年最新2024最新前端开发面试解答

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

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

微信小程序

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

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

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

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

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

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

• 防抖、节流

• 浏览器的缓存机制

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

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

color: white;

}

第一个版本的HTML代码：

mc m+ m- mr AC ⬅ +/- / 7 8 9 X 4 5 6 - 1 2 3 + 0 . =

对应JS文件：

let bSymbol = “”;

let aSymbol = “”;

let symbol = “”;

let result = 0;

let showScreen = document.getElementById(“showScreen”);

let AC = document.getElementById(“AC”);

function clickNum(num) {

//点击数字时调用

AC.innerHTML = “C”;

if (“”==symbol) {

bSymbol = bSymbol + num;

} else {

aSymbol = aSymbol + num;

}

//显示屏幕信息

showScreen.value = bSymbol + symbol +aSymbol;

}

function clickSymbol(sym) {

//点击符号调用

if (“.”==sym) {

if (“”==symbol) {

//查找字符串是否包含子字符串 “.”

let index = bSymbol.search(“\.”);

if (index==-1) {

//可以加小数点

if (bSymbol.length==0) {

bSymbol = “0.”;

} else {

bSymbol = bSymbol + “.”;

}

}

} else {

//查找字符串是否包含子字符串 “.”

let index = aSymbol.search(“\.”);

if (index==-1) {

//可以加小数点

if (aSymbol.length==0) {

aSymbol = “0.”;

} else {

aSymbol = aSymbol + “.”;

}

}

}

} else if (symbol.length==0){

symbol = sym;

}

//显示屏幕信息

showScreen.value = bSymbol + symbol +aSymbol;

}

function equals() {

//点击等号调用

let x = “”;

let y = “”;

if (bSymbol.search(“\.”)!=-1 || aSymbol.search(“\.”)!=-1) {

x = parseFloat(bSymbol);

y = parseFloat(aSymbol);

} else {

x = parseInt(bSymbol);

y = parseInt(aSymbol);

}

if (symbol==“+”) {

result = x + y;

} else if (symbol==“-”) {

result = x - y;

} else if (symbol==“X”) {

result = x * y;

} else if (symbol==“/”) {

result = x / y;

}

//小数点保留6位

result = result + “”;

let index = result.search(“\.”);

if (index!=-1) {

let rLength = result.length-index-1;

if (rLength>6) {

//四舍五入

后话

---

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

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。