目录指南

algorithm

bubbing

• 冒泡算法
• 选择排序
• 插入排序
• 希尔排序
• 归并排序
• 快速排序
• 堆排序
• 计数排序
• 桶排序
• 基数排序
• 二分查找：其他
• 总结
• 参考

index

• 时间复杂度
• 空间复杂度

backend

deno/index

• deno-docs

nginx/config

• nginx-config

nginx/index

• nginx 的正向代理？
• nginx 的反向代理？
• nginx 负载均衡
• 一段基于 vue 项目 nginx 配置文件
• 一段基于 nuxt 项目的 nginx 配置文件

nginx/proxy

• nginx-proxy

node/fs

• fs

node/index

• 目录 (v14.2.0)

actix-web/advanced

• Error 错误

actix-web/base

• 入门
• Application
• Server

actix-web/index

• 介绍
• 协议
• Patterns 模式
• 图表
• API 文档

actix-web/install

• 潜入

rust/index

• rust-该部分属于后端部分

tokio/index

• Link

bundler

babel/index

• babel

rollup/index

• cjs
• umd
• iife

vite/index

• vite-todo

webpack/index

• webpack

webpack/webpack-dev-server

• webpack-dev-server

css

animation

• css 动画有几种方式？
• 常见的 css 动画库

css3

• css3

index

• CSS 实现水平垂直居中的 1010 种方式 (史上最全)
• 知识点
• 可被继承的 css 属性
• 不可被继承的 css 属性
• css 选择符优先级
• 伪类元素

left-center-right

• 基于 float:left (错误的方式)
• 基于 float + position 定位
• 基于 flex 实现
• 基于负 margin 实现

framework

nuxt/index

• AsyncData()
• Nuxt.conf.js

react/index

• react

vue/index

• vue

vue/parser-vue

• config
• 大量的工具类函数

vue/vue2-api

• 从 prototype 角度去看 vue函数 的结构
• 从函数对象角度去看，vue 内部属性
• 基础概念
• 疑问
• 重点
• Global config
• Global API
• Options/Data
• Options/DOM
• Options/Lifecycle Hooks
• Options/Assets
• Options/Composition
• Options/Mics
• Instance Properties
• Instance Methods/Data
• Instance Methods/Events
• Instance Methods/Lifecycle
• Directives
• Special Attributes
• Built-ln Components
• VNode-Interface
• Server-Side Rendering
• 根据 vue 的打印数据

vue/vue2

• 疑问点
• vue 基础知识
• api
• vue-cli 3.0
• vue-router 路由
• vue 相关面试题
• 基于 vue-cli 3.0 demo 项目框架
• vue 源码学习

vue/vue3

• vue-datav-ai

frontend

canvas/index

• RequestAnimationFrame

es6/array

• 数组

es6/arrow

• 箭头函数

es6/async-await

• async await

es6/const-let

• let、const

es6/function

• 函数

es6/index

• Generator

es6/proxy

• es6 Proxy 定义声明
• 拦截属性
• web 服务的拦截 Proxy

es6/reflect

• Reflect

es6/string

• 字符串

es6/symbol

• 概念
• 用途
• 用法
• 约束
• 场景
• 方法或属性

performance/index

• 前端常见的性能优化请求手段
• html/css 重绘回流 (Repaint、Reflow)
• 常见的内存泄露的问题

pwa/index

• Service worker 工作线程，子线程

security/cookie

• SameSite
• 引用

security/csrf

• 例子
• 原理
• 防御

security/index

• CSRFs
• XSS
• DDOS
• CSP (内容安全策略)
• SQL 注入
• https
• DNS 劫持

security/xss

• xss

svg/index

• svg

v8/build-gn

• v8-build-gn

v8/event-loop-libuv

• event-loop-事件循环

v8/garbage

• keyword
• 引用
• 基本类型和引用类型在内存中

v8/index

• 相关链接
• 文档
• 目录

v8/source-code

• 使用 GIT
• 说明
• 保持更新
• 发送审核代码
• 提交
• 实验工作
• 源码分支

v8/thread-pool-libuv

• thread-pool-线程池

v8/v8

• v8-引擎

webgl/index

• 浏览器支持
• 标准接口
• 拓展
• 事件
• 常量和类型
• WebGL 2

html

elements

• 知识点
• 主根元素
• 文档元数据
• 分区根元素
• 内容分区
• 文本内容
• 内联文本语义
• 图片与多媒体
• 内嵌内容
• 脚本
• 编辑标识
• 表格内容
• 表单
• 交互元素
• Web 组件
• 过时和弃用的元素
• empty element (空元素)
• 块级元素 TODO
• 内联元素 TODO
• 表单相关特性 TODO

html5

• 知识点
• 不支持
• 标签
• 拖放
• 地理定位
• video
• audio
• input
• 表单元素
• 表单属性
• 语义元素
• web 存储
• web SQL
• 应用程序缓存
• web Workers
• SSE
• Websocket
• 代码规范

index

• 知识点
• 盒子模型

http

SPDY

• SPDY

http-cache

• 缓存规则
• 缓存优点
• 其他特性
• 总结
• TODO：问题

http-headers

• http-headers

http

• http 状态码
• 特性

http2

• HTTP2

http3

• http3

https

• https

index

• REST API 和客户端库的区别
• http 和 https 的比较
• HTTP1.1 和 HTTP2.0 比较

interview

2018-12

• 为什么其他语言不能使用 set？
• transform 和 display none 回流问题

2018-8-15

• _2018-年8月15日面试题

2018-8-17

• 你了解 http 吗？讲一些 http 吧
• http 和 https 的区别
• http 有哪些方法？
• get 和 post 的区别
• put 和 post 的区别
• 讲一下 IE 内存问题
• 讲一下碰到的兼容性问题
• 讲下闭包
• 跨域问题
• 布局问题，css 选择器有哪些？
• 布局问题
• vue 响应式原理
• 如何用原生 js+css 选择
• 原型链
• 前端缓存问题
• setTimeout 设置执行时间，一定会执行吗？
• setTimeout 会引起内存泄露吗？
• css 部分
• js 部分
• js 的异步机制
• 浏览器的 100
• 浏览器的 200 状态的区别
• 了解 chrome 控制台工具
• 浏览器的 300 状态
• svg 与 canvas
• base64 图片与 src 引用图片
• css 有间隙
• css lvhfa 记忆方法，倒叙记忆
• css 纯 css 无法实现父选择器
• 二叉树
• Number 方法
• replace 理解
• sort 理解
• 冒泡算法
• typeof 常见类型
• 用一行代码将 [1,2,3,4] 随机打乱
• typeof null
• 一句话将 domList 转为数组
• 合理的前端项目结构分层
• 总结自己的项目
• 全面解析一个任意
• 实现一个最简单的模板渲染引擎
• 字符串查找
• 数据绑定基本实现
• 数据结构处理
• 程序题 1

2018-8-31

• 以下代码运行结果
• 以下哪个结果为真？
• 关于 dom 事件流的表述哪些不正确？
• 关于原型的说法不正确的是？
• 写程序
• js 写一个 ajax get 请求

2018-9-11

• CommonJS AMD CMD
• 前端工程化
• 前端自动化
• vue/的生命周期
• vue/props 是怎么实现的？跨域
• 如何处理文件上传的进度条
• 从零开始构建项目
• webpack 了解
• node.js 的 stream 流？
• 跨域
• http/https/http2.0
• 普通函数和构造函数的区别
• web 前端安全和常见的 web 安全问题

2018-9-18

• _2018-年9月18日面试题

2018-9-19

• _2018-年9月19日面试题

2018-alibaba

• _2018-年阿里资深-web-前端面试试题

2018-netease

• _2018-年网易高级-web-前端面试题

2018-other-mid

• _2018-年中级-高级-web-前端面试题

2020-11

• 使用 Vue 3
• Vue 2 生命周期 (11)
• Vue 3 生命周期 (13)
• Vue 2 与 Vue 3 生命周期区别
• beforeCreated 用生命作用
• mixin 的生命周期
• mixin 是怎么执行
• mixin 的实现原理
• var、let、const 的区别以及使用的场景
• TypeScript 泛型以及使用场景
• scss 变量可以摆覆盖吗？
• 网站性能提升
• 动态新增 src 地址的的 js 是异步的吗？
• 如果在上题目加了 defer 呢？
• 如何实现多行省略号
• 说一下 i18n
• 了解 promise
• webpack 了解吗？是用做什么？
• 写一个函数实现 ”12345678 “=> “12,345,678”
• Chrome 支持 module

2020-12

• 原型与原型链的关系
• APP bridge 通信

2020-alibaba

• V8 引擎的垃圾回收机制
• vue 相关
• 客户端 Vue 与 SSR 有什么区别

2020-other

• 快速创建 100 个 1 的数组

index

• 个人总结
• css
• js
• DOM
• HTTP
• 框架 Vue
• 框架 React
• TypeScript
• Webpack
• 安全
• Promise

pop

• 所有类型，共用的属性是什么？
• 哪些数据类型有 .length
• 双等于号比较
• 三等于号比较
• map 用法考察
• parseInt
• 判断对象为空
• 如何阻止冒泡
• firefox 与 IE 的事件机制
• js 延迟加载
• ajax 异步传输 (html+js)
• ajax 缓存问题
• 跨域问题
• 模块化开发
• CommonJS (通用环境)
• AMD-require.js/curl.js
• CMD (sea.js 实现)
• 异步加载 js
• document.write
• document.innerHTML
• ECMAScript 与 JavaScript

javascript

__proto__

• 获取原型 [[getPrototypeOf]]
• 设置原型 [[setPrototypeOf]]
• 获取对象的可拓展性 [[isExtensible]]
• 获取自有属性 [[getOwnProperty]]
• 禁止拓展对象 [[preventExtensions]]
• 拦截对象操作 [[defineProperty]]
• 判断是否是自身属性 [[hasOwnProperty]]
• [[get]]
• [[set]]
• delete
• enum
• 获取键集合 [[ownPropertyKeys]]
• 声明过程
• new 过程

base

• 概念
• 常见产品
• 数据类型
• 上下文
• 方法
• 继承

blob

• base64 转 blob
• json 转为 blob
• 字符串转为 blob 并返回对象的 URL
• 从 blob 中提取数据
• 从 Response 中读取

bom

• window 对象
• Location 对象
• Navigator 对象
• Screen 对象
• History 对象
• 存储对象

class

• 类

common-use-api

• document.querySelector API
• XMLHttpRequest

context/apply

• 说明
• 特性
• 数组添加到另一个数组
• 变更入参类型
• 链接构造器
• call 与 apply 区别

context/bind

• 说明
• 特性

context/call

• 说明
• 特性
• call 与 apply 区别

context/index

• 概念
• apply 方法
• bind 方法
• call 方法

data-structure/array

• 不改数组
• 改变数组

data-structure/index

• 数据结构

data-structure/number

• 数字-number

data-structure/object

• 对象

data-structure/string

• 字符串

design-models/index

• 常见的设计模式
• 发布订阅模式 (观察者模式)

dom

• 知识点
• dom 继承顺序
• Document 对象属性+方法
• HTML DOM 属性对象
• HTML DOM 元素对象

event

• 事件的传播
• 事件代理
• 鼠标
• 键盘
• 框架/对象事件
• 表单事件
• 剪切板
• 拖动事件
• 多媒体 (Media) 事件
• 动画事件
• 过渡事件
• 其他事件
• 事件对象
• 目标事件对象
• 事件监听对象
• 文档事件对象
• 鼠标/键盘事件对象
• 焦点事件
• 事件委托/事件代理

eventloop

• JavaScript 事件
• Node
• reference

function/function-anonymous

• 匿名函数

function/function-arrow

• 箭头函数

function/function-callback

• 函数式回调

function/function-constructor

• 构造函数

function/function-declaration

• 函数声明

function/function-global

• 全局属性
• 全局方法

function/function-named

• 具名函数

function/index

• 特性
• 静态方法
• 函数声明提升

highLight/index

• 匿名函数、具名函数、箭头函数比较
• 一段 axios 上传文件的支持
• for i 与 for in 的比较
• 巧用 & 与操作

index

• javascript-学习指南-目录

inherit/index

• 继承概念
• 继承有几种？
• 方式一：原型链
• 方式二：构造继承
• ❎ 方式三：实例继承
• ❎ 方式四：拷贝继承
• ✅ 方式五：组合继承
• ✅ 方式六：寄生组合
• ❎ 方式七：Object.assign
• 方式八：class 继承

inherit/inherit-dynamic-proto

• 动态原型

inherit/inherit-mixin

• 混淆继承

inherit/inherit-parasitic-structure

• 寄生构造

inherit/inherit-stable-structure

• 稳妥构造

keyword

• 关键字、保留字分类

module

• CommonJS
• AMD

object/date

• date-对象

object/index

• js 三大对象
• 本地对象
• 宿主对象
• 内置对象
• 静态方法

object/math

• math-对象

promise

• promise

prototype

• 概念定义
• 构造函数
• JavaScript 原型继承的几种方法
• 闭包 (closure) 函数

pure-function

• 纯函数是什么？

regex

• 正则 RegExp 对象
• 字符串的正则方法
• 正则的修饰符
• 正则的方括号
• 正则的元字符
• 正则的量词
• 常用实例

scoped/closure

• 定义
• 常见
• 解决与避免
• 场景
• 如何消除闭包？
• 引用

scoped/index

• 几个作用域
• 作用域定义

static-method

• String 方法
• Boolean
• Number
• Object
• Array
• Symbol
• WebSocket
• MediaSources
• Audio
• Vidio
• Canvas

switch

• switch-语句

term

• IIFE

this

• 概念
• 立即执行函数中的 this 指向问题

type

• 基本类型
• 类型转换

useful/currying

• 柯里化

useful/debounce

• 概念
• 场景
• 实现
• 同时使用

useful/deep-copy

• 差异化
• 浅拷贝
• 深拷贝

useful/front-route

• 前端路由

useful/memory

• 内存指向

useful/new

• new 操作符

useful/throttle

• 概念
• 场景
• 实现
• 同时使用

variable/variable-private

• 私有变量

leetcode

14-longest-common-prefix

• 解题思考

67-addBinary

• 解题思路

index

• leetcode/index

skill

alipay

• 支付宝支付开发

cors

• 跨域问题

github-auth

• github 授权登录

index

• RESTful 与 GraphQL 比较

wechat-pay

• 微信支付开发

typescript

generics

• 概念
• 泛型的提出
• 泛型变量
• 泛型类型
• 泛型类
• 泛型约束

index

• typescript