- 【JavaScript】JavaScript模块化开发:ES6模块与CommonJs的对比与应用
代码园与文学坊
《前端学习》javascriptes6开发语言
1.模块化开发的背景与必要性1.1JavaScript发展与模块化需求JavaScript最初被设计为一种简单的脚本语言,用于实现网页上的交互功能。随着互联网技术的发展,Web应用变得越来越复杂,JavaScript代码量急剧增加,这导致了代码维护和复用变得困难。为了解决这些问题,模块化开发应运而生。模块化开发允许开发者将大型应用拆分成多个小型、独立的模块,每个模块负责特定的功能。这种开发方式与J
- 详解ES6中的类、对象和类的继承
前端技术营
es6前端ecmascript
在ES6(ECMAScript2015)之前,JavaScript并没有像其他面向对象的编程语言那样的类(class)的概念。相反,它使用了一种基于原型的继承模型来实现面向对象编程。然而,这种模型对于许多开发者来说可能比较难以理解,特别是在与更传统的面向对象语言(如Java或C++)相比较时。为了简化面向对象的编程范式并提供更直观的代码组织方式,ES6引入了类的概念。虽然JavaScript的类实
- es5 vs es6 继承
乌龙茶不甜
JavaScriptes6javascript前端
ES5继承借助构造函数继承(call,apply);无法继承父级原型上属性和方法functionAnimal(name,txt){console.log('构造函数:Animal',this,name,txt)this.type='父类'this.name='Animal_'+name;this.txt=txt}Animal.prototype.getName=function(){console
- ES6中类的继承
野生小农
es6前端ecmascript1024程序员节
class可以通过extends关键字实现继承,子类可以没有构造函数,系统会默认分配。子类提供了构造函数则必须要显示调用super。super函数类似于借用构造函数。类似于Animal.call()1.子类对象指向父类对象2.子类原型对象继承父类原型对象classAnimal(){//静态属性staticanimalAttr='Animal的静态属性';constructor(name,age,w
- js学习之路(六)——this,箭头函数,对象操作
EOPG
vue3javascript学习排序算法
js学习之路(六)1.this指向2.改变this指向3.ES6定义变量4.04_变量的块级作用域5.ES6的箭头函数6.箭头函数的特性7.函数的参数默认值8.模板字符串9.点点点(...)运算符10.解构赋值11.对象的简写12.了解面向对象开发13.创建对象的四种方式14.构造函数的书写和使用15.构造函数是否合理17.prototype18.__proto__1.this指向/*this指向
- day38-测试平台搭建之前端vue学习-ES6
开测开测
开发语言测试自动化测试测试开发vscodevuees6
一、为什么要学习ES6?1.1.ES5语言的先天性不足。比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let和const//var//vara=2//1.let声明变量,没有变量提升//console.log(a);//leta=10;//cons
- Object.prototype.hasOwnProperty.call()2020-12-24
猴逃逃
JavaScript中Object对象原型上的hasOwnProperty()用来判断一个属性是定义在对象本身而不是继承自原型链。obj.hasOwnProperty(prop)参数prop要检测的属性字符串名称或者Symbol(ES6)o=newObject();o.prop='exists';o.hasOwnProperty('prop');//返回trueo.hasOwnProperty('
- React教案
涔溪
react.js前端前端框架
ECMAScript61、ES6简介1.1、什么是ES6ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。1.2、ECMAScript和JavaScript的关系一个常见的问题是,ECMAScript和JavaScript到底是什么关系?要讲
- ES6 解构赋值
前白
解构赋值是对赋值运算符的扩展。是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。数组的解构赋值ES6中可以从数组中提取值,对变量进行赋值,这种过程称为解构。示例:例如下面这个例子,从数组中提取值,按照对应位置,对变量赋值:let[x,k,d]=[1,2,3];console.log(x);//输出:1console.log(k);//输出:2console.log(d);//输出:3这
- js中ES6新增数组方法详解(建议收藏)
章IT
javascriptes6vue.js小程序微信小程序前端前端框架
文章目录一、扩展运算符的应用二、构造函数新增的方法Array.from()Array.of()三、实例对象新增的方法copyWithin()find()、findIndex()fill()entries(),keys(),values()includes()flat(),flatMap()四、数组的空位五、排序稳定性参考文献一、扩展运算符的应用ES6通过扩展元素符...,好比rest参数的逆运算,
- es6新增的内容与概念
勇敢的茂密
es6前端ecmascript
从头看到尾,不会的话干脆就回家放一只羊吧,放多了我怕你数不过来目录es6是什么?let和const关键字数组方法箭头函数新增数据类型Symbol新增数据结构set和map一、es6是什么?ES6的发布标志着JavaScript语言的一个重要演进,为开发者带来了更多便利和功能,并推动了JavaScript的发展和广泛应用。许多现代开发工具和框架已经支持ES6的语法和功能,使开发者能够更好地开发和维护
- JavaWeb——前端工程化
A_Tai2333333
JavaWeb前端
一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
- vue3项目导入ansi_up报错
夏与冰
常用插件前端javascriptes6
前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库,专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中,它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供,无任何依赖,并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
- class用法详解
景元合
概述类的由来ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。classpoint{constructor(x,y){this.x=x;this.y=y;}toString(){return'('+this.x+','+this.y+')';}}上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,
- ES6基础----set的使用
Pluto & Ethereal
es6javascript前端
目录Set是ES6新增的数据结构,值是唯一的,主要用于去除重复的值--与数组一样用法,增加了可以值唯一的属性,键和值为一个值一、Set拥有自己的属性及方法,进行数据的更改操作1、size属性用于返回Set的长度2、add()方法用于向Set中添加值3、delete()方法用于删除Set中的值,返回布尔值直接放入值4、has()方法用于判断某个值是否在Set中,返回布尔值5、clear()方法用于清
- ES6基础----Map的使用
Pluto & Ethereal
javascript前端es6
目录Map是Es6新增的数据结构,主要用于存储键值对1、size属性返回Map的长度2、set()方法用于向Map中写入内容---键可以用字符串或者用其他数据类型,但是Object只能是字符串3、get()方法用于得到对应的值4、delete()方法删除对应的元素---返回布尔值5、has()方法判断某个元素是否在Map中--返回布尔值6、clear()清除Map中的全部内容--返回所有值,没值返
- ES6--《每日学习》
Oswaldhs
es6学习javascript
一、ES6相关介绍1.1、什么是ES61995年的美国,有一家名为netscape(网景)的公司打造了一款主要用于check验证的脚本语言,而恰在此时,Sun公司的java语言火的一塌糊涂,netscape公司为蹭其热度,便将该脚本语言命名为JavaScript。不料JavaScript居然被越来越多的人使用,后效仿大秦的货币统一政策将其提交给国际标准组织ECMA。该组织发布的标准被称做ECMAS
- ES6 -- 总结 03
柿子来了
es6javascript前端
Es6的模块化Documentmodule1.jsletstr='helloworld'letnum=999exportletfun=()=>{console.log('你好')return'nihao'}//es6模块化//导出//export在一个js中可以存在多个export{str,num}//exportdefault默认导出在一个js中只能存在一个exportdefault{str,n
- 产品推荐 | 基于VU13P FPGA的4路FMC接口基带信号处理平台
迪普微社区
产品推荐fpga开发信号处理fpga图像处理无线电FMC
一、产品概述TES641是一款基于VirtexUltraScale+系列FPGA的高性能4路FMC接口基带信号处理平台,该平台采用1片Xilinx的VirtexUltraScale+系列FPGAXCVU13P作为信号实时处理单元,该板卡具有4个FMC子卡接口(其中有2个为FMC+接口),各个节点之间通过高速串行总线进行互联,该FPGA支持最大32Gbps的高速串行总线,适用于100G以太网、JES
- Vue-cli创建单页面网页
caiyiii
安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择,enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript编译器,将es6语法编译为es5语法eslint:规范代码行为,可组装的JavaScript和jsx检查工具可点击第二个,进行自主选择键盘上下键选择,空格选中创建的项目各个文件no
- ES6随笔(重点)
Y一蓑烟雨任平生
es6前端
ES6新增块级作用域概念。let和const声明的变量和常量,只在所处的代码块内有效,外部访问打印xisnotdefined.最典型的就是for循环中的变量声明,用var声明的话,i是全局变量,每一次循环i的值都增加,所以在循环内部打印的i就是全局变量i,所以i打印出来的就是最后一次i++完的值。let的块级概念完美的解决了这个问题。ES5只有两种声明变量的方法:var命令和function命令。
- ES6的 async 函数
辽A丶孙悟空
含义ES2017标准引入了async函数,使得异步操作变得更加方便。async函数是什么?一句话,它就是Generator函数的语法糖。一比较就会发现,async函数就是将Generator函数的星号(*)替换成async,将yield替换成await,仅此而已。async函数对Generator函数的改进,体现在以下四点。内置执行器。Generator函数的执行必须靠执行器,所以才有了co模块,
- 运用ES6Set方法求交集并集差集
丶帆
javascriptes6
Set方法Set构造函数能让你创建Set对象,其可以存储任意类型的唯一值,无论是primitivevalues或者对象引用。创建set集合newSet([xxx])如果传递一个可迭代对象,它的所有元素将不重复地被添加到新的Set中。consts1=newSet([1,2,3,4,5,6,7,3,6])console.log(s1)如果不指定此参数或其值为null,则新的Set为空。如果存放的是原始
- js取交集、并集、差集(es6中 set 方法)
Shimeng_1989
javascriptjavascripthtmles6
letarr1=newSet([1,2,3]);letarr2=newSet([4,3,2]);//并集letunion=newSet([...arr1,...arr2]);//Set{1,2,3,4}//交集letintersect=newSet([...arr1].filter(x=>arr12.has(x)));//set{2,3}//差集letdifference=newSet([...a
- vue动态加载组件import引入组件找不到组件(Error: Cannot find module)
TTong___
jsvue.jsjavascript前端webpackes6
使用场景在一个项目中封装了好多组件,根据接口返回不同类型值在页面中动态加载对应的组件。问题描述使用了动态加载组件的方法,组件用import()引入时,直接写成静态路径组件能找到,但是路径里面使用了变量组件就找不到了,报错Error:Cannotfindmodule问题原因import()语法是ES6中新引入的动态加载模块的语法,它可以在运行时加载模块,返回一个Promise对象,可以用来加载不同的
- ES6 export和import
wayne1125
util.jsexportletsum=(x,y)=>{returnx+y;}exportletminus=(m,n)=>{returnm-n;}main.jsimport{num,minus}from'./util'或import*asutilfrom'./util'console.log(`sum:${sum(1,6)}`)或console.log(`sum:${util.minus(10,6
- vue实现穿梭框功能(ES6语法)
lucky*girl
vue.jshtml5javascript
1、vue两种实现穿梭框的方式。方式一:Vue结合ES6语法实现穿梭框。(优点:自写组件复用性强,易修改)方式二:引入Element中transfer插件简单写了CSS样式和HTML。(优点,引入组件即可,易上手操作)2、实现效果:左边为复选框按钮,可全选可单选,选中后点击按钮到左侧。右边实现效果同理。并用计算属性动态计算出每个数组共多少条数据,选中了多少条。实现效果图如下:自写组件:引入Elem
- TypeScript 类
duangdong9
TypeScriptwebtypescript类
文章目录TypeScript类TypeSript类的继承TypeScript类的修饰符public,protected,privateTypeScript类中的只读属性get和只写属性setTypeScript中的抽象类:类作为接口使用TypeScript类TypeSript类的继承和es6中的继承相似classPerson{name:string;constructor(name:string)
- TypeScript常用类型
seevc
TypeScripttypescript前端
1.类型注解示例:letage:number=31说明:代码中的:number就是类型注解。作用:为变量增加类型约束,表示该变量只能是这个类型,不能用其它类型的值赋值给它,否则报错。2.常用基础类型TS中的常用基础类型可以细分为两类:JS已有类型基本类型:number/string/boolean/null/undefined/symbol(es6新增)对象类型:object(包括:数组、对象、函
- TypeSript1 基础类型
流氓也是种气质 _Cookie
TypeSprittypescript
全局安装npminstalltypescript-gnodejs环境执行tsnpmi@types/node--save-dev(node环境支持的依赖必装)npmits-node--gtscindex.ts//编译成js文件ts-nodeindex.ts//运行index.ts文件基础类型:Boolean、Number、String、null、undefined以及ES6的Symbol和ES10的
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l