实用的JavaScript(持续添加)，前端开发指南

//将城市封装成option后加到select里,格式如下

//

//--------

//

for(var i=0;i<dataObj.length;i++){

var $option=$(“”);

$option.attr(“value”,dataObj[i].name);

$option.text(dataObj[i].name);

$("select[name{=}^{\prime }cit{y}^{\prime }]").append($option);

}

});

}

省份：

<s:select list=“#provinceList” name=“province” id=“province”

listKey=“name” listValue=“name”

headerKey=“” headerValue=“--------”

cssStyle=“width:90%” οnchange=“showCity(this.value)”>

</s:select>

城市：

<s:select list=“{}” name=“city” id=“city”

headerKey=“” headerValue=“--------” cssStyle=“width:90%” >

</s:select>

company.action中的showCity函数

/** 通过省份显示对应城市

• @throws IOException **/

public String showCity() throws IOException{

//拿到jsp中省份的名字

String name=request.getParameter(“name”);

if(StringUtils.isNotBlank(name)){

//通过省份名字拿到对应省份实体(下面查询城市时,用来拿省份id)

Province province=provinceService.findProvinceByName(name);

//通过省份id查询该省份下的所有城市

List cityList=cityService.findCityByPid(province.getId());

//New一个JsonConfig

JsonConfig config=new JsonConfig();

//设置不要获取的属性列,只取city表里的name属性,根据自己定义的city表进行定义,

config.setExcludes(new String[]{“id”,“pycode”,“pid”,“postcode”,“areacode”});

//将List转换为jsonArray

JSONArray jsonArray=JSONArray.fromObject(cityList,config);

response.setCharacterEncoding(“utf-8”);

//将jsonArray转成字符串后发送给jsp页面

response.getWriter().print(jsonArray.toString());

}

return null;

}

工具类

=======

1.实现一个实时时钟

js文件：onclock.js

//此文件为:onclock.js

function clockon(bgclock){

var now=new Date();

var year=now.getYear();

var month=now.getMonth();

var date=now.getDate();

var day=now.getDay();

var hour=now.getHours();

var minu=now.getMinutes();

var sec=now.getSeconds();

var week;

month=month+1;

if(month<10) month=“0”+month;

if(date<10) date=“0”+date;

if(hour<10) hour=“0”+hour;

if(minu<10) minu=“0”+minu;

if(sec<10) sec=“0”+sec;

var arr_week=new Array(“星期日”,“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六”);

week=arr_week[day];

var time=“”;

time=year+“年”+month+“月”+date+“日 “+week+” “+hour+”:”+minu+“:”+sec;

if(document.all){

bgclock.innerHTML=“”+time+“”;

}

var timer=setTimeout(“clockon(bgclock)”,200);

}

jsp页面代码如下：

<%@ page language=“java” pageEncoding=“UTF-8”%>

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

1710926314913)]
[外链图片转存中…(img-buDY2z6f-1710926314913)]
[外链图片转存中…(img-uCLlICLF-1710926314914)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-Mk1JVXi3-1710926314914)]