实现js组件编写需要注意的几点

注意:

1、编写组件一定要使用匿名函数、闭包进行封装,防止不同组件之间命名的冲突

$(function(){
    (function(a){
        alert(a)
    })("aaaab")
})

2、格式

实现js组件编写需要注意的几点_第1张图片

3、传参  可以传一个参数进来,使用json传送多个

4、js不区分单引号和双引号

5、js继承

实现js组件编写需要注意的几点_第2张图片

6、实现链式操作

实现js组件编写需要注意的几点_第3张图片

 


在jsp页面引包时,一定要写绝对路径

1、新建一个获取basePath的js组件

<%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8" isELIgnored="false"%>
<%
      String basePath = "";
      if (request.getServerPort() != 80) {
            basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/"
                        + request.getContextPath();
      } else {
            basePath = request.getScheme() + "://" + request.getServerName() + request.getContextPath();
      }
      pageContext.setAttribute("basePath", basePath);
%>

2、在需要使用的jsp进行引用 

<%@ include file="/WEB-INF/pages/common/basePath.jsp"%>

3、调用

注意: 

1、此处使用了page的pageContext

2、引用jsp文件相当于将 其复制到引用界面,因此可以使用page的setAttribute

你可能感兴趣的:(阶段学习,前端)