这个是我国的各省的城市选择网页,你可以按自己的要求进行一些改动.
成都创新互联主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、响应式网站开发、程序开发、网站优化、微网站、微信小程序等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的网站建设、成都网站设计、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title省份选城市/title
style type="text/css"
!--
form{margin:0;padding:0;}
img{border:0;}
body,select,input,td{ font-family:宋体,Arial; font-size: 12px; font-family: Arial; margin-top: 2px;}
#hd{clear:both;width:700px;margin:0 auto;margin-bottom:.5em;padding:.5em 0 0 0;}
.rlcon a{text-decoration:none;margin-left:.3em;}
.mcon,.lpanel,.panel{text-align:left;}
.lg{float:left;width:185px;padding:.5em 0;}
.rl{float:right;width:100%;margin:0 0 0 -30em;}
.rlcon{text-align:right;height:32px;margin:0 0 0 190px;color:#b8b8b8;border-bottom:1px solid #b5b5b5;overflow:hidden;line-height:45px;}
#lcon{float:left;width:180px;}
#mcon{float:right;width:100%;margin:0 0 0 -20em;}
.mcon{margin:0 0 0 190px;width:570px;}
.xb{border-top:1px solid transparent !important;border-top:0;clear:both;}
#footer {margin:0 auto;width:740px;text-align:center;font-size:12px;height:30px;line-height:30px;border-top:1px solid #666;}
table{clear:both;text-align:left;}
#tip{clear:both;margin:0 auto;width:500px;background-color:#ffffe1;border:1px solid #ACA899;padding:1em;margin:1em;text-align:left;color:#ff0000;}
#tip #cancel{float:right;}
#tip ul{display:block;margin:0;padding:0;list-style-type:none;}
#tip ul li{float:left;width:220px;line-height:1.5em;background-color:#ffffe1;}
#hidenbox{border-top:1px solid transparent !important;border-top:0;clear:both;}
.bnt14{font-size:13px;font-family:宋体,Arial;line-height:18px;height:25px;}
--
/style
/head
html
body
center
form name="personalorder" action="preferences" method="POST"
div id="hd"
TABLE height=20 cellSpacing=0 cellPadding=0 width=714 align=center
border=0
TBODY
TR
TD height="60" vAlign=center DIV class=s5 align=center选择省市:
select name="prov" onchange="setInd(this)"
option value=0不预定/optionoption value=8610北京/optionoption value=8621上海/optionoption value=8622天津/optionoption value=8623重庆/optionoption value=86311河北/optionoption value=8625江苏/optionoption value=86571浙江/optionoption value=8620广东/optionoption value=86351山西/optionoption value=8624辽宁/optionoption value=86431吉林/optionoption value=86451黑龙江/optionoption value=86551安徽/optionoption value=86591福建/optionoption value=86791江西/optionoption value=86531山东/optionoption value=86371河南/optionoption value=8627湖北/optionoption value=86731 selected湖南/optionoption value=8628四川/optionoption value=86851贵州/optionoption value=86871云南/optionoption value=8629陕西/optionoption value=86931甘肃/optionoption value=86971青海/optionoption value=86471内蒙古/optionoption value=86771广西/optionoption value=86898海南/optionoption value=86891西藏/optionoption value=86951宁夏/optionoption value=86991新疆/optionoption value=88610台湾/optionoption value=85210香港/optionoption value=85310澳门/option/SELECT
选择城市：
SELECT name=locid
OPTION value=86731731长沙/OPTIONOPTION value=86731730岳阳/OPTIONOPTION value=86731732湘潭/OPTIONOPTION value=86731733株洲/OPTIONOPTION value=86731734衡阳/OPTIONOPTION value=86731735郴州/OPTIONOPTION value=86731736常德/OPTIONOPTION value=86731737益阳/OPTIONOPTION value=86731738娄底/OPTIONOPTION value=86731739邵阳/OPTIONOPTION value=86731743 selected吉首/OPTIONOPTION value=86731745怀化/OPTIONOPTION value=86731746永州/OPTION
/SELECT
/DIV
script
function cls_inpt(){
var _inpt=document.getElementsByTagName("input");
for(var i=0;i_inpt.length;i++){
if(_inpt[i].name.indexOf('stockid')=0 ||_inpt[i].name.indexOf('showname')=0 ||_inpt[i].name.indexOf('stockname')=0){
_inpt[i].value='';
}
}
return false;
}
cityarray0 = new Array(
"0;不预定");
cityarray8610 = new Array(
"861010;北京");
cityarray8621 = new Array(
"862121;上海");
cityarray8622 = new Array(
"862222;天津");
cityarray8623 = new Array(
"862323;重庆",
"86232314;万州",
"8623810;涪陵");
cityarray86311 = new Array(
"86311311;石家庄",
"86311310;邯郸",
"86311312;保定",
"86311313;张家口",
"86311314;承德",
"86311315;唐山",
"86311316;廊坊",
"86311317;沧州",
"86311318;衡水",
"86311319;邢台",
"86311335;秦皇岛");
cityarray8625 = new Array(
"862525;南京",
"8625510;无锡",
"8625511;镇江",
"8625512;苏州",
"8625513;南通",
"8625514;扬州",
"8625515;盐城",
"8625516;徐州",
"8625517;淮安",
"862551701;淮阴",
"8625518;连云港",
"8625519;常州",
"8625523;泰州",
"8625527;宿迁");
cityarray86571 = new Array(
"86571571;杭州",
"86571570;衢州",
"86571572;湖州",
"86571573;嘉兴",
"86571574;宁波",
"86571575;绍兴",
"86571576;台州",
"86571577;温州",
"86571578;丽水",
"86571579;金华",
"86571580;舟山");
cityarray8620 = new Array(
"862020;广州",
"8620660;汕尾",
"8620662;阳江",
"8620663;揭阳",
"8620668;茂名",
"8620750;江门",
"8620751;韶关",
"8620752;惠州",
"8620753;梅州",
"8620754;汕头",
"8620755;深圳",
"8620756;珠海",
"8620757;佛山",
"8620758;肇庆",
"8620759;湛江",
"8620760;中山",
"8620762;河源",
"8620763;清远",
"8620766;云浮",
"8620768;潮州",
"8620769;东莞");
cityarray86351 = new Array(
"86351351;太原",
"86351349;朔州",
"86351350;忻州",
"86351352;大同",
"86351353;阳泉",
"86351354;榆次",
"86351355;长治",
"86351356;晋城",
"86351357;临汾",
"86351358;吕梁",
"86351359;运城");
cityarray8624 = new Array(
"862424;沈阳",
"8624410;铁岭",
"8624411;大连",
"8624412;鞍山",
"8624413;抚顺",
"8624414;本溪",
"8624415;丹东",
"8624416;锦州",
"8624417;营口",
"8624418;阜新",
"1378819;辽阳",
"8624421;朝阳",
"8624427;盘锦",
"8624429;葫芦岛");
cityarray86431 = new Array(
"86431431;长春",
"86431432;吉林",
"86431434;四平",
"86431435;通化",
"86431436;白城",
"86431437;辽源",
"86431438;松原",
"86431439;白山");
cityarray86451 = new Array(
"86451451;哈尔滨",
"86451452;齐齐哈尔",
"86451453;牡丹江",
"86451454;佳木斯",
"86451455;绥化",
"86451456;黑河",
"86451458;伊春",
"86451459;大庆",
"86451464;七台河",
"86451467;鸡西",
"86451468;鹤岗",
"86451469;双鸭山",
"86451470;大兴安岭");
cityarray86551 = new Array(
"86551551;合肥",
"86551550;滁州",
"86551552;蚌埠",
"86551553;芜湖",
"86551554;淮南",
"86551555;马鞍山",
"86551556;安庆",
"86551557;宿州",
"86551558;阜阳",
"8655155801;亳州",
"86551559;黄山",
"86551561;淮北",
"86551562;铜陵",
"86551563;宣城",
"86551564;六安",
"86551565;巢湖",
"86551566;池州");
cityarray86591 = new Array(
"86591591;福州",
"86591592;厦门",
"86591593;宁德",
"86591594;莆田",
"86591595;泉州",
"86591596;漳州",
"86591597;龙岩",
"86591598;三明",
"86591599;南平");
cityarray86791 = new Array(
"86791791;南昌",
"86791701;鹰潭",
"86791790;新余",
"86791792;九江",
"86791793;上饶",
"86791794;抚州",
"86791795;宜春",
"86791796;吉安",
"86791797;赣州",
"86791798;景德镇",
"86791799;萍乡");
cityarray86531 = new Array(
"86531531;济南",
"86531530;菏泽",
"86531532;青岛",
"86531533;淄博",
"86531534;德州",
"86531535;烟台",
"86531536;潍坊",
"86531537;济宁",
"86531539;临沂",
"86531543;滨州",
"86531546;东营",
"86531631;威海",
"86531632;枣庄",
"86531633;日照",
"86531634;莱芜",
"86531635;聊城");
cityarray86371 = new Array(
"86371371;郑州",
"86371370;商丘",
"86371372;安阳",
"86371373;新乡",
"86371374;许昌",
"86371375;平顶山",
"86371376;信阳",
"86371377;南阳",
"86371378;开封",
"86371379;洛阳",
"86371391;焦作",
"86371392;鹤壁",
"86371393;濮阳",
"86371394;周口",
"86371395;漯河",
"86371396;驻马店",
"86371398;三门峡");
cityarray8627 = new Array(
"862727;武汉",
"8627710;襄樊",
"8627711;鄂州",
"8627712;孝感",
"8627713;黄冈",
"8627714;黄石",
"8627715;咸宁",
"8627716;荆州",
"8627717;宜昌",
"8627718;恩施",
"8627719;十堰",
"8627722;随州",
"8627724;荆门");
cityarray86731 = new Array(
"86731731;长沙",
"86731730;岳阳",
"86731732;湘潭",
"86731733;株洲",
"86731734;衡阳",
"86731735;郴州",
"86731736;常德",
"86731737;益阳",
"86731738;娄底",
"86731739;邵阳",
"86731743;吉首",
"86731745;怀化",
"86731746;永州");
cityarray8628 = new Array(
"862828;成都",
"8628812;攀枝花",
"8628813;自贡",
"8628816;绵阳",
"8628817;南充",
"8628818;达州",
"8628825;遂宁",
"8628826;广安",
"8628827;巴中",
"8628830;泸州",
"8628831;宜宾",
"8628832;资阳",
"862883201;内江",
"8628833;乐山",
"862883301;眉山",
"862883401;凉山",
"8628835;雅安",
"862883701;阿坝",
"8628838;德阳",
"8628839;广元");
cityarray86851 = new Array(
"86851851;贵阳",
"86851852;遵义",
"86851853;安顺",
"86851854;都匀",
"86851855;凯里",
"86851856;铜仁",
"86851857;毕节",
"86851858;六盘水",
"86851859;兴义");
cityarray86871 = new Array(
"86871871;昆明",
"86871691;西双版纳",
"86871692;德宏",
"86871870;昭通",
"86871872;大理",
"8687187303;红河",
"86871874;曲靖",
"86871875;保山",
"86871876;文山",
"86871877;玉溪",
"86871878;楚雄",
"86871879;思茅",
"86871883;临沧",
"8687188601;怒江",
"8687188701;迪庆",
"86871888;丽江");
cityarray8629 = new Array(
"862929;西安",
"8629910;咸阳",
"8629911;延安",
"8629912;榆林",
"8629913;渭南",
"8629914;商洛",
"8629915;安康",
"8629916;汉中",
"8629917;宝鸡",
"8629919;铜川");
cityarray86931 = new Array(
"86931931;兰州",
"86931930;临夏",
"86931932;定西",
"86931933;平凉",
"86931934;庆阳",
"86931935;金昌",
"8693193501;武威",
"86931936;张掖",
"86931937;酒泉",
"8693193701;嘉峪关",
"86931938;天水",
"86931939;陇南",
"86931941;甘南",
"86931943;白银");
cityarray86971 = new Array(
"86971971;西宁",
"8697197001;海北",
"86971972;海东",
"8697197501;果洛",
"8697197301;黄南",
"86971976;玉树",
"86971979;格尔木",
"8697197901;海西");
cityarray86471 = new Array(
"86471471;呼和浩特",
"86471470;海拉尔",
"86471472;包头",
"86471473;乌海",
"86471474;集宁",
"86471475;通辽",
"86471476;赤峰",
"86471478;临河",
"86471479;锡林浩特",
"86471482;乌兰浩特",
"86471483;巴彦浩特",
"86471484;鄂尔多斯");
cityarray86771 = new Array(
"86771771;南宁",
"86771770;防城港",
"8677177101;崇左",
"86771772;柳州",
"8677177201;来宾",
"86771773;桂林",
"86771774;梧州",
"8677177401;贺州",
"86771775;玉林",
"8677177501;贵港",
"86771776,;百色",
"86771777,;钦州",
"86771778,;河池",
"86771779,;北海");
cityarray86898 = new Array(
"86898898;海口",
"86898899;三亚",
"8689889901;西沙群岛");
cityarray86891 = new Array(
"86891891;拉萨",
"86891892;日喀则",
"86891893;山南",
"86891894;林芝",
"86891895;昌都",
"86891896;那曲",
"86891897;阿里");
cityarray86951 = new Array(
"86951951;银川",
"86951952;石嘴山",
"86951953;吴忠",
"86951954;固原");
cityarray86991 = new Array(
"86991991;乌鲁木齐",
"86991901;塔城",
"86991902;哈密",
"86991903;和田",
"86991906;阿勒泰",
"8699190801;克州",
"86991909;博乐",
"86991990;克拉玛依",
"86991993;石河子",
"86991994;昌吉",
"86991995;吐鲁番",
"86991996;库尔勒",
"86991997;阿克苏",
"86991998;喀什",
"86991999;伊犁");
cityarray88610 = new Array(
"8861010;台北");
cityarray85210 = new Array(
"8521010;香港");
cityarray85310 = new Array(
"8531010;澳门");
function getCitiesFromProvinceID(provinceid) {
if (provinceid == 0) return cityarray0;
if (provinceid == 8610) return cityarray8610;
if (provinceid == 8621) return cityarray8621;
if (provinceid == 8622) return cityarray8622;
if (provinceid == 8623) return cityarray8623;
if (provinceid == 86311) return cityarray86311;
if (provinceid == 8625) return cityarray8625;
if (provinceid == 86571) return cityarray86571;
if (provinceid == 8620) return cityarray8620;
if (provinceid == 86351) return cityarray86351;
if (provinceid == 8624) return cityarray8624;
if (provinceid == 86431) return cityarray86431;
if (provinceid == 86451) return cityarray86451;
if (provinceid == 86551) return cityarray86551;
if (provinceid == 86591) return cityarray86591;
if (provinceid == 86791) return cityarray86791;
if (provinceid == 86531) return cityarray86531;
if (provinceid == 86371) return cityarray86371;
if (provinceid == 8627) return cityarray8627;
if (provinceid == 86731) return cityarray86731;
if (provinceid == 8628) return cityarray8628;
if (provinceid == 86851) return cityarray86851;
if (provinceid == 86871) return cityarray86871;
if (provinceid == 8629) return cityarray8629;
if (provinceid == 86931) return cityarray86931;
if (provinceid == 86971) return cityarray86971;
if (provinceid == 86471) return cityarray86471;
if (provinceid == 86771) return cityarray86771;
if (provinceid == 86898) return cityarray86898;
if (provinceid == 86891) return cityarray86891;
if (provinceid == 86951) return cityarray86951;
if (provinceid == 86991) return cityarray86991;
if (provinceid == 88610) return cityarray88610;
if (provinceid == 85210) return cityarray85210;
if (provinceid == 85310) return cityarray85310;
return new Array();
}
function fillInCities(provinceid) {
document.forms['personalorder']['locid'].length = 0;
var arr = getCitiesFromProvinceID(provinceid);
var cnt = 0;
var isSelected = false;
for(var n=0; narr.length; n++){
newOpt=new Option;
i = arr[n].search(';');
newOpt.text=arr[n].slice(i+1);
newOpt.value=arr[n].slice(0,i);
if (!isSelected){
//newOpt.selected = true;
isSelected = true;
}
document.forms['personalorder']['locid'].options[cnt]=newOpt;
cnt=cnt+1;
}
}
function GetSelectedText(box){
var boxText = '';
for(var i=0; ibox.options.length; i++){
if(box.options[i].selected box.options[i].value != ''){
boxText = box.options[i].value;
}
}
return boxText;
}
function setInd(box) {
ind = GetSelectedText(box);
if(ind != ''){
fillInCities(ind);
}
//alert(ind);
}
/script
/TD
/TR
/TBODY
/TABLE
/body
/html
当时遇到这个地图也是花了一些功夫解决了点击跳转的需求，当时是实现了效果，但没有优化，提供给你参考。
这个地图插件依据浏览器不同，生成的地图代码不同，建议多测试一下。
在脚本最后注释的那个 alert就是click事件，自行替换即可。
实际的参考网站在百度发不出来地址，需要可以私信我。
//数据可以动态生成，格式自己定义，cha对应china-zh.js中省份的简称
var dataStatus = [{ cha: 'HKG', name: '香港', des: '' },
{ cha: 'HAI', name: '海南', des: '' },
{ cha: 'YUN', name: '云南', des: 'br/' },
{ cha: 'BEJ', name: '北京', des: 'br/' },
{ cha: 'TAJ', name: '天津', des: 'br/' },
{ cha: 'XIN', name: '新疆', des: '' },
{ cha: 'TIB', name: '西藏', des: '' },
{ cha: 'QIH', name: '青海', des: '' },
{ cha: 'GAN', name: '甘肃', des: 'br/' },
{ cha: 'NMG', name: '内蒙古', des: 'br/' },
{ cha: 'NXA', name: '宁夏', des: 'br/' },
{ cha: 'SHX', name: '山西', des: 'br/' },
{ cha: 'LIA', name: '辽宁', des: 'br/' },
{ cha: 'JIL', name: '吉林', des: 'br/' },
{ cha: 'HLJ', name: '黑龙江', des: 'br/' },
{ cha: 'HEB', name: '河北', des: 'br/' },
{ cha: 'SHD', name: '山东', des: 'br/' },
{ cha: 'HEN', name: '河南', des: 'br/' },
{ cha: 'SHA', name: '陕西', des: '' },
{ cha: 'SCH', name: '四川', des: 'br/' },
{ cha: 'CHQ', name: '重庆', des: '' },
{ cha: 'HUB', name: '湖北', des: 'br/' },
{ cha: 'ANH', name: '安徽', des: 'br/' },
{ cha: 'JSU', name: '江苏', des: 'br/' },
{ cha: 'SHH', name: '上海', des: '' },
{ cha: 'ZHJ', name: '浙江', des: 'br/' },
{ cha: 'FUJ', name: '福建', des: '' },
{ cha: 'TAI', name: '台湾', des: '' },
{ cha: 'JXI', name: '江西', des: '' },
{ cha: 'HUN', name: '湖南', des: '' },
{ cha: 'GUI', name: '贵州', des: '' },
{ cha: 'GXI', name: '广西', des: 'br/' },
{ cha: 'GUD', name: '广东', des: 'br/'}];
$('#container').vectorMap({ map: 'china_zh',
color: "#95cee9", //地图颜色
onLabelShow: function (event, label, code) {//动态显示内容
$.each(dataStatus, function (i, items) {
if (code == items.cha) {
label.html(items.name + items.des);
}
});
}
})
var hasNum = new Array();
$.each(dataStatus, function (i, items) {
if (items.des.indexOf('br') != -1) {//动态设定颜色，此处用了自定义简单的判断
var josnStr = "{" + items.cha + ":'#1c84b7'}";
hasNum.push(items.cha);
$('#container').vectorMap('set', 'colors', eval('(' + josnStr + ')'));
}
});
$('.jvectormap-zoomin').click(); //放大
$('#container').find("*[id*='jvectormap1']").each(function(){
var _this = $(this);
var _thisid = $(this).attr('id');
for (var i=0; ihasNum.length; i++){
if(_thisid.indexOf(hasNum[i]) != -1){
_this.click(function(){
//alert(_thisid)
})
}
}
})
首先，当前重庆互联网发展正在势头上，从企业的招聘需求看前端开发的需求量依然较高，因此在重庆不愁找不到一份前端的工作。
一、在重庆找前端工作的方法：
如果你是一个前端小菜鸟，找一份心仪前端工作有些困难，但并不代表你就会找不到工作？此处全是干货，有用记得点赞收藏！
1、部分优质企业在招聘时会对外招聘初级前端人才，因为工作上有些简单或者不可替代的事物需要初级前端来处理，为中高级前端腾出时间和精力来做更重要的事情，才不会给企业造成资源的浪费。
2、报班学习。相较于自学来说，可能存在效率低下，容易走向误区等问题，如果有一定的经济条件可选择报班突击，提升自己的前端开发水平。
3、少谈薪资先入行，选择前端实习工作。先入行可从实习工作做起，在企业职位上能够触碰到行业或者企业给予的相关前端开发需求，增添自己的实战经验。有时候学习也并不是要在课本上，同时还可以向周围的前端同事请教，也是快速提高自己能力的途径之一。
4、主动在岗位中学习，承担更多工作。积极融入到团队当中，多承担一部分工作，不断的在工作熟能生巧，攻克自己的薄弱环节，同时虚心向同事请教，相信勤奋的你能够收获事半功倍的效果。
二、重庆前端的薪酬如何？有哪些要求？
1、从经验的角度看：
经验在3年以下的前端人才，企业给出的薪酬主要集中在5—10k左右；
2、从招聘量的角度看：
相较于初级前端，大部分的企业愿意给8—15k的薪酬给3—5年经验的中高级前端乃至前端架构师。因此，虽然工作机会较多，但留给初级前端的机会偏少。
3、从学历方面看：
大部分的企业比较青睐大专及本科以上学历的前端人才，毕竟前端职位需要一定的技术和知识，因此学历是该职位的敲门砖。
三、初级开发怎么才能成长为一名高级前端？
对于初级前端来说，除了熬年限、熬经验，实力才是最为重要的。
高水平的开发也是从初级水平成长起来的，你也是可以成长为一名高级前端开发的。前端的知识体系庞杂，框架、库、插件数不胜数，API迭代飞速，怎么才能在如此混乱的局面中抓住正确的道路？下面介绍3点关键点：
01 夯实基础
无论是做什么样的专业技术工作，专业基础都是十分重要的。基础不牢固，上层建筑建的再华丽，都是岌岌可危的。
前端的基础是什么？是HTML、CSS，JavaScript。特别是JavaScript，我们对前端基础的掌握程度，极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript，我们使用的框架也是用JavaScript开发的。即使最近非常流行的typescript，其实底层也是JavaScript，是需要编译为JavaScript后才能在浏览器运行的。
即使是高级前端工程师的面试中，对于JavaScript知识的考核也是必不可少的。不仅体现在JavaScript语法，API，也很大一部分包含着最新的ES6的知识。
02 洞悉原理
我们需要知道的原理不仅体现在框架的原理上，也体现在JavaScript语言和浏览器引擎的原理上。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上，需要深入到了解内部原理和运行机制的层面上。
JavaScript引擎运行各种数据类型的方法的操作细节，各个JavaScript runtime在运行JavaScript的差异细节，各个框架的设计原理，使用的设计模式，核心算法，比如拼接字符串时+方法和join方法，在不同浏览器因为引擎操作不同而有着截然不同的性能差异；又比如Vue响应式的原理，Virtual DOM生成真实DOM和Diff的算法，运用到的发布订阅设计模式，自定义指令，插件挂载等等，即便不懂这些，写起业务逻辑来完全不耽误，但是不懂这些在前端市场上完全没有竞争力。
能完全弄懂这些原理的人的确相对很少，但是会写JavaScript、会用Vue之类框架的人却很多，此时如果企业看到你是了解原理的高级开发者，你的竞争力必然是陡然上升。另一方面高级前端作为初级前端的引领者，要能够帮助初级前端工程师解决棘手的问题。如果不懂得原理，如何能够快速的定位和解决问题，如何履行高级前端的职责？如何能够对于不断变化的框架API迅速地理解和深入运用？
03 主动学习
一名优秀的程序员绝对不是一个被别人牵着鼻子或者被人用鞭子赶着才会去学习的人，他一定是一个主动学习的人。
优秀的程序员之所以优秀，是因为他有深厚的知识积累，而这些知识的来源，是因为他在不断地学习。所以才能够在工作中解决棘手的问题，在面试中回答出刁钻的难题，因此而获得丰厚的薪水。一个被动学习的人，我想是很难达到这种地步的。
作为前端要主动学习，方向必须是能够具有针对性的提升自身竞争力的内容，而且是轻易不会过时的稳定的知识。比如就像语言内部机制和框架原理，设计模式这种知识。学了这种知识，其实就有能力自己做一些简单的框架，工具和库了，心中有底气，就可以摆脱被不断更新的应用型，API型知识牵着鼻子走的局面。
前端依然是一个很有前途的职业，如果目前还只是一名初级前端的话，一定还要努力尽快成为一名高级前端开发者。在夯实基础的前提下，向纵深出挖掘，在做好工作的同时，利用平时点滴零碎时间，追根朔源式的学习，不断积累前端知识。同时也建议多看些前端最新新闻，前端前沿技术之类的文章，多尝试最新的技术功能更新，紧跟技术发展，才能不被飞速发展的前端圈落下。
更多关于重庆前端职位的回答，欢迎百度搜索汇博招聘~