2024年前端最全剑指Offer——丑数_丑数剑指offer(1)，2024年最新阿里高级前端面试题

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

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

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

import java.util.Scanner;

public class C5_34_UglyNumber {

/**

• @date 2016-09-16

• @number 01

• @author SHQ

• 丑数

• 题目描述
  *把只包含因子2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14不是，因为它包含因子7。习惯上我们把1当做是第一个丑数。求按从小到大的顺序的第N个丑数。

• 思路
  *空间换时间
  *根据丑数的定义，丑数应该是另一个丑数乘以2，3，或5所得(1除外)。故非丑数不在计算范围之内。额外创建一个数组，用于存放已确定的丑数。
  *通过设置3个变量，用于标记第一个大于最大丑数的位置，并将3个变量中的最小丑数作为下一个丑数。 同时避免重复计算。

• 空间复杂度O(n);
  */
  public static void main(String[] args) {
  Scanner in = new Scanner(System.in);
  while(in.hasNextInt()){
  int index = in.nextInt();
  System.out.println(GetUglyNumber_Solution2(index));
  }
  }
  // 超时
  private static int GetUglyNumber_Solution(int index) {
  if(index <= 0){
  return 0;
  }
  int cnt = 0;
  int number = 1;
  while(cnt < index){
  if(isUgly(number)){
  cnt++;
  }
  number++;
  }
  return number;
  }

  private static boolean isUgly(int num){
  while(num % 2 == 0)
  num /= 2;
  while(num % 3 == 0)
  num /= 3;
  while(num % 5 == 0)
  num /= 5;
  return num == 1 ? true : false;

  }

  private static int GetUglyNumber_Solution2(int index) {
  if(index <= 0){
  return 0;
  }
  int [] arr = new int [index];
  arr[0] = 1;
  int index2 = 0, index3 = 0, index5 = 0, nextIndex = 1;
  while(nextIndex < index){
  System.out.print(arr[nextIndex-1] + " ");
  int min = min(arr[index2]*2, arr[index3]*3, arr[index5]*5);
  arr[nextIndex] = min;
  while(arr[index2] * 2 <= arr[nextIndex])
  index2++;
  while(arr[index3] * 3 <= arr[nextIndex])

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

JavaScript