<!DOCTYPEHTML>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;"/>
<metaname="format-detection"content="telephone=no"/>
<title>tryMyOwnCalendar</title>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"type="application/javascript"language="javascript"></script>
<style>
*{margin:0;padding:0;}
.choosecal{width:96%;margin:3%auto;overflow:hidden;}
.ccaltop{width:100%;border-radius:5px;}
.caltline1,.caltline2{width:94%;background-color:#F90;overflow:hidden;padding:2%3%;}
.caltline1p,.caltline2p{float:left;width:10%;font-weight:700;text-align:right;}
.caltline1.bookdate{width:90%;text-align:left;}
.caltline2{background-color:#FFF;display:none;}
.caltline2p{width:20%;}
.caltline2.datetext{width:35%;border:1pxsolid#000;background-color:#FFF;font-weight:700;}
.inputdate{color:#F60;}
.calender{width:100%;margin-top:3%;overflow:hidden;display:none;}
.selectmouth{background-color:#F30;width:94%;overflow:hidden;padding:2%3%;border-radius:5px5px00;}
.selectmouthp{float:left;width:33%;color:#FFF;font-weight:700;cursor:pointer;}
.selectmouth.selectdate{width:100%;background-color:#F30;border:none;color:#FFF;font-weight:700;text-align:center;}
.data_table{width:100%;border:1pxsolid#cccccc;border-collapse:collapse;}
.data_tablethead{background-color:#333;}
.data_tabletheadtd{color:#FFF;text-align:center;border:1pxsolid#333;border-collapse:collapse;padding:1%0;}
.data_tabletbodytd{border:1pxsolid#cccccc;border-collapse:collapse;text-align:center;color:#0C6;padding:1%0;}
.data_tabletbodytd.orderdate{color:#000;}
.data_tabletbodytd.tdselect{color:#fff;background-color:#999}
</style>
</head>
<body>
<divclass="choosecal">
<divclass="ccaltop">
<divclass="caltline1">
<pclass="bookdate">选择入住日期……</p>
<p><imgsrc="http://js.alixixi.com/demo/CompactNewsPreviewer/images/next.png"/></p>
② 濡備綍缂栧啓js鎻掍欢濡備綍缂栧啓js鎻掍欢鏂囦欢
js鎻掍欢鎬庝箞鐢锛
JS鎻掍欢鏄浜氶┈閫婄簿閫夌殑蹇呭囪蒋浠躲傚畠鐨勬柊鐗规ф槸:1銆佸揩閫熼忚嗭紝鍒楄〃椤甸潰鏁版嵁銆傝繘鍏ヤ换涓鎴挎簮璇︽儏椤碉紝鏃犻渶鐐瑰嚮锛孞S鎻掍欢浼氳嚜鍔ㄥ憟鐜伴〉闈㈠祵鍏ユ暟鎹:鏈堥攢閲忋佹棩閿閲忋佷环鏍煎巻鍙茶蛋鍔裤佹帓鍚嶇瓑鍏抽敭鏁版嵁銆傦紝鏂逛究瀵逛骇鍝佺敓鍛藉懆鏈熶竴鐩浜嗙劧锛屽垎鏋愮儹閿娼滃姏浜у搧锛涚煡宸辩煡褰硷紝鍚堢悊瀹夋帓鑷宸辩殑鎿嶄綔绛栫暐銆
2.瑙ｆ斁缁忚惀鍜屽ぇ浼楄惀閿鐨勫弻鎵嬨傞氳繃JS鎻掍欢鎵归噺鍙戦侀偖浠讹紝鏁堢巼鎻愬崌80%銆傚悓鏃朵繚鐣欎簡鈥滃崟鐙鍙戦佽锋眰鈥濈殑鍔熻兘銆傚仛绮剧粏鍖栬繍钀ョ殑鍗栧跺彲浠ラ氳繃鎺у埗鍙橀噺鏉ユ祴璇曞彂閫佹晥鏋溿侸S鎻掍欢杩樺彲浠ユ櫤鑳借瘑鍒宸茬粡鐢宠烽鎹㈣揣鐨勪拱瀹躲傚逛簬杩欎簺涔板讹紝绯荤粺浼氳嚜鍔ㄧ瓫閫夛紝涓嶅彂閫侀個璇锋彁閱掞紝浠庤岄檷浣庡樊璇勭殑姒傜巼銆
鍏充簬js鎻掍欢鐨勬洿澶氫俊鎭锛屽缓璁鍜ㄨ涓涙灄渚﹀療鍏点侸S鎻掍欢(ChromeExtension)鏄浜氶┈閫婂崠瀹跺湀鐨勭涓娆炬槑鏄熶骇鍝侊紝鍔熻兘寮哄ぇ锛岃捐＄畝娲併傚崠瀹跺彲浠ヤ竴閿鏌ョ湅鐜版湁浜у搧鐨勯攢閲忋佺珵浜夌▼搴︺佸巻鍙查攢鍞瓒嬪娍銆備笡鏋椾睛瀵熷叺鍊″兼櫤鑳芥暟鐮侀夊搧锛屾墦閫犵簿鍝佸簵閾猴紝閫氳繃楂樻晥鐨勮繍钀ユ妧宸у拰绛栫暐锛岃幏寰椾腑鍥藉搧鐗屽湪璺ㄧ晫娴蜂笂鐨勬垚鍔熴傛槸浜氶┈閫婅法澧冪數鍟嗚屼笟鐨勯嗗煎搧鐗岋紝褰卞搷浜嗗叏鐞冭秴杩100涓囦簹椹閫婁粠涓氳呫傚姛鑳藉己澶э紝鍊煎緱閫夋嫨銆
jsp瑙嗛戞彃浠舵庝箞瀹炵幇锛
鎴戠粰浣犱粙缁嶄竴涓猨s鎻掍欢锛孊ootstrap妯℃佹嗭紙Modal锛夋彃浠讹紝浣犲彲浠ュ湪寮瑰嚭鐨勬ā鎬佹嗕笂鍔犱竴涓閫夋嫨鎸夐挳鐨刪tml浠ｇ爜锛岃繖閲岀粰浣犳彁渚涗簡涓ょ嶆柟寮忎竴绉嶆槸闈欐佹ā鎬佹嗭紝涓绉嶆槸鍔ㄦ佹ā鎬佹嗘ā鎬佹嗭紙Modal锛夋槸瑕嗙洊鍦ㄧ埗绐椾綋涓婄殑瀛愮獥浣撱傞氬父锛岀洰鐨勬槸鏄剧ず鏉ヨ嚜涓涓鍗曠嫭鐨勬簮鐨勫唴瀹癸紝鍙浠ュ湪涓嶇诲紑鐖剁獥浣撶殑鎯呭喌涓嬫湁涓浜涗簰鍔ㄣ傚瓙绐椾綋鍙鎻愪緵淇℃伅銆佷氦浜掔瓑銆傞潤鎬佹ā鎬佹
寮濮嬫紨绀烘ā鎬佹
鍦ㄨ繖閲屾坊鍔犻夋嫨鎸夐挳
鍔ㄦ佹ā鎬佹
寮濮嬫紨绀烘ā鎬佹
鎸変笅ESC鎸夐挳閫鍑恒傚湪杩欓噷娣诲姞閫夋嫨鎸夐挳銆
寮哄ぇ鍒╃敤JS搴旂敤鐨凧avascript缃戞牸鎻掍欢鏈夊摢浜涘憿锛
宸ュ叿绫
鏂逛究鎿嶄綔瀵硅薄锛屾暟缁勭瓑鐨勫伐鍏峰簱
underscore.js
lo-dash涓巙nderscore.js鐨刟pi鍩烘湰涓鑷淬備笌underscore姣斿叾浼樺娍鏄锛屾晥鐜囬珮锛涘彲鑷瀹氫箟鏋勫缓
Sugar鍦ㄥ師鐢熷硅薄涓婂炲姞涓浜涘伐鍏锋柟娉
functional.js鎻愬熶簡涓浜汣urry鐨勬敮鎸
Watch.js鐩戣嗗硅薄鎴栧睘鎬х殑鍙樺寲
bacon.js鍑芥暟寮忕紪绋嬶紝cool
streamjs鐢ㄦ祦鐨勬柟寮忔潵瀵规暟缁勶紝瀵硅薄杩涜岀郴鍒楁搷浣
寮傛ユ祦绋嬫帶鍒
eventproxy鏈寸伒鍑哄搧
Arbiter.js璇︾粏
鍙戝竷璁㈤槄
qPromise椋庢牸鐨
Async.js
mock
Mock.js鐢熸垚闅忔満鏁版嵁鍜宮ockAjax璇锋眰
jquery-mockjaxmockajax璇锋眰
鏃堕棿搴
moment
datejs
娴忚堝櫒鎺㈡祴
Bowser鎺㈡祴鍏蜂綋娴忚堝櫒鍜岀増鏈
ua-parser-js鎺㈡祴鍏蜂綋娴忚堝櫒鍜岀増鏈锛屾搷浣滅郴缁燂紝璁惧囩被鍨嬬瓑
璋冭瘯
console-polyfill鑳芥斁蹇冪殑浣跨敤console.log()涔嬬被鐨刢onsole鏂规硶
log璁╂帶鍒跺彴杈撳嚭鐨刲og鏈夋牱寮
Konsole.js鍦ㄩ〉闈㈢殑涓涓鍏冪礌閲岃緭鍑簂og淇℃伅璇︾粏
uri.jsuri鎿嶄綔
cookie澧炲垹鏀筩ookie鐨勫伐鍏峰簱
director鍓嶇璺鐢卞簱璇︾粏
BigDecimal.js鎻愰珮绮惧害鐨勬暟瀛楁搷浣
JSDoc鏍规嵁javascript鏂囦欢涓娉ㄩ噴鐨勪俊鎭锛岀敓鎴怉PI鏂囨。璇︾粏
hotkeys閿鐩樹簨浠剁殑灏佽
MD5鐢∕D5鐨勬柟寮忓姞瀵嗘枃浠剁殑搴
娴忚堝櫒澧炲己绫
璁╀竴浜涙棫娴忚堝櫒鍙樼墰閫肩殑搴
Selectivizr璁㊣E6-8涓浜涚殑css3閫夋嫨鍣
ieBetter璁﹊e6-8鏈夐珮绾ф祻瑙堝櫒鐨勭壒鎬
ExplorerCanvas璁㊣E8-鐨勬祻瑙堝櫒鏀鎸乧anvas
CSS3Pie璁㊣E6-9鏀鎸乥order-radious,box-shadow,linear-gradient銆傚彲浠ヤ娇鐢.htc鏂囦欢锛堟敞鎰廙inetype锛夋垨.js鏂囦欢銆傚湪鐢≒ie.js鏃讹紝box-radious鐨勫厓绱犳湁鑳屾櫙鑹叉椂锛屼笉鏄剧ず鑳屾櫙鑹层傘傘
formFive璁╂棫鐨勬祻瑙堝櫒鏀鎸丠TML5琛ㄥ崟鐨勪竴浜涚壒鎬э紝濡俻laceholder,autofocus
https://github.com/anselmh/object-fit璁╂祻瑙堝櫒鏀鎸乷bject-fit杩檆ss瑙勫垯
HTML5CrossBrowserPolyfills涓鍫哖olyfills
flexibility璁╂棫鐨処E涔熸敮鎸丗lexbox
閫夋嫨鍣ㄥ炲己
Lining.js璁╂祻瑙堝櫒瀹炵幇绫讳技::nth-line(),::nth-last-line()鐨勬晥鏋
鏈褰掔被
prefixfree鐢ㄤ簡瀹冿紝鍐檆ss鏃讹紝灏变笉闇瑕佸姞娴忚堝櫒鐨勫墠缂浜
琛ㄥ崟绫
jquery-file-upload涓婁紶鏂囦欢缁勪欢璇︾粏
zTree鏂囦欢鏍戝舰瑙嗗浘鎺т欢
Treed鏍戠紪杈戝櫒銆傛劅瑙夊睍绀虹殑鎰熻夊緢鍍忔濈淮瀵煎浘
FileAPI瀵规枃浠堕夋嫨妗嗗唴鐨勬枃浠剁殑涓浜涘勭悊
琛ㄥ崟楠岃瘉
.Validate璇︾粏
jQuery-Validation-Engine
琛ㄥ崟鍏冪礌缇庡寲
uniform鎻愪緵瀵逛笅鎷夋嗭紝鍗曪紝澶嶉夋嗭紝鎸夐挳绛夎〃鍗曞厓绱犵殑缇庡寲
select2澶氶変笅鎷夋
selectivity鍜寀nfirom姣旇緝绫讳技
DropKick涓嬫媺妗嗭紝鍗曪紝澶氶夈傚栬傛瘮uniform濂
switcheryios7椋庢牸鐨勫紑鍏崇粍浠
nouislider鐢ㄦ粴鍔ㄦ潯鏉ヨ剧疆/鎺у埗锛堥煶閲忕瓑锛
range.css缇庡寲input鍏冪礌鐨勫栬
鍥剧墖绫
holderjs鐢熸垚鍗犱綅鍥剧墖
lazyload
imagesLoaded閫夊彇鐨勫浘鐗囬兘鍔犺浇濂藉悗鎵ц岃皟鍥
CSSgram鐢–SS3鐨凢ilter瀹炵幇Instagram婊ら暅鐨勫簱
鍥炬爣绫
IconFont姹囨
SVG鍋氱殑鍥炬爣
svgicons
iconic
HYBICON甯︿氦浜掓晥鏋溿傚俬over,click
HTML瀛楃﹀疄浣撳浘鏍
http://www.amp-what.com/
transformicons鍥炬爣鐐瑰嚮鏃讹紝浼氭湁涓浜涘彉鎹㈡晥鏋溿傚傦紝鍔犲彿鍙樻垚鍙夊彿
css3patternscss3鍋氱殑鍙骞抽摵绾圭悊銆傛祻瑙堝櫒鍏煎规т笉濂姐
娴忚堝浘鐗
fancybox寮瑰嚭鏌ョ湅鍥剧墖锛岃嗗睆绛夌瓑demo
yoxview寮瑰嚭鏌ョ湅鍥剧墖锛屽浘鐗囧昂瀵哥缉鏀惧緢鑷鐒
鍥剧墖澧
wookmark
UI妗嗘灦
WeUI鐢卞井淇″畼鏂硅捐″洟闃熶负寰淇Web寮鍙戦噺韬璁捐°
Framework7
UI缁勪欢绫
鎷栨嫿
dragula鏀鎸丏raggable锛孌ropable鍜孲ortable銆傛劅瑙夋瘮jqueryUI鐨勮交閲忕骇锛屽ソ鐢ㄧ殑鏍峰瓙
angular-draguladragular瀹樻柟鐨刟ngular鐗堟湰
鏁版嵁鍙瑙嗗寲(鍥捐〃)
Echarts鐧惧害鍑哄搧
highcharts鍔熻兘寮哄ぇ銆傛槸鏀惰垂鐨勩
Plottable.JS鍩轰簬D3鐨勪竴涓鍥捐〃搴
flot鏂囨。涓嶇粰鍔
chartJs涓鏂囨枃妗demo寰堟紓浜锛屽緢娓呮櫚銆傛瘮杈冭交閲忕骇銆
ichartJs涓鍥界殑涓涓瀹朵紮鎼炵殑锛屾劅瑙夎繕涓嶉敊銆
鏃堕棿閫夊彇缁勪欢
foundation-datepicker
DatePicker涓涓绠鍗曠殑鏃ュ巻璇︾粏
fullcalendar鏀鎸佽劚鏀剧殑鏂瑰紡鏉ユ敼鍙樺緟鍔炰簨瀹滅殑鏃堕棿
SimpleEventsCalendar澶栬傚緢鍠滄銆傛敹璐5$
jQueryuidatepicker缁忓吀锛屼笉鏄寰堝ソ鐪
pickadate杞婚噺绾э紝鎵嬫満鍙嬪ソ鐨勶紝婕備寒銆備絾璨屼技鍙鑳藉湪寮瑰嚭灞備腑鏄剧ず锛岃屾病鏈変笅鎷夎繖绉嶆柟寮忔樉绀恒
zebra-datepicker鍙閰嶇疆鎬у緢寮恒備絾璨屼技鍙鑳藉湪寮瑰嚭鍦ㄥ彸涓婃柟銆傘傘
bootstrap-datepickerbootstrap椋庢牸銆
dateRangePicker閫夊彇鏃堕棿娈点俠ootstrap椋庢牸銆傝ョ粍浠朵緷璧朤witterBootstrap,Moment.js鍜宩Query.
鑷瀹氫箟婊氬姩鏉
perfectscrollbar杞婚噺绾х殑婊氬姩鏉°傚栬備笌mac涓奵hrome鐨勬粴鍔ㄦ潯涓鏍枫
iscroll鍦ㄧЩ鍔ㄨ惧囦笂鐢ㄤ笉閿
鍔犺浇(Loding)鏁堟灉
CSSSpinnersCSS鍋氱殑
Loaders.cssCSS鍋氱殑
琛ㄦ牸缁勪欢
jsGridDataGrid銆傝︾粏
backgrid鍩轰簬Backbone.js鐨凞ataGrid
excellentexport鎶婅〃鏍肩殑鍐呭圭敓鎴恊xcel銆傚吋瀹笷irefox,Chrome,IE6+
datatables琛ㄦ牸鍙浜や簰锛堝瑰唴瀹硅繘琛屾帓搴忥紝鍒犻櫎绛夛級
handsontable鐢熸垚Excel澶栬傜殑鏁版嵁
JSpreadsheets琛ㄦ牸鏁版嵁鐨勭粍浠跺簱
閫夊彇棰滆壊
Spectrum
鍒嗕韩鍒癝NS
JiaThis鐢熸垚鍒嗕韩浠ｇ爜銆
缂栬緫鍣
ace浠ｇ爜缂栬緫鍣锛屽彲浠ョ敤鏉ュ仛demo婕旂ず
ckeditor
ueditor鐧惧害鍋氱殑
tinymce瀵筯tml鍐呭硅繘琛屽疄鏃剁殑缂栬緫
summernote鍦ㄧЩ鍔ㄨ惧囦笂鐢ㄤ笉閿
閫氱煡缁勪欢
notie.js
HTML5鎾鏀惧櫒
jwplayer琚澶ч噺缃戠珯浣跨敤
html5media绠鍗曠殑h5player锛岃交閲忕骇
jplayer鍔熻兘寮哄お锛屽彲鎹㈣偆
灞曠ず
Impress.js鍚勭嶆棆杞锛屽拰濂囩壒鐨勪綋楠
fullPage鍏ㄥ睆鏄剧ず銆傜敤婊氳疆鏉ョ炕椤佃︾粏
zepto.fullpage涓撴敞浜庣Щ鍔ㄧ鐨刦ullPage.js锛屼緷璧朲epto
pagePiling鍜宖ullPage绫讳技
turn.js鍋氫竴鏈涔︼紝甯︽紓浜鐨勭炕椤电殑鏁堟灉
骞荤伅
slidesjs鎸哄ソ鐢ㄧ殑锛屽彧鏄閭ｅ够鐏瀵艰埅鐨凜SS閮借佽嚜宸卞啓锛屽懙鍛佃︾粏
iSlider鏃犱换浣曟彃浠朵緷璧栫殑鎵嬫満骞冲彴javascript婊戝姩缁勪欢璇︾粏
bgstretcher鍏ㄥ睆骞荤伅锛屼細闅忕潃椤甸潰澶у皬鐨勫彉鍖栬屽彉鍖栥
Swiper寮婧愩佸厤璐广佸己澶х殑绉诲姩绔瑙︽懜婊戝姩鎻掍欢Swiper涓鏂囩綉
coin-slider鍏煎笽E6銆傝洰濂界殑~銆備笉杩囧叾鍒囨崲鏂瑰紡鏄涓鍧楀潡鐨勩備笉鑳介厤缃鍒囨崲鏂瑰紡銆傘傘
wowslider骞荤伅鍒囨崲鏃跺悇绉嶅緢鐐鐨勬晥鏋溿傛敹璐广
cycle2鏅閫氱殑骞荤伅锛岀珶鐒朵笉鏀鎸佸瀭鐩存粴鍔ㄣ傘傘
jcarousel鏅閫氱殑骞荤伅锛屼笉鍏煎笽E6
reveal3d婊氬姩銆傚仛ppt鐩稿綋涓嶉敊
nodePPT鍥戒汉鍋氱殑锛屽仛ppt涔熺浉褰撲笉閿欍傛湁浜涙柟闈㈡瘮reveal鍋氱殑杩樺ソ銆備絾鐢熸垚瀵煎嚭鐨刪tml鏈変簺闂棰
roundabout3d鍒囨崲锛岀湅鐨勫悗闈㈠浘鐗囩殑杈
寮瑰嚭妗
Magnific-Popup鍏煎筆C锛孧obile銆傝繕涓嶉敊锛屾湁5k+鐨剆tar
layer鍥戒汉寮鍙戠殑锛屽吋瀹筰e6+銆備笉鍠滄㈠叾璋冪敤鏂瑰紡銆
鍔ㄧ敾鏁堟灉
mixitup鐢ㄦ紓浜鐨勫姩鐢绘晥鏋滄潵瀹屾垚鎺掑簭鍜岀瓫閫
jQuery.Marquee璺戦┈鐏鏁堟灉
quickflip鍗＄墖缈昏浆鏁堟灉
鍗＄墖缈昏浆鏁堟灉2鍏煎规у彲浠ャ傚啓鐨勬瘮杈冪畝鍗曪細1锛屽彧鏀鎸亁鏂瑰悜缈昏浆2,绫诲悕閮芥槸瑙勫畾濂界殑3锛屽彧鑳借璋冪敤涓娆°傞渶瑕佹敼鍐欎竴涓嬨傛垜鐨勬敼杩涚増瑙佽繖閲
TheaterJS妯℃嫙涓や釜浜哄湪灞忓箷涓婂硅瘽
midnight.js鏂囧瓧棰滆壊闅忕潃鑳屾櫙鍙橈紝_鐐镐簡
color-animationjquery鐨勯滆壊娓愬彉鍔ㄧ敾鎻掍欢銆俲query鐨勫姩鐢讳笉鏀鎸侀滆壊鍊肩殑鍙樺寲銆傛敼搴撴彁渚涗簡杩欎釜鏀鎸併
transit瀵瑰厓绱犺繘琛宑ss鐨勫彉鎹
tagcanvas3D鏍囩句簯鏁堟灉璇︾粏
iconate鍥剧墖鍒囨崲鍔ㄧ敾
Snap.js宸/鍙充晶瀵艰埅鐨勫嚭鐜版晥鏋
CSSshake鎶栧姩鍔ㄧ敾
ClickSpark.js鐐瑰嚮鍚庣殑涓浜涢叿鐐鐨勬晥鏋
瑙嗚夊樊鎻掍欢
scrollorama姣旇緝绠鍗
superscrollorama鑳藉仛鐨勬晥鏋滄洿澶氾紝浣嗚佺敤绗涓夋柟Tween鐨勫簱锛屼娇鐢ㄨ捣鏉ユ瘮杈冨嶆潅銆
scrolldeck
flash
swfobj鑳藉熻嚜鍔ㄦ娴婸C銆丮ac鏈哄櫒涓婂悇绉嶄富娴佹祻瑙堝櫒瀵笷lash鎻掍欢鐨勬敮鎸佹儏鍐点傚畠浣垮緱鎻掑叆Flash濯掍綋璧勬簮灏介噺绠鎹枫佸畨鍏ㄣ傝屼笖瀹冩槸闈炲父绗﹀悎鎼滅储寮曟搸浼樺寲鐨勫師鍒欑殑銆傛ゅ栵紝瀹冭兘澶熼伩鍏嶆偍鐨凥TML銆乆HTML涓鍑虹幇object銆乪mbed绛夐潪鏍囧噯鏍囩撅紝浠庤岀﹀悎鏇村姞鏍囧噯銆傝︾粏
鎶藉
wScratchPad鍒鍒鍗″埉濂栨晥鏋
jqueryrotate鏃嬭浆鎻掍欢銆傚彲浠ョ敤鏉ュ仛杞鐩樻娊濂栨晥鏋
鐢ㄦ埛浣撻獙澧炲己绫
Intro.js鐢ㄦ潵浠嬬粛缃戠珯鐨勫姛鑳藉緢涓嶉敊銆備篃鍙浠ュ仛鏂版墜寮曞笺
blockUILolding缁勪欢銆
simple-hint鎻愮ず淇℃伅銆傜敤css鍋氱殑銆傚吋瀹规IE9+銆
dotdotdot鏂囧瓧婧㈠嚭鏃讹紝娣诲姞鍦ㄦ枃瀛楁湯灏惧姞鐪佺暐鍙
jQuery-menu-aim浜岀骇鑿滃崟鐨勫垏鎹㈠侫mazon涓婚〉涓婁竴鏍疯繀閫
AnythingZoomer鏀惧ぇ闀滃姛鑳
缇庡寲/楂樹寒璇娉曚唬鐮
google-code-prettify
DlHighlight浠呮敮鎸丣avaScript銆丆SS銆乆ML銆丠TML杩4璇娉曢珮浜
please鎸夎佹眰闅忔満鑸掓湇鐨勯滆壊
Awesomplete杈撳叆鐨勬櫤鑳芥彁绀猴紝鑷鍔ㄨˉ鍏
proTip鎻愮ず銆傛劅瑙夋瘮Bootstrap鐨則ip濂
Hammerjs鎵嬪娍搴撱傚皝瑁呬簡Swipe,Tap,Pinch,Pan绛夋墜鍔
鍔ㄧ敾
velocity鎻愰珮Jquery鍔ㄧ敾鐨勬ц兘銆備互鍙婇滆壊鍔ㄧ敾涔嬬被鐨勬柊鐗规с
SVG
Snap.svg鎿嶄綔SVG鐨凧S搴撱傚彿绉癝VG鐨刯Query銆俤emo
walkway浠ュ姩鐢荤殑鏂瑰紡锛屾笎娓愬湴鐢诲嚭SVG鐨勮矾寰勩
娴嬭瘯
Mocha
Chai
Should
Snoion
DeviceMock.jsmock璁惧囥
鍏朵粬绫
ZeroClipboard灏嗗唴瀹瑰嶅埗鍒板壀鍒囨澘鍏煎逛富娴佹祻瑙堝櫒鐨勮В鍐虫柟妗堣︾粏
html2canvashtml杞鍖栨垚canvas锛屽彲浠ョ敤鏉ュ仛鎴鍥俱傝︾粏
Ink鍝嶅簲寮廻tml閭浠舵嗘灦
鎬ц兘娴嬭瘯
鎶撳彇锛岃В鏋怰SS鍐呭癸紙涓嶈兘璺ㄥ煙锛屾墍浠ュ悗鍙拌佸仛浠ｇ悊锛屾墍璋撶殑瑙ｆ瀽Rss鍏跺疄灏辨槸瑙ｆ瀽xml锛
jFeed
jRss绠鍗曠増鐨刯Feed
scriptcam涓庢憚鍍忓ご浜や簰
cylon.js鏈哄櫒浜烘嗘灦锛屾敮鎸35涓骞冲彴
Masonry涓涓鐎戝竷娴佹嗘灦
devices.css绉诲姩璁惧囪竟妗嗙殑澶栬傘傚仛鍘熷瀷鐨勬椂鍊欑敤涓嶉敊銆
Bootstrap鐩稿叧绫
Bootbox.js瀵筨ootstrap鐨勫脊鍑烘嗗仛鐨勪竴浜涘皝瑁
鍏嶈垂鐨鑲
AdminLTE
JSPlugins浠撳簱
jQueryCards楂樿川閲忕殑jQuery鎻掍欢缃戠珯
jster
nodemoles
YOUMIGHTNOTNEEDJQUERYPLUGINS涓嶄緷璧杍Query鐨刯s鎻掍欢銆
awesome-nodejs
Libraries.io鍚勭嶈瑷鐨勫簱
OniUI鍘诲摢鍎跨綉鍋氱殑涓濂楀熀浜嶢valon鐨勬嗘灦
甯哥敤鐨勭Щ鍔ㄧ妗嗘灦
zepto.js
璇娉曚笌jquery鍑犱箮涓鏍凤紝浼歫query鍩烘湰浼歾epto~
鏈鏂扮増鏈宸茬粡鏇存柊鍒1.16
iscroll.js
瑙ｅ喅椤甸潰涓嶆敮鎸佸脊鎬ф粴鍔锛屼笉鏀鎸乫ixed寮曡捣鐨勯棶棰榽
瀹炵幇涓嬫媺鍒锋柊锛屾粦灞忥紝缂╂斁绛夊姛鑳絶
鏈鏂扮増鏈宸茬粡鏇存柊鍒5.0
underscore.js
绗旇呮病鐢ㄨ繃锛屼笉杩囧惉璇村ソ鐢锛屾帹鑽愮粰澶у秪
璇ュ簱鎻愪緵浜嗕竴鏁村楀嚱鏁板紡缂栫▼鐨勫疄鐢ㄥ姛鑳斤紝浣嗘槸娌℃湁鎵╁睍浠讳綍JavaScript鍐呯疆瀵硅薄銆
鏈鏂扮増鏈宸茬粡鏇存柊鍒1.8.2
婊戝睆妗嗘灦
閫傚悎涓婁笅婊戝睆銆佸乏鍙虫粦灞忕瓑婊戝睆鍒囨崲椤甸潰鐨勬晥鏋
slip.js
iSlider.js
fullpage.js
swiper.js
flex甯冨眬
flex甯冨眬鐩鍓嶅彲浣跨敤鍦ㄧЩ鍔ㄤ腑锛屽苟闈炴墍鏈夌殑璇娉曢兘鍏ㄥ吋瀹癸紝鏁堟灉鑹濂絶
JavaScript鐨刯Query搴撴彃浠剁殑绠瑕佸紑鍙戞寚鍗楋紵
1.琛ㄥ崟楠岃瘉鎻掍欢validate.js
2.琛ㄦ牸鎻掍欢dateTables.js
3.寮瑰眰鎻掍欢layer.js
4.鍒嗛〉鎻掍欢layPage.js5涓嬫媺妗嗛夋嫨鎻掍欢select2.jschosen.js6.鍥剧墖鍏ㄥ睆鏄剧ずsupersized.js7.澶嶉夋嗗崟閫夋寜閽缇庡寲iCheck.js琛ㄥ崟缇庡寲鎻掍欢uniform.js閲屼篃琛岋紝鍙浠ョ湅鐪8.鍏ㄥ睆婊氬姩鎻掍欢fullPage.js9.涓婁紶鎻掍欢zyUpload.js10.鏍戞彃浠秡Tree.js11.琛ㄥ崟鎻愪氦鎻掍欢ajaxForm.js12.杈撳叆鏍煎紡鍖栨彃浠秈nputmask.jsmaskedinput.js13.鍚戝兼彃浠秄ormToWizard.js14.鏃ュ巻鎻掍欢fullcalendar.js15.鎵嬫満绔婊氬姩鎻掍欢iscroll.js
tms-0.4.1.js杩欎釜js鎻掍欢鏄鐢ㄦ潵鍋氫粈涔堢殑锛
璨屼技鏄鐢ㄤ綔鍥剧墖婊戝姩骞垮憡鐨勶紝绫讳技浜庝含涓滈栭〉閭ｇ嶏紝
③ 为什么jsp中无法导入js文件
js无法导入jsp原因是js路径配置错误，建议使用以下办法导入：
String basePath = request.getScheme()+"://"+request.getServerName（）+":"+request.getServerPort()+request.getContextPath()+"/";
%>
head里面:
<script language="javascript" src="<%=basePath %>JS/CheckForm_001/checkForm.js"> </script>
如果还专不行，那就是 checkForm.js写的有属问题，一般找不到对象就是这个js没加载进去。
④ javascript js 如何计算两个时间的差，比如说我有一个这样的功能，点击上一月月份+1 点击下一个月-1
用jQuery EasyUI的Calendar做了一个DEMO，功能可以实现点击任意年月日，计算出与当天的日期差。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<!--
这里添加jquery.js及jquery.easyui.min.js的引用
及相应CSS
-->
</head>
<body>
<h2>Calendar</h2>
<div class="easyui-calendar" style="width:180px;height:180px;">
</div>
</body>
</html>
<script>
$(".easyui-calendar").calendar({
onSelect: function (date) {
var selectdate = new Date(date.format("yyyy/MM/dd")); //取选中的日期
var currentdate = new Date(new Date().format("yyyy/MM/dd")); //取当前日期
alert("距今天：" + parseInt(Math.abs((selectdate - currentdate) / 1000 / 60 / 60 / 24)) + "天"); //计算并显示相差天数
}
});
//格式化日期时间
Date.prototype.format = function (format) {
var o = {
"M+": this.getMonth() + 1, //month
"d+": this.getDate(), //day
"h+": this.getHours(), //hour
"m+": this.getMinutes(), //minute
"s+": this.getSeconds(), //second
"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
"S": this.getMilliseconds() //millisecond
}
if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
(this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o) if (new RegExp("(" + k + ")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length == 1 ? o[k] :
("00" + o[k]).substr(("" + o[k]).length));
return format;
}
</script>