大前端进阶

目录

1.概述和前端工具vscode安装

1.下载安装VScode

2.中文界面配置

3.插件安装

4.设置字体大小

5.开启完整的Emmet语法支持 

2.Nodejs

1.Nodejs介绍与安装

2.快速入门-Hello World

3.Node - 实现请求响应

4.Node-操作MYSQL数据库

3.Es6

1.ES6的概述

2.ES6的语法：let和const命令

3.ES6的语法：模板字符串

4.ES6的语法：函数默认参数与箭头函数 

1.函数默认参数

 2.箭头函数

5.ES6的语法：对象初始化简写

6.ES6的语法：对象解构

7.ES6的语法：传播操作符【…】

8.ES6的语法：数组map和reduce方法使用

1.map()

2.reduce方法

4.NPM包管理器

1.简介

2.使用npm管理项目

3.修改npm镜像 

4.npm install

5.其他命令

6.重点总结

5.Babel

1.简介

2.安装

3.Babel的使用

4.自定义脚本

6.模块化

1.简介

2.CommonJS规范

3.ES6模块化规范

4.ES6模块化写法2

7.Webpack

1.什么是Webpack

2.Webpack安装

3.初始化项目

4.js打包

5.Css打包

8.Vue-element-admin

9.探究package.json

---

1.概述和前端工具vscode安装

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，==早期网站主要内容都是静态，以图片和文字为主==，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，node.jS的广泛应用，各类框架类库层出不穷。

当下国内的大部分互联网公司只有前端工程师和后端工程师，中间层的工作有的由前端来完成，有的由后端来完成。

1.下载安装VScode

官方网站：https://code.visualstudio.com/

打开然后一直下一步安装即可，文件路径自己配置 

2.中文界面配置

• 1.首先安装中文插件：Chinese (Simplified) Language Pack for Visual Studio Code

• 2.右下角弹出是否重启，点击Restart

• 3.汉化成功

•  4.有些机器重启后如果界面没有变化，则【Ctrl+Shift+p】

• 5.在搜索框中输入“configure display language”，回车

 6.选择’zh-cn’

 7.重启

3.插件安装

为方便后续开发，建议安装如下插件

 

4.设置字体大小

左边栏Manage -> settings -> 搜索 “fonts” -> Font size

5.开启完整的Emmet语法支持 

设置中搜索 Emmet：启用如下选项，必要时重启vs(按住Tab可以自动补全)

6.视图

 查看—> 外观—> 向左移动侧栏(默认)，也可以看自己喜好

2.Nodejs

1.Nodejs介绍与安装

目标： 了解nodejs、并且在本地安装好这个软件

中文官网：http://nodejs.cn/

官网：https://nodejs.org/zh-cn/

介绍：