笔记整理

一个以专业技术人员为主要用户群的通用型低代码平台， 它会有一个通用性非常高的底座，和一个相对完善的插件机制。 对比 纯代码的问题 门槛高，根据 GitHub 的统计数据，去年国内只有大约 75

微前端是一种软件架构，可以将前端应用拆解成一些更小的能够独立开发部署的微型应用，然后再将这些微应用进行组合使其成为整体应用的架构模式。 微前端架构类似于组件架构，但不同的是，

概念 当执行rebase操作时，git会从两个分支的共同祖先开始提取待变基分支上的修改 然后将待变基分支指向基分支的最新提交，最后将刚才提取的修改应用到基分支的最新提交的后面 相比merge会减少一些

盒子模型 内容区（content） 填充（padding） 边框（border） 空白边（margin） 响应式布局 1、单位 rem 根据不同屏幕设定好根元素的font-size，使用了rem单位的

code View 高质量代码的三大要素：可读性、可维护性和可变更性 可读性 编码风格一致、代码清晰表达意图、代码清晰表达意图、评估取舍、避免简单的功能写出复杂的代码 可维护性 谨慎使用全局变量

一、基础 安装 nvm、n：切换版本 原理：切换时改变命令的指向 npm：包管理⼯具 npx：npm@5 之后新增的⼀个命令，它使得我们可以在不安装模块到当前环境的前提下，使⽤⼀些 cli 功能 底层

常见面试题 一、ModuLe webpack支持ESModule ，CommonJS，AMD，Assests.( image ，font，video，audio，json). ESM 关键字expor

常见构建工具 Grunt 基于磁盘读写，构建速度慢 Gulp 基于内存实现，支持同时执行多个任务 FLS 把典型需求集成起来，大而全，适合初学者 webpack是模块打包工具 Gulp 基本使用 ya

用到的地方 代码、文档、日志... EsLint 作用 用来检测JS代码质量 统一开发者的编码风格 可以帮助开发者提升编码能力，修正编码习惯 安装 初始化项目 npm init --yes 安装模块

分类 Vue-cil、create-react-APP：对应框架的脚手架 Yeoman：创建项目，比较通用 plop：小型，在项目组创建特定类型文件 工作过程 通过命令行交互询问用户问题 根据用户回答

现代模块化机制要解决的问题如下 命名污染，全局污染，变量冲突等基础问题 内聚且私有，变量不能被外界污染到 怎么引入（依赖）其它模块，怎样暴露出接口给其它模块 依赖顺序问题，比如以前的 Jquery 问

内存 内存的生命周期 内存分配：声明变量、函数 内存使用：调用、使用 内存回收 常见内存泄漏 全局变量 未被清除的定时器和函数 闭包 DOM的引用 如何避免 减少不必要的全局变量 使用完数据后及时解除

面向对象编程 1、对比 面向过程：关注动词，分析问题，实现步骤，依次调用 面向对象：关注主谓，拆解对象，描述行为 2、面向对象特点： 封装：使用者无需考虑内部实现，只要考虑功能使用，保护内部代码，只留

Promise 优势：使用链式调用解决回调过程中的问题 基本用法 链式调用 可以避免回调嵌套 Promise 对象的then 方法会返回一个全新的 Promise 对象 后面的then方法就是在为上一

概念 javascript @ web ECMAScript + BOM + DOM javascript @ node ECMAScript + fs + net + etc. 一、let、cons

类型系统 强类型与弱类型 强类型：不允许隐式类型转换 静态类型与动态类型 动态类型：运行阶段才能能够明确变量类型，变量类型能随时发生变化（变量本身无类型，变量值有类型） JavaScript 弱类型、

基本概念 客户端渲染 服务器端仅返回 JSON 数据.DATA和 HTML在客户端进行渲染 服务器端渲染 服务器端返回HTML,DATA和 HTML在服务器端进行渲染 客户端渲染存在的问题 1.首屏等

利用浏览器的空余时间执行任务，如果有更高优先级的任务要执行时，当前执行的任务可以被终止，优先执行高级别任务

JSX 在 React 代码执行之前，Babel 会对将 JSX 编译为 React API. JSX React API 基本概念 出现目的 例如假设你有包含十个项目的列表，你仅仅更改了列表中的第一

概念 JS的状态容器，提供可预测化的状态管理 工作流程 Viwe --dispatch--> Actions --middleware--> Reducer --> Store --subscribe