jQuery时代

HTML

HTML：网页结构

CSS

CSS：美化网页

JavaScript

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

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>* {margin: 0;padding: 0;}.parent {width: 500px;height: 500px;margin: 100px auto;background-color: red;border: 10px solid #000;overflow: hidden;}.child {width: 300px;height: 300px;border: 1px solid #000;padding: 10px;margin: 50px 90px;background-color: green;}</style>
</head><body><div class="parent"><div class="child"></div></div><script>var child = document.querySelector('.child');var html = '';html += "offsetWidth=" + child.offsetWidth + "<br>";html += "offsetHeight=" + child.offsetHeight + "<br>";html += "offsetTop=" + child.offsetTop + "<br>";html += "offsetLeft=" + child.offsetLeft;child.innerHTML = html;</script>
</body></html>

JQuery

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>

bootstrap

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

easyui

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

前后端分离

vue

vue：渐进式框架

ElementUI

ElementUI：基于vue的前台框架，里面封装了大量的vue组件
       生命周期/钩子函数：beforeCreate、created、beforeMount、mounted
           beforeUpdate、updated、beforedestory、destoryed
       默认会执行的函数：
           beforeCreate、created、beforeMount、mounted
       常用指令：
           v-model、v-on:事件名(@事件名)、v-bind:属性名（:属性）
           v-if/v-show/v-for
       路由：做跳转，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})
       nodejs:前端运行环境，它就相当于后台中的tomcat
       npm:相当于后台中的maven，maven是用来构建项目，管理工程中的jar包
           管理前台的js依赖的
       Vuex：管理整个vue项目的变量的
           store.js 存储变量
           mutations.js 同步改变存储中的变量值
           actions.js 异步改变存储中的变量值
           Getter.js 获取存储中变量值
       jwt
           关于token令牌的解决方案
           之前：数据是存储在session中
           之后：前后端分离，用户数据存储在session中没有意义，前后端分离
           是跨服务器的；jwt通过request请求头，响应头的方式，管理数据

JQuery前后端分离相关推荐

bottle+jquery 前后端分离
1. bottle 后端 @route('/', method=['GET', 'POST']) def index():if request.method == 'GET':return jinja ...
前后端分离的接口规范是什么？
前言随着互联网的高速发展,前端页面的展示.交互体验越来越灵活.炫丽,响应体验也要求越来越高,后端服务的高并发.高可用.高性能.高扩展等特性的要求也愈加苛刻,从而导致前后端研发各自专注于自己擅长的领域 ...
若依前后端分离如何写移动端接口_前后端分离实践的架构设计
前后端分离的项目开发策略已经不是什么新鲜东西了,网上介绍这方面的文章非常多.我自己是在14年的时候接触到的,对这种开发策略一直爱不释手,不管新老项目都会首先用前后端分离的思维先去思考一番.从14年到现 ...
Java项目:前后端分离疫情防疫平台设计和实现(java+springmvc+VUE+node.js+mybatis+mysql+springboot+redis+jsp)
源码获取:博客首页 "资源" 里下载! 主要技术:Java.springmvc.VUE.node.js.mybatis.mysql.tomcat.jquery.layui.boot ...
前后端分离的接口规范
欢迎关注方志朋的博客,回复"666"获面试宝典来源:jianshu.com/p/c81008b68350 1. 前言随着互联网的高速发展,前端页面的展示.交互体验越来越灵活.炫 ...
Spring Boot + Vue.js 实现前后端分离（附源码）
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者: 梁小生0101 链接:juejin.im/post/5c6 ...
前后端分离接口规范～
点击上方"方志朋",选择"置顶公众号" 技术文章第一时间送达! 1. 前言随着互联网的高速发展,前端页面的展示.交互体验越来越灵活.炫丽,响应体验也要求越来越 ...
为什么一定要前后端分离？
作者孤独烟,中国平安研发工程师,目前负责云平台架构设计以及需求研发工作.毕业后一直从事Java开发工作,在Web开发.架构设计上有多年的实战经验.在MySQL性能优化.JVM调优.分布式领域有着丰富 ...
前后端分离后的前端时代
什么是前后端分离,要区分前端和后端,需要有个明确的界限.一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了. 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的 ...

JQuery前后端分离

jQuery时代

HTML

CSS

JavaScript

JQuery

bootstrap

easyui

前后端分离

vue

ElementUI

JQuery前后端分离相关推荐

最新文章

热门文章