谁家好人学前端啊

目录 前后端概念 前后端的关联 实现技术 一、前后端概念 1.1 前端 概念：是指利用web技术实现用户体验良好的可交互web应用界面。 web应用：网吧、H5（移动端）、小程序、app 可交互：用户

配置服务器 安装插件 配置服务器 运行代码 配置环境变量 获取设置好的环境变量 在package.json中配置代码 设置webpack.config.js 执行语句

webpack配置项目 五大核心 entry：打包入口，确定打包资源 output：打包出口，打包后的文件位置 mode：确定打包的模式 loader：打包规则 plugins：打包时用到的第三方插件

基本步骤 创建项目文件，进行初始化 包安装 初始化项目文件目录，直接在当前文件目录下创建src文件 src：存放资源文件 html css js sass dist：存放打包后的文件资源 webpac

webpack 打包工具：将前端文件进行代码，默认支持js和json文件的打包 作用： 解决js模块化问题，把多个相互依赖的js文件打包成一个主js文件引入到对应的页面中 优化js代码，压缩js代码，

模块化编程 没有模块化之前的问题： 一个页面中引入多个js文件，文件之间的依赖关系不明确 变量名重名，那么会直接报错 只会在当前文件中报错，阻塞一个文件的运行 es6之前会使用第三方的插件实现模块化

解构赋值 概念：Es6的新特性，将数组、字符串、变量以指定格式展开，赋值给新变量，简化语法。 操作数组 格式：let [变量名1,变量名2...] = obj 作用：将数组中的数据罗列出，赋值给对应的

Map 概念：Es6新特性，一种存储键值对的数据格式，称为双列集合 定义 特点： 一个元素由两部分组成，为键值对的形式，键和值为一一映射关系 键的数据类型不限，一般使用字符串类型 键必须唯一不重复，值

Set 概念：es6提供的一种新特新，一种跟数组结构类似的数据结构，称为单列集合，或为集 定义 语法： 特点： 元素唯一不重复 数据不能通过索引进行访问，元素顺序按照插入顺序进行排列 查询效率比数组低