ES6 基础学习
ES6 基础学习
heaven_dad
不曾与你分享的时间,我在进步
展开
-
8.Webpack学习
8.Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 8.1 webpack打包js文件 第一步:安装 Webpack 以及webpack-cli npm install -g webpack webpack-cli 第二步:安装后查看版本 webpack -v原创 2020-07-31 09:11:34 · 207 阅读 · 0 评论 -
7.模块化学习
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原创 2020-07-31 09:10:32 · 317 阅读 · 0 评论 -
6.babel学习
6.babel 是什么? babel是转码器,能将es6的代码转成ES5 这样做是为了解决es6浏览器兼容性问题 安装bable #第一步 安装babel npm install --global babel-cli #第二步 查看babel版本 npm --version #第三步 创建js文件编写es6代码 写一些es6特有的箭头函数之类的 #第四步 创建babel配置文件 文件名如下 且是固定的,存放在项目的根目录下 .babelrc #第五步 在配置文件中编写下面代码 {原创 2020-07-31 09:09:43 · 111 阅读 · 0 评论 -
5.NPM学习
5.NPM 是什么? NPM全称:Node Package Manager 类似于后端的Maven NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,是全球最大的模块生态系统 我们通过npm可以很方便的下载js库,管理前端工程 Node.js已经集成了npm包管理工具 如何查看npm是否安装? 输入命令 npm -v npm具体操作 npm项目初始化操作 #第一步:创建一个空的文件夹 npmdemo #第二步:打开原创 2020-07-31 09:08:43 · 156 阅读 · 0 评论 -
4.Node.js使用
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/ 第二步:下一步安装 第原创 2020-07-31 09:06:55 · 137 阅读 · 0 评论 -
3.Element-UI学习
3.Element-UI 是什么? element-ui是前端出品的基于vue.js的后台组件库,方便程序员进行快速的布局和构建 官网 https://element.eleme.cn/#/zh-CN 例子(有很多组件可以使用,这里列举按钮和文件上传) Button按钮 代码实现 <el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮<原创 2020-07-31 09:05:53 · 347 阅读 · 0 评论 -
2.前端技术ES6学习(基础语法)
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如何定义变量,定义变原创 2020-07-29 21:00:35 · 262 阅读 · 0 评论 -
1.安装前端开发工具vscode
1.安装前端开发工具vscode 官网下载 https://code.visualstudio.com/ 基本上下一步安装就是,在桌面创建一个快捷方式 第一步:安装插件 Live Server 内置服务器 第二步:创建工作区 首先需要在硬盘中创建一个空文件夹 接着使用vscode打开你创建的文件夹 online_education_system 然后将文件夹保存为工作区 设置工作区名字 最后可以试着创建文件夹和文件写一个html页面,右键Open With Live原创 2020-07-29 20:56:56 · 271 阅读 · 0 评论