Javascript

目录

• Css

  • ::before 和::after 中双冒号和单冒号有什么区别，作用
  • animation、transition、 transform 有什么区别
  • CSS z-index 属性失效的情况详解
  • CSS 工程化的理解
  • CSS 特异性的概念以及它如何影响样式应用
  • CSS 盒模型
  • CSS 预编语言的理解，以及它们之间的区别
  • CSS3新增了哪些特性
  • CSS中，哪些方式可以隐藏页面元素，有什么区别
  • em/px/rem/vh/yw 区别
  • fex 布同下，怎么改变元素的顺序
  • fex=auto 是什么意思
  • grid网格布局
  • htm!和css中的图片加载与渲染规则
  • obiect-fit 用法
  • 使元素水平和垂直居中的不同方法有哪些
  • 使用 css 画一个三角形
  • 使用 CSS3 实现动画
  • 使用CSS提高页面性能
  • 单行文本怎么实现两端对齐
  • 响应式设计
  • 多行文本溢出的省略样式
  • 如何创建在滚动时保持固定的粘性标题
  • 如何实现两栏布局,右侧自适应,三栏布局中间自适应
  • 对 CSS 模块化的理解
  • 弹性盒布局模型
  • 怎么实现样式隔离
  • 怎么触发BFC，BFC有什么应用场景
  • 怎么让Chrome支持小于12px 的文字
  • 理解重绘和回流
  • 相邻的两个inline-block节点为什么会出现间隔，该如何解决
  • 移动端的样式适配
  • 行内元素和块级元素区别
  • 设备像素、css像素、设备独立像素、dpr、ppi 之间区别

• Es6

  • async、await错误处理
  • es5 和es6 的class类的区别
  • ES6 中rest参数的理解
  • ES6中 Decorator
  • ES6中函数新增的扩展
  • ES6中对象新增的扩展
  • ES6中数组新增的扩展
  • ES6中的 Reflect 对象
  • ES6中的Generator
  • ES6中的Module
  • ES6中的Promise
  • ES6中的Proxy
  • ES6新特性
  • Iterator、Generator 和 Async、Await 的理解
  • JavaScript中的简单数据类型
  • Map 和 Set 区别
  • Map 和 WeakMap 区别
  • new.target 的理解
  • object.assign和扩展运算法
  • Object.defineProperty 与 Proxy 的区别
  • var、let、const区别
  • 什么是es6
  • 如何把一个对象变成可选代对象
  • 如果new一个箭头函数会怎么样
  • 箭头函数与普通函数区别
  • 箭头函数的 this 指向
  • 让 var [a, b]= {a:1,b:2}解构赋值

• Html

  • a标签中
  • Canvas
  • div+css的布局有什么优点
  • Doctype的作用
  • DOM 和 BOM
  • Dom 树
  • HTML(57题)
  • html5有哪些新特性
  • HTML全局属性(global attribute)有哪些
  • html和css中的图片加载与渲染规则
  • label标签和for、id属性的配套使用
  • meta标签的name属性值
  • px、em、rem 理解
  • src与href的区别
  • title与h1、b与strong、i与em的区别
  • video标签的属性方法
  • 一台设备的dpr，是否是可变的
  • 内元素和块级元素的区别
  • 如何选择图片的格式
  • 对HTML语义化的理解
  • 对浏览器内核的理解
  • 引入样式时，link和@import的区别
  • 跨页面通信

• J Query

  • $(this)和this有什么区别
  • detach和remove的区别
  • extend实现原理
  • hover和toggle有什么区别
  • jquery中的$()是什么
  • jquery中的$get和$post的区别
  • jquery和zepto的区别
  • jquery如何实现深拷贝
  • jquery实现原理
  • jquery怎么处理事件的，有哪些事件
  • jquery怎么实现动画
  • jquery怎么获取或设置属性
  • jquery有哪些查询节点的选择器
  • jquery有哪些节点插入的方法，区别是什么
  • jquery的ready和windowd的load有什么区别
  • jquery的常用方法增删改查和复制
  • jquery获取或设置HTML、文本和值
  • 如何使用jQuery中的Ajax的

• Js

  • == 和 === 的区别
  • async、await 实现原理
  • bind、call 和 apply
  • MessageChannel讲解
  • 事件冒泡和事件捕获
  • 事件循环机制、同步异步、宏任务和微任务
  • 作用域链vs原型链
  • 函数为什么会有长度length
  • 函数作用域和块级作用域
  • 函数和方法的定义
  • 如何处理 JS 错误
  • 生成器(Generator)与迭代器(Iterator)
  • 闭包的理解

• Nodejs

  • common.js和es6中模块引入区别
  • div-parser 这个中间件
  • egg.js框架
  • Koa 中，中间件没有调用 await next()
  • koa 框架中，怎么处理中间件的异常
  • koa 洋葱模型的理解
  • koa和express差异
  • koa是怎么实现的洋葱模型
  • Node 中的 Buffer
  • Node 中的 fs模块
  • Node 中的 process
  • Node 中的 Stream
  • Node 文件査找的优先级以及 Require 方法的文件查找策略
  • Node.is理解
  • Node.js 如何调试
  • Node.js 有哪些全局对象
  • Node.js 进程如何通信
  • Nodejs中的事件循环机制理解
  • Node中的EventEmitter
  • Node在使用es module时必须加上文件扩展名
  • Node性能监控以及优化
  • pm2守护进程的原理
  • 实现jwt鉴权机制
  • 实现文件上传
  • 封装 node 中间件
  • 浏览器和 Node 中的事件循环的区别
  • 设计一个分页功能,前后端如何交互

• Plugins

  • moment.js插件
  • websocket实现

• React

  • Portal 组件的事件冒泡行为
  • React Portals
  • React render方法的原理
  • React 为什么不直接使用 requestIdleCallback
  • react 和 react-dom的关系
  • React 需要 fiber 架构，而 Vue 却不需要
  • React(83题)
  • React事件和原生事件的执行顺序
  • 受控组件和非受控组件的理解

• Store

  • vuex和pinia的区别

• Typescript

  • tsconfig.json文件有什么用
  • Ts中any和unknown区别
  • TypeScript Declare关键字
  • TypeScript 中命名空间与模块的理解
  • Typescript 中的 is 关键字
  • TypeScript 的主要特点
  • TypeScript 的内置数据类型
  • Typescript与javascript 的区别
  • Typescript中实现继承
  • TypeScript中有哪些声明变量
  • Typescript中泛型
  • TypeScript中的 Declare
  • TypeScript中的null和undefined
  • TypeScript中的方法重写
  • TypeScript中的枚举
  • TypeScript中的类型
  • TypeScript支持的访问修饰符
  • TypeScript映射文件
  • Typescript的方法重载
  • 判断传入参数是否是数组类型的方法
  • 定义数组，元素可能是字符串或数值
  • 将 unknown 类型指定为一个更具体的类型

• Vue

  • Vue(80题)
  • Vue2
  • Vue3

• 前端安全

• 前端工程化

  • babel理解
  • CI/CD理解
  • devDependencies 和 dependencies
  • Loader和Plugin的区别
  • pinia和vuex区别
  • SSG理解
  • vite 和 webpack 区别
  • vite的原理
  • webpack 5 升级点
  • webpack proxy工作原理
  • Webpack Tree Shaking 机制原理详解
  • webpack-dev-server 的原理
  • webpack中常见的Loader
  • webpack中常见的Plugin
  • webpack的module、 bundle、chunk
  • webpack的构建流程
  • webpack的热更新
  • 与webpack类似的工具还有哪些?区别?
  • 前端工程化
  • 如何借助webpack来优化前端性能
  • 提高webpack的构建速度

• 小程序

  • 小程序(9题)

• 性能优化

  • Node.js 中 ES Modules 必须使用文件扩展名
  • png8、png16、png32的区别，以及png 的压缩原理
  • script在header或div区别
  • 几百个函数需要执行，怎么优化
  • 前端性能优化指标与检测方法
  • 如果CSS提高贞面性能
  • 站点内的图片性能优化
  • 虚拟DOM一定更快吗?
  • 解决SPA首屏加载速度慢怎么

• 算法

  • ES6(32题)

• 编码

  • 编程题(50题)

• 计算机网络

  • 304过程
  • Axios的原理是什么
  • Blob，ArrayBuffer，Base64区别
  • Cache-Control 有哪些常见配置值
  • cookie讲解
  • DNS 怎么实现预解析
  • fetch和axios的区别
  • Http 3.0 是基于 udp 的，如何保证传输可靠性
  • HTTP 报文结构是怎样的
  • HTTP1.0，HTTP1.1，HTTP2.0区别
  • HTTP2中，多路复用的原理
  • HTTP3 的了解
  • HTTPS 为什么是安全的
  • https 的握手过程
  • https理解，如何保证安全
  • MCP协议
  • POST请求的 Content-Type 常见的有哪几种
  • SSE协议
  • TCP 和 UDP的区别
  • TCP和HTTP请求之间关系
  • TCP是怎么判断丢包
  • TLS 1.3 做了哪些改进
  • websocket 中的 Handshaking
  • WebSocket和HTTP的区别
  • 为什么推荐将静态资源放到CDN上
  • 什么是DNS劫持
  • 从存储位置看，浏览器缓存分为几种
  • 对TCP、IP协议
  • 应用层协议
  • 描述从输入网址到页面显示的过程.md
  • 视频直播流程
  • 跨域时怎么处理 cookie

• 设计模式