关于java前端的相关讲解

----------------------------jQuery时代----------------------------

1. HTML

2. css

3.JavaScript

4.JQuery

5. bootstrap

6.easyui

----------------------------前后端分离-------------------------------

1. vue

2.ElementUI

(1)生命周期/钩子函数：

(2)默认会执行的函数：

(3)常用指令：

(4)路由：

3. nodejs

4.npm

5.Vuex

6. jwt

----------------------------jQuery时代----------------------------

1. HTML

网页结构

2. css

美化网页

3.JavaScript

给网页增加交互效果

定位：绝对定位、相对定位（脱离文档流）
偏移：
盒子模型：标签之间的相互嵌套，通过内外边距控制盒子的所在位置，从而达到我们想要的布局效果

4.JQuery

简化js对网页的操作，是js库

之前：document.getElementById("id");
       之后：$("#id");
       常用的：
           选择器：类、标签、id、*、子代 div table、层级 div>table、伪类 :checkbox
           html/text/each/append/siblings...
           ajax：url/data/datatype/success/async
       
        <div class="c"><div class="d"><table border="" cellspacing="" cellpadding=""><tr><th>Header</th></tr><tr><td>Data</td></tr></table></div></div>

5. bootstrap

前端框架，能够快速进行网页布局，偏向前台开发
栅格布局-响应式

6.easyui

前端框架，快速搭建动态的管理界面，偏向后台开发
       layout：布局
       tree：左侧菜单
       tabs：选项卡
       datagrid：数据表格
       dialog：模态框
       form：对于表单进行ajax操作

----------------------------前后端分离-------------------------------

1. vue

渐进式框架

2.ElementUI

基于vue的前台框架，里面封装了大量的vue组件

(1)生命周期/钩子函数：
beforeCreate、
created、
beforeMount、
mounted、
beforeUpdate、
updated、
beforedestory、
destoryed
(2)默认会执行的函数：
beforeCreate、
created、
beforeMount、
mounted
(3)常用指令：
v-model、
v-on:事件名(@事件名)、
v-bind:属性名（:属性）
v-if/v-show/v-for
(4)路由：

做跳转，jsp是页面跳页面，vue是组件跳组件
           原理是HTML中的锚点
           vue中，定义锚点， <router-view></router-view>
                   定义跳转， <router-link to="/home">go to Home</router-link>
                   let routes=[{abortme:"/me"},{home:"/home"}]
                   进行挂载 new vue({router})

3. nodejs

前端运行环境，它就相当于后台中的tomcat

4.npm

相当于后台中的maven，maven是用来构建项目，管理工程中的jar包,管理前台的js依赖的

5.Vuex

管理整个vue项目的变量的

store.js 存储变量
mutations.js 同步改变存储中的变量值
actions.js 异步改变存储中的变量值
Getter.js 获取存储中变量值

6. jwt

关于token令牌的解决方案
           之前：数据是存储在session中
           之后：前后端分离，用户数据存储在session中没有意义，前后端分离
           是跨服务器的；jwt通过request请求头，响应头的方式，管理数据

关于java前端的相关讲解相关推荐

海量java等互联网相关电子图书分享
学习资源电子图书篇从基础到项目实战海量视频教程资源篇一.电子图书资源大全 1.java基础 2.javaEE 3.前端网页相关 4.数据库相关 5.java虚拟机相关 6.java核心相关 7.数 ...
鼎信诺虚拟服务器导数,鼎信诺审计前端取数讲解.ppt
鼎信诺审计前端取数讲解.ppt 鼎信诺审计前端取数财务软件介绍财务软件本身不存储任何财务数据财务软件存取在后台数据库中财务软件只是告诉用户在什么模块做什么操作在财务软件凭证录入模块输入凭证信息 ...
前端开发相关的学习网站
W3.ORG W3.ORG是W3C的官方网站,做前端开发的朋友是一定要经常去看看的.理由我不想多说了,W3.ORG里的官方WEB标准文档如果你都没有认真看过,就不要说你熟悉什么WEB标准.初学者一定要 ...
Java前端学习（Day 1）
Java前端学习(Day 1) HTML初识(基础认知+HTML标签) 一,基础认知 1.Web标准的构成构成语言说明结构 HTML 页面元素和内容表现 CSS 网页元素的外观和位置等页面样 ...
Java经典面试套路讲解:Java Killer系列
Java经典面试套路讲解:Java Killer系列 java编程语言是目前应用较为广泛的一门计算机编程语言,目前java市场需求量有增无减.java作为目前IT软件开发行业的重要技术之一,人才市场出 ...
java 内存例子_简单的例子关于Java内存管理的讲解
我想做的是,逐行读取文件,然后用该行的电影名去获取电影信息.因为源文件较大,readlines()不能完全读取所有电影名,所以我们逐行读取. 就这段代码,我想要在位置二处使用base64,然后结果呢? ...
java前端长连接框架_Java中Spring Boot+Socket实现与html页面的长连接实例详解
Spring Boot+Socket实现与html页面的长连接,客户端给服务器端发消息,服务器给客户端轮询发送消息,附案例源码功能介绍客户端给所有在线用户发送消息客户端给指定在线用户发送消息服务器 ...
java前端编程用什么软件_java前端开发的工具
1 java前端开发的工具在实际开发中,Java也有多个应用方向,手机开发.桌面开发.企业级应用开发.嵌入式开发等.所以学好Java,无疑多了一把通往成功大门的钥匙.下面小编给大家说说java前端开 ...
java ip地址相关操作
java ip地址相关操作 @(JAVA)[scala] 参考CORE JAVA. 在JAVA中,InetAddress类用于操作与IP地址相关的内容,常用方法如下: java.net.InetAdd ...
没有基础怎么学习Web前端？相关学习路线又是什么？
没有基础怎么学Web前端?相关学习路线是什么?随着互联网的迅猛发展,互联网项目对用户体验提出了更高的要求,Web前端开发人员成为了重要的研发角色.很多人想要快速加入前端开发这一高薪行列,对于想要学习W ...

关于java前端的相关讲解

----------------------------jQuery时代----------------------------

1. HTML

2. css

3.JavaScript

4.JQuery

5. bootstrap

6.easyui

----------------------------前后端分离-------------------------------

1. vue

2.ElementUI

(1)生命周期/钩子函数：

(2)默认会执行的函数：

(3)常用指令：

(4)路由：

3. nodejs

4.npm

5.Vuex

6. jwt

关于java前端的相关讲解相关推荐

最新文章

热门文章