• jquery与各种UI框架的导入要注意的地方


    前端的处理我们会使用easyUI,amazeUI,bootstrap等等框架,然而每个页面都要导入这些js   css 文件,所以我们将要导入的文件提取出来,写在一个页面上,每次只要倒入该页面就行,如:我们建一个mobileHeader_inc.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"

        pageEncoding="UTF-8"%>

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

    <c:set var="ctx" value="${pageContext.request.contextPath}"/>

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

     

    <link href="/css/mobile/register.css" type="text/css" rel="stylesheet" />

    <link rel="alternate icon" type="image/png" href="/css/assets/i/favicon.png">

    <link rel="stylesheet" href="/css/assets/css/amazeui.min.css"/>

    <link rel="stylesheet" href="/css/assets/css/app.css"/>

    <link rel="stylesheet" href="/css/assets/css/my.css">

    <link rel="stylesheet" href="/css/mobile/dist/amazeui.swiper.min.css"/><!-- 引入swiper插件 -->

    <link rel="stylesheet" href="/css/mobile/dist/swiper/demo.less"/><!-- 引入swiper demo -->

     

    <script src="/jquery-easyui-1.4.5/jquery.min.js"></script>

    <script src="/css/assets/js/amazeui.min.js"></script>

    <script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.js"></script> 

    <script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.min.js"></script>

    <script src="/css/mobile/dist/swiper/demo.js"></script><!-- 引入swiper demo -->

    <script src="/css/mobile/dist/amazeui.swiper.min.js"></script><!-- 引入swiper插件 -->

     

    然后在每个页面导入该页面  

    <%@ include file="../mobileHeader_inc.jsp" %>

    这个时候要注意的是导入文件的顺序,jquery一定是在前面,如上,jquery.min.js要在amazeui.min.js前面,因为后者会用到前者的东西,仅此而已。

  • 相关阅读:
    Hexo
    没有建立起壁垒就容易在竞争中失败(绑定形成利益共同体,稀缺性,早期靠非共识,中期靠执行力,后期靠垄断性)
    Delphi 的TStringBuilder防止服务器内存碎片化
    JSON与Delphi Object的互换
    Delphi调用爷爷类的方法(自己构建一个procedure of Object)
    Delphi的基于接口(IInterface)的多播监听器模式(观察者模式 )
    接口幂等性的实现方式
    Topshelf+Quartz3.0
    时间复杂度
    调优工具/技术网站
  • 原文地址:https://www.cnblogs.com/wzlblog/p/6077609.html
Copyright © 2020-2023  润新知