前端核心

针对代码格式，使用eslint 配置文件 区别在于配置格式不一样 eslintrc.js配置 rules off或0 关闭规则 warn或1 开启规则，警告错误 error或2 开启规则，终止打包 详

针对js兼容性问题，使用babel 配置文件 babel.config.js babel.config.json .babelrc .babelrc.js .babelrc.json babel中配置

1. npm init -y 使用npm init -y 初始化一个package.json文件，自动填充默认配置项 2. webpack.config.js 配置webpack 配置项 entry

JSONP（JSON with Padding）是一种解决跨域问题的传统方案。它是一种利用 <script> 标签的 src 属性不受同源策略限制的特性，通过动态创建 <script> 标签，将数据以

服务器明确表明允许，则校验成功，否则校验失败 CORS请求分为两类： 简单请求 请求方法为GET、HEAD、POST 头部字段满足CORS安全规范 请求头的Content-Type为text/plai

定义 出于浏览器的安全考虑，同源请求放行，异源请求限制 异源请求造成的开发问题，称之为跨域 源与源请求 源=协议+域名+端口+路径 当几个源协议、域名、端口相同时，我们称同源 页面源请求不同类型的目标

箭头函数的特点： 更简洁的语法：箭头函数省略了function关键字和函数名，直接使用箭头=>来表示函数。 不绑定this：箭头函数不会创建自己的this上下文，它会捕获其所在上下文的this值。这意

针对可迭代对象展开 可以理解为伪数组（nodeList,arguments） 针对普通对象展开 将对象进行展开 将数组进行展开 剩余参数和展开运算符不是一个意思，剩余运算符是对数据收集使用，而展开运算

形参和arguments 调用函数没有传递参数时，参数为undefined 调用函数传递的实参会按顺序传递给形参 调用函数传递undefined给形参时，会使用形参的默认值 非严格模式下，改变形参，形

if判断 if的判断不是只能写判断表达式，可以直接判断数据，数据会自动转换为布尔值，进行真假的判断 判断是对象还是null 字符串类型转换为数字型 数据转换为布尔型 默认值的使用 安全读取对象属性

类型转换 1.数据转为数字型 2.数据转换布尔型 3.数据转换字符串 4.对象转换数据 使用valueof()转换 如果还是对象，使用toString()进行转换 如果还是对象，出现报错 运算规则 1

通用 Ctrl+Shift+P, F1 显示命令面板 Ctrl+P 快速打开，转到文件… Ctrl+Shift+N 新窗口/实例 Ctrl+Shift+W 关闭窗口/实例 Ctrl+ 用户设置 Ctr

浏览器渲染流程 当浏览器的网络引擎接收到了网络请求返回的HTML文档时，它会将其解析成一系列的渲染任务，并将这些任务放入渲染主线程的消息队列中。在事件循环机制的作用下，渲染主线程会按照队列的顺序依次处

浏览器进程模型 进程 为了使程序运行，每个应用至少有一个进程，进程之间相互独立。当一个进程崩溃时，其他进程不会受到影响。每个进程都有其自己的内存空间和系统资源，以确保它们彼此独立。 线程 运行代码的执

1. 限定符 ? 表示前面的字符出现一次或零次。例：fe?->f fe * 表示前面的字符可以出现多次或零次。例：ab*c -> ac abbbbc + 表示前面的字符出现一次以上。例：ab+c ->

一、什么是slot 当需要让组件组合使用，混合父组件的内容与子组件的模板时，会用到slot，这个过程叫做内容分发。 二、作用域 父组件模板内容在父组件作用域内编译。 这部分内容，我们可以看到，数据sh