前端常见知识点

Electron：可用于开发电脑软件，兼容mac，win等操作系统
GraphQL：是一种API查询语言，用于前端和后端人员调用接口的解决方案。同APIJSON.
PWA：下一代web应用，移动端wap站点的高级版，效果逐步靠近app，后期可逐步替换掉部分app
Yarn：类npm包管理，可替代npm，有发展潜力

跨域：代理、同源、JSONP
React：相当于View层，虚拟DOM
Redux：状态管理
Virtual DOM：在JS和DOM之间做了一个缓存。某个节点改变只修改当前节点，其他模块不会重新渲染
Diff 算法：即DOM Diff，用于增删DOM节点的算法，通过一层一层dom树对应查找比较来修改DOM。
白屏优化：骨架屏、路由跳转前请求数据、服务端渲染、css头部js尾部、css可直接内联显示（和性能优化冲突）
性能优化：css头部，js尾部、减少请求、CDN加速、缓存、代码压缩、避免重定向、代码规范优化
调用栈：代码在执行过程中进出栈的流程。（setTimeout即使设置0，也是后面的代码先出栈执行）
Event Loop：事件循环。由于js是单线程，所有的事件/回调/异步等都在执行队列中等待主线程的调用执行。
　　　　　　主线程从“任务队列”中读取事件，这个过程是不断循环的，即称为Event Loop（事件循环）。
工程化：大前端概念，构建编译部署，资源管理规范等等
安全问题：XSS/第三方不安全插件等
浏览器渲染原理：浏览器底层的层级，层级的作用，如何解析资源，解析方式顺序等。
SSR：服务端渲染。在服务端拿数据进行解析渲染，直接生成html片段返回给前端。seo效果比前端直接ajax效果要好。

 

react、vue、angular之间的差别：
react： 相对来说只是mvc中的view层。
模板是JSX。虚拟DOM。
单向数据流。
处理表单比较繁琐。
关于证书协议问题是一个隐患。
社区相对繁荣，市场占有率比较高，有大平台支撑。

angular：是一个mvvm框架。
框架相对比较重。
双向数据绑定。
依赖注入。
ng1和ng2总体来说使用人数在下滑。

vue： 是一个轻量级mvvm框架。
可读性比较好。相对处于react和angular之间。
从react借鉴了组件化、prop、单向数据流、性能、虚拟DOM
从angular借鉴模板，相对react有更好的语法。
vue简单，学习成本最低。
发展迅猛，在国内使用率非常高。
但是作者是个人开发者，后期发展可能会受限。
对传统jquery兼容更好，渐进式优化改造传统站点成为可能。
在单个组件内是双向数据绑定的，对于处理表单会非常简单高效。