ES6

  • 列举常用的ES6特性：

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

  • let、const、var

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

  • Set数据结构

  • 拓展：数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

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

微信小程序

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

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

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

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

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

  • 简述微信小程序原理？

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

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

其他知识点面试

  • webpack的原理

  • webpack的loader和plugin的区别？

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

  • 防抖、节流

  • 浏览器的缓存机制

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

  • 项目类问题

  • 笔试编程题：

最后

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

🌈个人主页: Aileen_0v0
🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|
​💫个人格言:“没有罗马,那就自己创造罗马~”

#mermaid-svg-oO1UdfWcWZUMkIDr {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .error-icon{fill:#552222;}#mermaid-svg-oO1UdfWcWZUMkIDr .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-oO1UdfWcWZUMkIDr .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-oO1UdfWcWZUMkIDr .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-oO1UdfWcWZUMkIDr .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-oO1UdfWcWZUMkIDr .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-oO1UdfWcWZUMkIDr .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-oO1UdfWcWZUMkIDr .marker{fill:#333333;stroke:#333333;}#mermaid-svg-oO1UdfWcWZUMkIDr .marker.cross{stroke:#333333;}#mermaid-svg-oO1UdfWcWZUMkIDr svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-oO1UdfWcWZUMkIDr .label{font-family:“trebuchet ms”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .cluster-label text{fill:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .cluster-label span{color:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .label text,#mermaid-svg-oO1UdfWcWZUMkIDr span{fill:#333;color:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .node rect,#mermaid-svg-oO1UdfWcWZUMkIDr .node circle,#mermaid-svg-oO1UdfWcWZUMkIDr .node ellipse,#mermaid-svg-oO1UdfWcWZUMkIDr .node polygon,#mermaid-svg-oO1UdfWcWZUMkIDr .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-oO1UdfWcWZUMkIDr .node .label{text-align:center;}#mermaid-svg-oO1UdfWcWZUMkIDr .node.clickable{cursor:pointer;}#mermaid-svg-oO1UdfWcWZUMkIDr .arrowheadPath{fill:#333333;}#mermaid-svg-oO1UdfWcWZUMkIDr .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-oO1UdfWcWZUMkIDr .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-oO1UdfWcWZUMkIDr .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-oO1UdfWcWZUMkIDr .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-oO1UdfWcWZUMkIDr .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-oO1UdfWcWZUMkIDr .cluster text{fill:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr .cluster span{color:#333;}#mermaid-svg-oO1UdfWcWZUMkIDr div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-oO1UdfWcWZUMkIDr :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;}

be pressed for time时间不够

文章目录

什么是JavaScript

  • js 引擎逐行读取 js 代码内容,然后解析成二进制指令,再执行.
    • 渲染引擎:解析html + css , 俗称"内核"
    • js引擎:也就是js的解释器,最典型的就是 Chrome 中的内置V8

JavaScript的组成

  • ECMAScript(简称ES): JavaScript语法
  • DOM:页面文档对象模型,对页面的元素进行操作
  • BOM:浏览器对象模型,对浏览器窗口进行操作
    在这里插入图片描述

网页中的每一个元素相当于一个DOM对象.

在这里插入图片描述

对浏览器窗口进行前进后退这个操作就是一个BOM对象.

JavaScript的书写形式

1.行内式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 设置一个按钮并触发点击后的事件 -->
    <input type="button" value="这是一个按钮" onclick="alert('You will be rich man')">
</body>
</html>

在这里插入图片描述
需要点击以后才会出现窗口.

2.内嵌式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
### 总结

**前端资料汇总**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/6e0ba223f65e063db5b1b4b6aa26129a.png)

*   框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

*   算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯



*   在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

*   要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
    喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！
# 前端 # 学习 # javascript
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

HarmonyOS NEXT应用测试都有哪些工具可以使用，它们的使用场景有哪些区别？

主要介绍基础功能和兼容性、稳定性、功耗、性能、安全和UX这6大核心质量维度在开发阶段和测试阶段需要关注的体验建议。应用在开发过程中典型的测试活动模型和测试活动质量目标，一般分为单元测试，集成测试、UI测试、体验测试和用户测试。致力于提供便捷的一站式应用测试服务，解决应用开发、测试过程中面临的成本、技术和效率问题。目前HarmonyOS NEXT应用测试都有哪些工具，这些工具的使用场景是什么呢？主要

avatar HarmonyOS开发者社区

onTouch事件在点击的时候一直会触发TouchType的Move状态？

真机的触摸传感器通常具有高灵敏度，即使手指轻微抖动（用户可能感知不到），传感器仍会捕捉到坐标变化并触发Move事件。这在需要高精度触控的场景（如绘图应用）中是有益的，但在点击场景下可能造成多次Move事件触发。在按下去的瞬间，Down状态被触发后Move状态也接着被触发，即使手指不移动也会一直触发Move状态，Move连续打印出来的x、y值一模一样。在模拟器上，TouchType的表现正常，不移动

avatar HarmonyOS开发者社区

HarmonyOS应用未上架 ，如何调试检测应用更新功能是否正常？

应用开发中可以正常编写调用checkAppUpdate这个API的业务逻辑，上架后，如果无可更新版本（首次上架或当前已是最新版本）返回0（不存在可更新版本）；返回1（存在新版本）可以通过调用showUpdateDialog这个API显示升级弹框，提醒用户升级到最新版本体验新上架功能特性。当应用启动完成或用户在应用中主动检查应用新版本时，开发者可以通过本服务，来查询应用是否有可更新的版本。开发者可以

avatar HarmonyOS开发者社区