heaven_dad的博客

8.WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。8.1 webpack打包js文件​ 第一步：安装 Webpack 以及webpack-clinpm install -g webpack webpack-cli​ 第二步：安装后查看版本webpack -v

7.模块化​ 是什么？在后端中，controller层注入service层，service层注入mapper层，类与类之间的调用称为后端模块化在前端中，js与js之间的调用称为前端模块化7.1 ES5模块化测试​ ES5模块化测试​ 第一步，创建文件夹(es5module)和文件（两个js文件 分别为01.js 02.js）​ 第二步：编写01.js 需要编写js方法并设置方法能被其他js调用//创建js方法const sum=function(a,b){ r

6.babel​ 是什么？babel是转码器，能将es6的代码转成ES5这样做是为了解决es6浏览器兼容性问题​ 安装bable#第一步 安装babelnpm install --global babel-cli#第二步 查看babel版本npm --version#第三步 创建js文件编写es6代码写一些es6特有的箭头函数之类的#第四步 创建babel配置文件 文件名如下 且是固定的,存放在项目的根目录下.babelrc#第五步 在配置文件中编写下面代码{

5.NPM​ 是什么？NPM全称：Node Package Manager 类似于后端的MavenNPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，是全球最大的模块生态系统我们通过npm可以很方便的下载js库，管理前端工程Node.js已经集成了npm包管理工具​ 如何查看npm是否安装？输入命令npm -v​ npm具体操作npm项目初始化操作#第一步：创建一个空的文件夹 npmdemo#第二步：打开

4.Node.js​ node,js是什么？Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node.js就是运行在服务端的JavaScript类比于java的jdk node.js就是JavaScript的jdk可以模拟出tomcat服务器的效果​ node.js安装第一步：官网下载 https://nodejs.org/en/第二步：下一步安装第

3.Element-UI​ 是什么？element-ui是前端出品的基于vue.js的后台组件库，方便程序员进行快速的布局和构建​ 官网https://element.eleme.cn/#/zh-CN​ 例子（有很多组件可以使用，这里列举按钮和文件上传）Button按钮代码实现<el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮&lt

2.前端技术ES6学习2.1 什么是ES6？ECMAScript6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言ECMAScript6就是一套标准 是Script语言的标准2.2 ES6语法学习2.2.1 let作用范围学习let的作用是局部作用范围<script> //es6如何定义变量，定义变

1.安装前端开发工具vscode官网下载 https://code.visualstudio.com/基本上下一步安装就是，在桌面创建一个快捷方式​ 第一步：安装插件Live Server 内置服务器​ 第二步：创建工作区首先需要在硬盘中创建一个空文件夹接着使用vscode打开你创建的文件夹 online_education_system然后将文件夹保存为工作区 设置工作区名字最后可以试着创建文件夹和文件写一个html页面，右键Open With Live