前端常见知识点

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兼容更好,渐进式优化改造传统站点成为可能。
在单个组件内是双向数据绑定的,对于处理表单会非常简单高效。

原文地址:https://www.cnblogs.com/marymei0107/p/10026211.html