前端 概览
# 前端
# 前端高级
# 前端知识点
PWA (Progressive web apps)
简介：Progressive Web App 渐进式增强 WEB 应用
功能：1、可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏
2、实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功能
3、实现了消息推送
关键技术：
Service Worker （可以理解为服务工厂）
Manifest（应用清单）
Push Notification（推送通知）
Service Worker
Service Worker 是 Chrome 团队提出和力推的一个 WEB API，用于给 web 应用提供高级的可持续的后台处理能力。
Service Workers 就像介于服务器和网页之间的拦截器，能够拦截进出的 HTTP 请求，从而完全控制你的网站
无服务器（Serverless）
FaaS（Function as a Service，函数即服务）
BaaS（Backend as a Service，后端即服务）优雅降级与渐进增强
渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。 2.双飞翼布局和圣杯布局解析
雪碧图是根据 CSS sprite 音译过来的，就是将很多很多的小图标放在一张图片上.又叫精灵图
BOM 浏览器对象模型（brower object model）
DOM 文档对象模型（document object model）
WebAssembly 是一个可移植、体积小、加载快并且兼容 Web 的全新格式
Web Worker 为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程
侵入式和非侵入式
ARMS 与链路追踪 Tracing Analysis
轻应用，微前端
oss 前端直传
Backend For Frontend（服务于前端的后端）
浏览器缓存(Brower Caching)
是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。
XSS（跨站脚本攻击），
全称Cross Site Scripting，恶意攻击者向 web 页面中植入恶意 js 代码，当用户浏览到该页时，植入的代码被执行，达到恶意攻击用户的目的。
CSRF 跨站请求伪造
（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的 Web 应用程序上执行非本意的操作的攻击方法。（详解：https://segmentfault.com/a/1190000007059639 (opens new window)）
跨域：
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的
鉴权（authentication）
是指验证用户是否拥有访问系统的权利
哈希算法
哈希算法在信息安全的应用主要是文件校验、数字签名、鉴权协议
域名收敛
就是将静态资源放在一个域名下。减少 DNS 解析的开销。
域名发散
是将静态资源放在多个子域名下，就可以多线程下载，提高并行度，使客户端加载静态资源更加迅速。
前端工程化
前端模块化
Chrome Devtool Performance 中 DCL, L, FP, FCP, FMP, LCP 的含义
prerender 预渲染
Last-Modified，Etag，cache-control
浏览器模型
渲染原理
浏览器加载/解析流程
浏览器渲染原理
webGL,OpenGL,OpenGL ES
GPU 硬件加速，16ms 优化
assembly
Lerna 是一个工具，它优化了使用 Git 和 NPM 管理多包存储库的工作流
浏览器对同一个域名的并发数量有限制
ajax 的请求，请求头多了一个“X-Requested-With”属性
在移动设备中，不同设备的像素密度是不一样的，css 中的 1px 可能并不等于真实设备的一个像素值
跨站一定跨域，跨域并不一定跨站
使用 chrome 开发者工具中的 performance 面板解决性能瓶颈
# 前端概念
官方的插件才叫插件，其他的都叫依赖