
JavaEE_第五阶段_前端进阶
文章平均质量分 67
NodeJS、Npm、Es6、Babel、Webpack、模块化使用、element UI
2393li
这个作者很懒,什么都没留下…
展开
-
前端进阶_狂神Vue笔记_语法指令v-bind、v-on、v-for_表单双绑_组件_Axios异步通信_Vue的生命周期_计算属性_插槽 <slot>_webpack使用_vue-router路由
四、第一个Vue程序4.1、什么是MVVMMVVM(Model-View-ViewModel)是一种软件设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于Java Applet,简单点说就是在浏览器上运行WPF)的架构师Ken Cooper和Ted Peters开发,是一种简化用户界面的事件驱动编程方式。由John Gossman(同样也是WPF和Sliverlight的架构师)与2005年在他的博客上发表。MVVM源自于经典的MVC原创 2021-10-09 16:22:40 · 942 阅读 · 0 评论 -
前端进阶_狂神Vue笔记_前端核心分析_前端发展史_前后分离的演变史
Vue笔记想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端,为实现成为“互联网Java全栈工程师”再向前迈进一步。一、前端核心分析1.1、概述Soc原则:关注点分离原则Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据网络通信 : axios页面跳转 : vue-router状态管理:vue原创 2021-10-09 11:27:18 · 542 阅读 · 0 评论 -
前端进阶_Webpack简介
1、什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。2、Webpack安装1、全局安装npm install -g webpack webpack-cli2、安装后查看版本号webpack -v3、初始化项目1、创建webpack文件夹npm init -y2、创建sr原创 2021-10-04 17:52:20 · 110 阅读 · 0 评论 -
前端进阶_模块化
1、简介模块化产生的背景随着网站逐渐变成”互联网应用程序”,嵌入网页的Javascript代码越来越庞大,越来越复杂。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,它不支持”类”(class),包(package)等概念,也不支持”模块”(module)。模块化规范CommonJS模块化规范ES6模块化规范2、CommonJS规范每个文件就是一个模块,原创 2021-10-04 17:45:36 · 106 阅读 · 0 评论 -
前端进阶_Babel
Babel1、简介由于ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。2、安装安装命令行转码工具Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:npm install -g babel-cli#查看是否安装成功babel --version3、Babel的使用1、创建babel文件夹2、初始化项目npm init -y3、创建文件 src/exam原创 2021-10-04 16:04:08 · 128 阅读 · 0 评论 -
前端进阶_NPM包管理器
1、简介官方网站:https://www.npmjs.com/NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端的Maven 。#在命令提示符输入 npm -v 可查看当前npm版本npm -v2、使用npm管理项目1、创建文件夹npm2、项目初始化#建立一个空文件夹,在命令提示符进入该文件夹 执行命令初始化npm init#按照提示输入相关信息,如果是用默原创 2021-10-04 15:08:21 · 129 阅读 · 0 评论 -
前端进阶_ECMAScript 6 简介_ES6基本语法_et声明变量、const声明常量_模板字符串_对象初始化简写_解构(对象、数组)赋值_默认参数_传播操作符_箭头函数_数组map和reduce
1、let声明变量、const声明常量let声明变量1、 变量不能重复声明2.、存在块儿级作用域3.、不存在变量提升//声明变量let alet b,c,dlet e = 100let f = 521, g = 'iloveyou', h = []//1. 变量不能重复声明let name = 'Helen'let name = '环'//报错:SyntaxError: Identifier 'name' has already been declared//2. 存在块原创 2021-10-04 14:40:31 · 185 阅读 · 0 评论 -
前端进阶_ECMAScript 6 简介_ECMAScript介绍_ECMAScript 和 JavaScript 的关系_什么是 ECMA-262
一、ECMAScript介绍1、ECMA ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际。2、ECMAScript ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。3、什么是 ECMA-262Ecma 国际制定了许多标准,而 ECMA-262 只是其中的一个4、EC原创 2021-10-04 12:37:15 · 240 阅读 · 0 评论 -
前端进阶_Node.js__Nodejs介绍_Nodejs入门_Nodejs下载和安装_Node - 实现请求响应_文件的读取_Node-操作MYSQL数据库_Node.js的作用
Nodejs介绍,什么是Node.jsNode 是一个让 JavaScript 运行在服务端的开发平台.发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js内置了Chrome的V8 引擎,可以在Node.js环境中直接运行JavaScript程序:Node.js没有浏览器API,即document,window的等。增加了许多Node.js 专属API,例如文件系统,进程,http功能。Node.js 是一个基于Chrome JavaScr原创 2021-10-03 11:51:59 · 129 阅读 · 0 评论 -
前端进阶_前端开发的地位_VS Code
一、软件开发流程中前端开发的地位最初所有的开发工作都是由后端工程师完成的,随着业务越来越繁杂,工作量变大,于是我们将项目中的可视化部分和一部分交互功能的开发工作剥离出来,形成了前端开发。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。它从网页制作演变而来原创 2021-10-02 16:14:11 · 258 阅读 · 0 评论