各种框架依赖或jar包的汇总及其作用(待补充)------前端

Posted 2021-06-10 halulu.me

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了各种框架依赖或jar包的汇总及其作用(待补充)------前端相关的知识，希望对你有一定的参考价值。

前端

1、jquery(异步的ajax)

jQuery是一个快速、简洁的javascript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。

在这里插入图片描述

jquery-3.3.1是没有压缩过的包，jquery-3.3.1.min是压缩过的包，建议是用jquery-3.3.1.min

引入jquery库
在这里插入图片描述

<%--导入jquery--%>
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>

2、jstl

JSTL(Java Server Pages Standarded Tag Library)：JSP 标准标签库。
主要提供给开发人员一个标准通用的标签库。

主要使用格式：
1、<c:if test="${条件表达式}">
            //符合条件运行的代码
      </c:if>
2、 <c:forEach begin="" end="" var="" step="">
            //循环体代码
      </c:forEach>

1、jar包

在这里插入图片描述

2、jsp文件（输入标签会自动导入）

<%--
使用taglib指令导入jstl核心标签库
    prefix="c" 设置使用jstl核心标签里面标签的前缀
    uri="http://java.sun.com/jsp/jstl/core" 指向核心标签库的地址
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
</body>
</html>

3、maven

    <!--jstl-->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!--jstl-api-->
    <dependency>
      <groupId>javax.servlet.jsp.jstl</groupId>
      <artifactId>jstl-api</artifactId>
      <version>1.2</version>
      <scope>provided</scope>
    </dependency>
    <!--standed-->
    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>1.1.2</version>
    </dependency>
    
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

3、vue

Vue是一套构建用户界面的渐进式JavaScript框架和MVVM双向数据绑定编程模型.

在这里插入图片描述

<script src="js/vue.js"></script>

4、axios异步

在Vue中发送异步请求，本质上还是AJAX

在这里插入图片描述

    <script src="js/vue.js"></script>
    <!--
        引入axios核心js文件
    -->
    <script src="js/axios-0.18.0.js"></script>

5、moment插件

将java.util包的data进行格式化，也就是将格林尼治毫秒数转化为标准时间

在这里插入图片描述

<script src="js/moment.js"></script>

 // moment插件做法
moment(new Date(time)).format("YYYY-MM-DD");

6、Element

网站快速成型工具。是饿了么公司前端开发团队提供的一套基于Vue的网站组件库。

在这里插入图片描述

<link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
<script src="../js/vue.js"></script>
<script src="../element-ui/lib/index.js"></script>

7、zpageNav

前端分页插件
在这里插入图片描述

8、getParameter

根据路径传递过来的参数name获取对应的值

在这里插入图片描述

//根据传递过来的参数name获取对应的值
function getParameter(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
    var r = location.search.substr(1).match(reg);
    if (r!=null) return (r[2]); return null;
}