Link: https:\/\/juejin.im\/post\/5aa77040518825556e5dc057<\/p>\n
\u540e\u7aef\u4eba\u5458\u5e38\u7528\u7684\u63d2\u4ef6\u5e93
\n\u524d\u7aef\u7ec4\u4ef6\u5e93<\/p>\n
\u642d\u5efaweb app\u5e38\u7528\u7684\u6837\u5f0f\/\u7ec4\u4ef6\u7b49\u6536\u96c6\u5217\u8868(\u79fb\u52a8\u4f18\u5148)<\/p>\n
8. \u8def\u7531\u548c\u94fe\u63a5(Routing And URLs)<\/p>\n
History.js – gracefully supports the HTML5 History\/State APIs
\n jquery-pjax – pushState+ajax
\n jquery-address – Deep Linking
\n page.js – Micro client-side router
\n crossroads.js
\n hash.js
\n path.js
\n director.js – \u524d\u7aef\u8def\u7531\u5e93(\u901a\u8fc7#\u7b26\u53f7\u8fdb\u884c\u8def\u5f84\u7ec4\u7ec7,\u7ed3\u5408vue\u7684component\u53ef\u8fdb\u884c\u5355\u9875\u7684\u5c40\u90e8\u6a21\u5757\u5237\u65b0)
\n URI.js
\n Roadcrew.js
\n SpeakingURL
\n uparams – An URL params parser
\n StateMan – \u4e00\u4e2a\u5904\u7406\u6df1\u5c42\u6b21\u5355\u9875\u7cfb\u7edf\u7684\u8def\u7531\u5e93<\/p>\n
10. \u8868\u5355\u5904\u7406
\n10.1 \u8868\u5355\u9a8c\u8bc1(Form Validator)\/\u8868\u5355\u63d0\u793a<\/p>\n
Validator
\n Parsley
\n jquery.form.js – jQuery Form Plugin
\n Validform
\n validator.js
\n jquery-validation – jQuery Validation Plugin
\n formvalidator.js
\n Fort.js \u2013 \u8868\u5355\u586b\u5199\u8fdb\u5ea6\u63d0\u793a
\n mailcheck – \u7528\u4e8e\u68c0\u6d4bemail\u5730\u5740\u7684\u57df\u540d
\n Floatlable.js – \u8f93\u5165\u65f6\u663e\u793aplaceholder\u6587\u672c
\n jQuery Label Better
\n validator.js<\/p>\n
10.2 < input > \u76f8\u5173<\/p>\n
cleave.js – \u683c\u5f0f\u5316\u4f60\u7684\u8f93\u5165\u5185\u5bb9<\/p>\n
10.3 < select > \u76f8\u5173<\/p>\n
Chosen
\n Select2
\n bootstrap-select<\/p>\n
10.4 \u5355\u9009\u6846\/\u590d\u9009\u6846\u76f8\u5173<\/p>\n
iCheck – \u589e\u5f3a\u590d\u9009\u6846\u548c\u5355\u9009\u6309\u94ae
\n Switchery – iOS 7 style switches for your checkboxes<\/p>\n
10.5 \u4e0a\u4f20\u7ec4\u4ef6<\/p>\n
jQuery File Upload Plugin
\n \u767e\u5ea6 Web Uploader
\n uploadify
\n Plupload
\n Fine Uploader
\n arale-upload – \u8f7b\u91cf\u7ea7 iframe and html5 file uploader
\n Dropzone.js – \u6587\u4ef6\u4e0a\u4f20\u5e93(\u53ef\u83b7\u53d6\u6587\u4ef6mime, \u6587\u4ef6\u5927\u5c0f\u7b49; \u9488\u5bf9\u56fe\u7247\u53ef\u751f\u6210\u7f29\u7565\u56fe,\u83b7\u53d6\u56fe\u7247\u5bbd\u5ea6,\u9ad8\u5ea6)
\n flow.js
\n localResizeIMG – \u524d\u7aef\u672c\u5730\u5ba2\u6237\u7aef\u538b\u7f29\u56fe\u7247\uff0c\u517c\u5bb9IOS\uff0cAndroid\uff0cPC
\n simple-uploader<\/p>\n
10.6 \u65e5\u671f\u9009\u62e9<\/p>\n
Both Date and Time picker widget based on twitter bootstrap
\n GMU \u65e5\u5386\u7ec4\u4ef6
\n Mobiscroll
\n Pikaday – \u65e5\u671f\u9009\u62e9\u5668
\n \u4ef7\u683c\u65e5\u5386
\n PriceCalendar – \u9152\u5e97\u4ef7\u683c\u65e5\u5386
\n API\u6587\u6863
\n DEMO
\n price-calendar – \u4ef7\u683c\u65e5\u5386
\n price_calendar – \u542b\u6709\u5546\u54c1\u4ef7\u683c\u7684\u65e5\u5386\u63a7\u4ef6<\/p>\n
10.8 \u6807\u7b7e\u63d2\u4ef6(Tag)<\/p>\n
TaggingJS \u2013 \u53ef\u4ee5\u7075\u6d3b\u5b9a\u5236\u7684 jQuery \u6807\u7b7e\u7cfb\u7edf\u63d2\u4ef6
\n selectize.js
\n Bootstrap Tags Input
\n jQuery-Tags-Input<\/p>\n
10.9 \u81ea\u52a8\u5b8c\u6210\u63d2\u4ef6<\/p>\n
At.js – \u4e00\u4e2aTwitter\/\u5fae\u535a\u6837\u5f0f\u7684@\u81ea\u52a8\u5b8c\u6210\u63d2\u2026
\n jquery-textcomplete – \u667a\u80fd\u641c\u7d22\u63d0\u793a\u6846\/\u81ea\u52a8\u8865\u5168
\n typeahead.js – a fast and fully-featured autocomplete library<\/p>\n
10.10 \u6837\u5f0f\u4fee\u6b63<\/p>\n
autosize – \u4f7f\u6587\u672c\u6846\u81ea\u52a8\u9002\u5e94\u6240\u8f93\u5165\u7684\u5185\u5bb9<\/p>\n
12. \u65e5\u671f\u683c\u5f0f\u5316 & \u65f6\u95f4\u8f74<\/p>\n
Moment.js – \u65e5\u671f\u5904\u7406
\n Smart Time Ago – \u663e\u793a\u76f8\u5bf9\u65f6\u95f4
\n timeline.js
\n timeago.js
\n date-utils – Date Pollyfills for Node.js and Browser<\/p>\n
13. \u9875\u9762\u4ea4\u4e92
\n13.1 Slider<\/p>\n
slick – the last carousel you’ll ever need
\n Swipe – the most accurate touch slider
\n Swiper – Most modern mobile touch slider
\n iscroll – Smooth scrolling for the web
\n iSlider – \u79fb\u52a8\u7aef\u6ed1\u52a8\u7ec4\u4ef6
\n OwlCarousel – create beautiful responsive carousel slider
\n jquery-mousewheel – jQuery\u9f20\u6807\u6eda\u8f6e\u6eda\u52a8\u4fa6\u6d4b\u63d2\u4ef6
\n Glide.js – \u8f7b\u91cf\u7ea7\u6ed1\u5757\u7ec4\u4ef6
\n PhotoSwipe
\n TouchSlide – \u89e6\u5c4f\u6ed1\u52a8\u7279\u6548(\u7126\u70b9\u56fe,Tab\u5207\u6362)<\/p>\n
13.2 \u7011\u5e03\u6d41<\/p>\n
Masonry
\n Isotope – Filter & sort magical layouts
\n Bricklayer<\/p>\n
13.3 \u61d2\u52a0\u8f7d\/\u52a0\u8f7d\u76d1\u542c\/\u9884\u52a0\u8f7d<\/p>\n
imagesLoaded
\n Echo.js
\n lazySizes
\n jquery_lazyload
\n BttrLazyLoading
\n lazyload.js
\n layzr.js – \u4e00\u4e2a\u5c0f\u5de7\u5feb\u901f\u7684\u56fe\u7247\u61d2\u52a0\u8f7d\u5e93
\n waitForImages – \u56fe\u7247\u52a0\u8f7d\u76d1\u542c\u5e93
\n PxLoader – JS\u9884\u52a0\u8f7d\u5e93:\u5b9e\u73b0\u56fe\u7247\u3001\u58f0\u97f3\u7b49\u5404\u79cd\u6587\u4ef6\u7684\u9884\u52a0\u8f7d\u529f\u80fd
\n bindWithDelay – jQuery Plugin For Delayed Event Execution
\n TypeWatch – \u505c\u6b62\u8f93\u5165\u65f6\u8c03\u7528<\/p>\n
13.4 \u56fe\u7247\u8f6e\u64ad(\u5e7b\u706f\u7247)\/\u56fe\u7247\u5c55\u793a<\/p>\n
FlexSlider
\n unslider – \u5c0f\u800c\u7f8e\u7684\u8f6e\u64ad\u5e93
\n prettyPhoto
\n FlickerPlate – A cool jQuery plugin that lets you flick through content.
\n Holder.js – Client-side image placeholders.
\n RowGrid.js – \u5728\u5f84\u76f4\u7684\u884c\u91cc\u653e\u7f6e\u56fe\u7247
\n ImageLightbox.js – \u706f\u7bb1\u6548\u679c
\n JQuery Panorama Viewer – \u5168\u666f\u89c6\u56fe
\n Intense Images – \u5168\u5c4f\u67e5\u770b\u56fe\u7247
\n Picturefill – \u4e00\u4e2a\u54cd\u5e94\u5f0f\u56fe\u7247 JS \u63d2\u4ef6
\n zoom.js – \u4e00\u4e2a jQuery \u56fe\u7247\u653e\u5927\u63d2\u4ef6
\n watermarkjs – \u4e00\u4e2a\u5728\u6d4f\u89c8\u5668\u4e2d\u6dfb\u52a0\u56fe\u7247\u6c34\u5370\u7684 JS \u5e93
\n responsive-images.js
\n Turntable.js – \u8f7b\u6613\u5b9e\u73b0\u56fe\u50cf\u76843D\u65cb\u8f6c
\n ResponsifyJS – \u8ba9\u56fe\u50cf\u5b8c\u5168\u54cd\u5e94\u5f0f\u800c\u4e0d\u4f1a\u727a\u7272\u56fe\u50cf\u7684\u4e3b\u8981\u90e8\u5206
\n react-slick – React \u5b9e\u73b0\u7684\u8f6e\u64ad\u56fe\u63d2\u4ef6<\/p>\n
13.5 \u56fe\u7247\u526a\u88c1\/\u56fe\u7247\u5904\u7406<\/p>\n
Jcrop – Image Cropping Plugin for jQuery
\n croppic – an image cropping jquery plugin
\n smartcrop.js – \u667a\u80fd\u56fe\u7247\u88c1\u526a\u5e93
\n jQuery.eraser – \u56fe\u50cf\u64e6\u9664\u63d2\u4ef6
\n DD_belatedPNG.js – \u8ba9IE6\u652f\u6301\u900f\u660ePNG\u56fe\u7247
\n FocusPoint.js \u5b9e\u73b0\u56fe\u7247\u7684\u54cd\u5e94\u5f0f\u88c1\u526a
\n imgareaselect
\n CSSgram – CSS \u5b9e\u73b0\u7684 Instagram \u6ee4\u955c\u5e93
\n instagram.css – \u53e6\u4e00\u4e2a CSS \u5b9e\u73b0\u7684 Instagram \u6ee4\u955c\u5e93
\n antimoderate – \u56fe\u7247\u6a21\u7cca\u5e93<\/p>\n
13.6 \u8fdb\u5ea6\u6761\/\u52a0\u8f7d\u52a8\u753b(Loading)<\/p>\n
NProgress.js
\n progress.js
\n Pace – Automatic page load progress bar
\n jquery-ajax-progress
\n nanobar – Very lightweight progress bars.
\n waitMe – \u5f88\u6f02\u4eae\u7684loading\u6548\u679c
\n spin.js
\n sonic.js
\n fakeLoader.js
\n loaders.css – \u4e00\u4e2a\u4e3a\u6027\u80fd\u4f18\u5316\u7684\u5b9e\u73b0\u52a0\u8f7d\u52a8\u753b\u6548\u679c\u7684 CSS \u6846\u67b6
\n css-loaders
\n Sausage – \u8ddf\u8e2a\u6eda\u52a8\u6761\u5e76\u8bb0\u5f55\u5f53\u524d\u9605\u8bfb\u6240\u5904\u8282\u70b9<\/p>\n
13.8 \u83dc\u5355(Menu)<\/p>\n
SuperFish – \u57fa\u4e8ejQuery\u7684\u7ea7\u8054\u4e0b\u62c9\u83dc\u5355
\n Responsive Nav – \u54cd\u5e94\u5f0f\u5bfc\u822a
\n metisMenu – A jQuery menu plugin<\/p>\n
13.10 \u6eda\u52a8\u52a0\u8f7d\u66f4\u591a\/\u4e0b\u62c9\u5237\u65b0(Pull to Refresh)<\/p>\n
jScroll
\n web-pull-to-refresh
\n pulltorefresh
\n RubberBand.js – add pull-to-refresh functionality to any page.<\/p>\n
13.11 \u5e73\u6ed1\u6eda\u52a8\u63d2\u4ef6(Smooth Scroll)<\/p>\n
jquery-smooth-scroll
\n jquery.scrollTo – \u5e73\u6ed1\u6eda\u52a8\u5230\u9875\u9762\u6307\u5b9a\u4f4d\u7f6e
\n smooth-scroll
\n scrollUp
\n elevator.js – \u4e00\u4e2a\u6a21\u62df\u7535\u68af\u8fd0\u884c\u201c\u8fd4\u56de\u9876\u90e8\u201d\u7684 JS \u63d2\u4ef6<\/p>\n
13.14 \u8f6c\u573a\u6548\u679c<\/p>\n
Animsition – \u9875\u9762\u5207\u6362\u65f6\u7684\u8fc7\u6e21\u6548\u679c<\/p>\n
13.19 \u6eda\u52a8\u6761(Scrollbar)<\/p>\n
jScrollPane
\n jquery.scrollbar
\n perfect-scrollbar
\n nanoScrollerJS
\n tinyscrollbar<\/p>\n
13.21 \u7f29\u653e (Zooming)<\/p>\n
zoom.js – \u4e00\u6b3e\u6548\u679c\u5f88\u72ec\u7279\u7684\u9875\u9762\u5185\u5bb9\u7f29\u653e\u63d2\u4ef6
\n zoom.js – \u4e00\u4e2a jQuery \u56fe\u7247\u653e\u5927\u63d2\u4ef6
\n jQuery Zoom – mouseover\u65f6\u56fe\u7247\u7f29\u653e\u6548\u679c<\/p>\n
14. \u4ee3\u7801\u9ad8\u4eae\u63d2\u4ef6\/\u4ee3\u7801\u7f16\u8f91\u5668<\/p>\n
google-code-prettify
\n highlight.js
\n Rainbow
\n ACE
\n CodeMirror
\n Crayon Syntax Highlighter
\n prism – Lightweight, robust, elegant syntax highlighting.<\/p>\n
15. UI Icon \u7ec4\u4ef6<\/p>\n
Font Awesome
\n Glyphter: The SVG Font Machine
\n Perfect Icons
\n iconizr
\n Cikonss – \u7eafCSS\u5b9e\u73b0\u7684\u54cd\u5e94\u5f0fIcon
\n Simple Icons<\/p>\n
16. \u52a8\u753b(Animate)<\/p>\n
animate.css – A cross-browser library of CSS animations.
\n Transit – CSS transitions and transformations for jQuery
\n anime.js – Javascript \u52a8\u753b\u5f15\u64ce
\n WOW – \u5728\u6eda\u52a8\u8fc7\u7a0b\u4e2d\u5c55\u793aCSS\u52a8\u753b\u6548\u679c(\u9ed8\u8ba4\u89e6\u53d1animate.css\u52a8\u753b)
\n AniJS – A Library to Raise your Web Design without Coding
\n Move.js – \u7b80\u5316CSS3\u52a8\u753b\u7684JS\u5e93
\n ScrollMe \u2013 \u5728\u7f51\u9875\u4e2d\u52a0\u5165\u5404\u79cd\u6eda\u52a8\u52a8\u753b\u6548\u679c
\n Effeckt.css – A Performant Transitions and Animations Library
\n NEC\u52a8\u753b\u5e93
\n csshake – CSS classes to move your DOM
\n magic – CSS3 Animations with special effects
\n SpinKit
\n Velocity.js – \u52a0\u901fJavaScript\u52a8\u753b
\n lenticular.js – \u54cd\u5e94\u503e\u659c\u6216\u9f20\u6807\u4e8b\u4ef6\u521b\u5efa\u56fe\u7247\u52a8\u753b
\n jQuery Interactive 3D – Create a 3D interactive object using images
\n AnimateScroll – A Simple jQuery Plugin for Animating Scroll
\n Blast.js – \u628a\u52a8\u753b\u548c\u6837\u5f0f\u6ce8\u5165\u5230\u6587\u672c\u4e2d
\n Bounce.js – \u4e00\u4e2a\u7528\u4e8e\u5236\u4f5c\u6f02\u4eae CSS3 \u5173\u952e\u5e27\u52a8\u753b\u7684 JS \u5e93
\n Sticker.js – create a Sticker Effect
\n scrollReveal.js – \u5143\u7d20\u8fdb\u5165\u53ef\u89c6\u533a\u57df\u81ea\u52a8\u89e6\u53d1\u8bbe\u7f6e\u597d\u7684\u52a8\u753b
\n stroll.js – CSS3 list scroll effects
\n jQuery Easing – \u52a8\u753b\u6548\u679c\u6269\u5c55
\n animations – CSS3 ANIMATION CHEAT SHEET
\n iconate.js\uff1a\u5c06 icons \u589e\u52a0\u52a8\u753b\u6548\u679c\u7684 JS \u5e93
\n Odometer – \u6570\u5b57\u4e4b\u95f4\u7684\u5782\u76f4\u5207\u6362
\n Hover – \u60ac\u505c\u6548\u679c
\n Hover.css – \u5f88\u591a\u9f20\u6807Hover\u6001\u7684\u6548\u679c
\n imagehover.css – \u4e3a\u56fe\u7247\u6dfb\u52a0\u60ac\u505c\u6548\u679c
\n iHover – \u56fe\u7247\u60ac\u505c\u6548\u679c
\n ImageCaptionHoverAnimation
\n Bootstrap Hover Image Gallery
\n Multi-touch gestures library – Web\u624b\u52bf\u5e93
\n AlloyFinger – \u817e\u8baf AlloyTeam \u51fa\u54c1\u7684\u8d85\u7ea7\u5c0f\u7684 Web \u624b\u52bf\u5e93<\/p>\n
19. \u901a\u77e5\u7ec4\u4ef6\/\u5f39\u6846\u7ec4\u4ef6\/\u6a21\u6001\u7a97\u53e3<\/p>\n
Notify.js(Web Notifications API)
\n alertify.js
\n AlertifyJS
\n SweetAlert
\n Messenger – \u975e\u5e38\u9177\u7684\u5f39\u6846\u7ec4\u4ef6
\n PNotify
\n Notify.js – A simple, versatile notification library
\n Remodal – \u6a21\u6001\u7a97\u53e3\u63d2\u4ef6
\n action.js – \u6781\u7b80\u7684tip\u548cModal\u5f39\u7a97\u6548\u679c
\n Modaal – \u4e00\u4e2a\u521b\u5efa\u5f39\u51fa\u7a97\u53e3\u7684jQuery\u63d2\u4ef6
\n Vex – \u53ef\u4ee5\u5b9e\u73b03D\u52a8\u6548\u7684\u5f39\u51fa\u5bf9\u8bdd\u6846\u5806\u53e0\u6548\u679c<\/p>\n
20. \u63d0\u793a\u63a7\u4ef6(Tooltips)<\/p>\n
hint.css – \u4e00\u6b3e\u975e\u5e38\u5c0f\u5de7\u7684\u63d0\u793a\u6846\u6548\u679c
\n qTip2 – Pretty powerful tooltips
\n tooltip – CSS Tooltips
\n tooltipster – A jQuery tooltip plugin
\n grumble.js – \u6c14\u6ce1\u5f62\u72b6\u7684\u63d0\u793a\uff08Tooltip\uff09\u63a7\u4ef6
\n Ouibounce – \u79bb\u7ad9\u63d0\u793a\u63a7\u4ef6
\n intro.js – \u4e00\u4e2a\u521b\u5efa\u5f15\u5bfc\u5f0f\u7f51\u7ad9\u4ecb\u7ecd\u529f\u80fd\u7684 JS \u5e93
\n data-tip.css – \u7eaf CSS \u5b9e\u73b0\u7684\u5de5\u5177\u63d0\u793a<\/p>\n
21. \u5bf9\u8bdd\u6846\/\u906e\u7f69\u5c42\/\u5f39\u51fa\u5c42(lightbox)<\/p>\n
fancyBox – Fancy jQuery lightbox
\n jquery-lightbox – The popular lightbox script, ported to jQuery
\n Colorbox – a jQuery lightbox
\n artDialog – \u7ecf\u5178\u7684\u7f51\u9875\u5bf9\u8bdd\u6846\u7ec4\u4ef6
\n DialogEffects
\n jQuery blockUI – Page or element overlay
\n layer – web\u5f39\u51fa\u7a97\/\u5c42<\/p>\n
22. \u6587\u6863\/\u8868\u683c\/PDF<\/p>\n
Backgrid.js – \u5f3a\u5927\u7684\u8868\u683c\u7ec4\u4ef6
\n handsontable – \u5728\u7ebf\u53ef\u7f16\u8f91excel\u8868\u683c
\n jQuery Bootgrid – \u7528\u4e8eajax\u751f\u6210\u52a8\u6001\u8868\u683c
\n DataTables – Table plug-in for jQuery
\n PDF.js – \u4e00\u4e2a JavaScript \u7f16\u5199\u7684 PDF \u9605\u8bfb\u5668
\n jsPDF – Generate PDF files in JavaScript
\n Recline.js – \u7075\u6d3b\u64cd\u4f5c\u548c\u5c55\u793a\u6570\u636e
\n Dynatable – \u4ea4\u4e92\u5f0f\u8868\u683c\u63d2\u4ef6
\n fattable – \u521b\u5efa\u65e0\u9650\u6eda\u52a8\u65e0\u9650\u884c\u5217\u6570\u7684\u8868\u683c
\n Clusterize.js – \u4e00\u4e2a\u8f7b\u677e\u663e\u793a\u5927\u6570\u636e\u96c6\u7684 JS \u63d2\u4ef6
\n Uniform -\u8868\u5355\u7f8e\u5316\u63d2\u4ef6
\n tableExport – \u5bfc\u51faHTML Table\u4e3a Excel\u3001PDF \u7b49<\/p>\n
23. \u76ee\u5f55\u6811\u63d2\u4ef6<\/p>\n
zTree_v3 – jQuery Tree Plugin
\n jstree – jQuery Tree Plugin
\n fancytree – Tree plugin for jQuery<\/p>\n
24. \u524d\u540e\u7aef\u4ea4\u4e92
\n24.1 Ajax\u6a21\u5757<\/p>\n
fetch – A window.fetch JavaScript polyfill
\n reqwest – browser asynchronous http requests
\n ajax – Standalone AJAX library
\n then-request
\n browser-request
\n superagent
\n minAjax.js
\n qwest – \u7b2c\u4e09\u65b9\u7684Ajax\u5e93
\n axios – Promise based HTTP client for the browser and node.js
\n whatwg-fetch
\n jsonp – A simple JSONP implementation
\n isomorphic-fetch – Isomorphic WHATWG Fetch API, for Node & Browserify<\/p>\n
25. \u97f3\u9891\/\u89c6\u9891<\/p>\n
jPlayer – HTML5 Audio & Video for jQuery
\n video.js – HTML5 & Flash video player
\n Accessible HTML5 Video Player – PayPal \u5f00\u6e90\u7684 HTML5 \u89c6\u9891\u64ad\u653e\u5668
\n Clappr – \u5f00\u6e90\u7684Web\u89c6\u9891\u64ad\u653e\u5668
\n Plyr – A simple HTML5 media player
\n FitVids.js – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
\n BigVideo.js – The jQuery Plugin for Big Background Video
\n BigScreen – A simple library for using the JavaScript Full Screen API
\n Vide – \u89c6\u9891\u80cc\u666f
\n winamp2-js
\n Buzz – A Javascript HTML5 Audio library
\n MediaElement.js<\/p>\n
27. \u5bcc\u6587\u672c\u7f16\u8f91\u5668\/Markdown\u7f16\u8f91\u5668\/Markdown\u89e3\u6790\u5668<\/p>\n
Simditor – \u7b80\u5355\u5feb\u901f\u7684\u5bcc\u6587\u672c\u7f16\u8f91\u5668
\n BachEditor – \u4e00\u4e2a\u6709\u60c5\u6000\u7684\u7f16\u8f91\u5668
\n TinyMCE
\n bootstrap-markdown
\n marked – markdown\u89e3\u6790\u5668
\n Markdown Plus
\n Editor.md – \u5f00\u6e90\u5728\u7ebfMarkdown\u7f16\u8f91\u5668
\n stackedit
\n Redactor Text Editor
\n micromarkdown.js – \u8f7b\u91cf\u7ea7\u7684md\u89e3\u6790\u5668
\n wangEditor – \u652f\u6301\u79fb\u52a8\u7aef\u7684\u8f7b\u91cf\u7ea7web\u5bcc\u6587\u672c\u6846
\n CKEditor – \u53ef\u89c6\u5316 HTML \u7f16\u8f91\u5668
\n Quill – \u5bcc\u6587\u672c\u7f16\u8f91\u5668<\/p>\n
30. \u9009\u9879\u5361(Tabs)<\/p>\n
Easy Responsive Tabs to Accordion
\n Responsive-Tabs
\n ion.tabs – jQuery tabs plugin
\n jQuery-EasyTabs
\n tabulous.js<\/p>\n
31. \u6587\u672c\u5904\u7406<\/p>\n
ZeroClipboard – \u6587\u672c\u590d\u5236\u63d2\u4ef6
\n clipboard.js
\n Bigfoot – \u70b9\u51fb\u6587\u7ae0\u4e2d\u7684\u811a\u6ce8\u5f39\u7a97\u663e\u793a
\n Annotator – \u6587\u672c\u6ce8\u89e3\u63d2\u4ef6\uff0c\u53ef\u4ee5\u5305\u62ec\u6ce8\u91ca\u3001\u6807\u7b7e\u3001\u7528\u6237\u7b49
\n Succinct – \u7528\u4f5c\u622a\u65ad\u591a\u884c\u6587\u672c,\u540e\u9762\u6dfb\u52a0\u7701\u7565\u53f7
\n Flowtype.js – \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f\u548c\u884c\u53f7
\n flat-shadow
\n FitText – A jQuery plugin for inflating web type
\n shine.js – \u5b9e\u73b0\u6f02\u4eae\u9634\u5f71
\n Type Rendering Mix – \u6587\u672c\u6e32\u67d3\u5f15\u64ce
\n jquery-expander – \u9605\u8bfb\u66f4\u591a
\n Typed.js – \u8f93\u5165\u6a21\u62df\u63d2\u4ef6
\n jQuery.dotdotdot – \u591a\u884c\u6587\u672c\u6ea2\u51fa\u663e\u793a\u7701\u7565\u53f7
\n baffle.js – \u6587\u672c\u4e92\u52a8\u6548\u679c<\/p>\n
33. \u6f14\u793a\/\u5e7b\u706f\u7247<\/p>\n
reveal.js – The HTML Presentation Framework
\n bespoke.js – DIY Presentation Micro-Framework
\n impress.js
\n shower
\n deck.js<\/p>\n
34. \u56fd\u9645\u5316(i18n)<\/p>\n
jquery-i18n
\n i18next.js
\n jsperanto.js
\n jed.js
\n messageformat.js
\n Polyglot.js<\/p>\n
35. \u90ae\u4ef6\u6a21\u677f(Email Templates)<\/p>\n
responsive-html-email-template<\/p>\n
37. HTTP\u8bf7\u6c42\u76f8\u5173<\/p>\n
pako – HTTP \u8bf7\u6c42\u6b63\u6587\u538b\u7f29
\n \u53c2\u8003\u9605\u8bfb: \u5982\u4f55\u538b\u7f29 HTTP \u8bf7\u6c42\u6b63\u6587
\n HTTP \u8bf7\u6c42\u6b63\u6587\u538b\u7f29 DEMO<\/p>\n
38. \u4e0b\u8f7d\u7ec4\u4ef6<\/p>\n
download
\n Downloadify<\/p>\n
39. \u52a0\u5bc6\/\u8f6c\u7801<\/p>\n
crypto-js – JavaScript library of crypto standards.
\n ulid – \u751f\u6210UUID\u7c7b\u5e93
\n RSA in JavaScript – \u7528RSA\u52a0\u5bc6\u5b9e\u73b0Web\u6570\u636e\u52a0\u5bc6\u4f20\u8f93<\/p>\n
41. \u5b9e\u7528\u5de5\u5177\/\u5176\u4ed6\u63d2\u4ef6<\/p>\n
jquery-cookie
\n JavaScript Cookie
\n InstantClick – \u9884\u52a0\u8f7d\u7528\u6237\u53ef\u80fd\u4f1a\u70b9\u51fb\u7684\u4e00\u4e9b\u94fe\u63a5
\n Async.js – \u5f02\u6b65\u64cd\u4f5c
\n html2canvas – \u5b9e\u73b0\u7eafJS\u7f51\u9875\u622a\u56fe
\n jquery.qrcode.js – \u751f\u6210\u4e8c\u7ef4\u7801\u7684 jQuery \u63d2\u4ef6
\n qrcodejs – JS\u751f\u6210QRCode\u7684\u5e93
\n nakedpassword – \u7528\u8131\u8863\u5973\u5e2e\u52a9\u68c0\u6d4b\u5bc6\u7801\u5f3a\u5ea6
\n KityMinder – \u8111\u56fe\u7f16\u8f91\u5de5\u5177
\n MixitUp – \u52a8\u753b\u8fc7\u6ee4\u548c\u6392\u5e8f
\n JQuery Tip Cards – \u521b\u5efa\u5361\u7247\u4ea4\u4e92\u7684cards\u5e03\u5c40
\n Fallback.js – JavaScript library for dynamically loading CSS and JS files.
\n swfobject
\n prettyprint.js – An in-browser JavaScript variable dumper
\n Shepherd – \u4e3a\u5e94\u7528\u521b\u5efa\u7528\u6237\u6307\u5357
\n RulersGuide.js – \u7c7b\u4f3cPhotoShop\u6807\u5c3a\u7684js\u5e93
\n Gremlins.js – Monkey \u6d4b\u8bd5\u5e93
\n RoughDraft.js – \u7b80\u5355\u5feb\u901f\u7684\u521b\u5efa\u4ea4\u4e92\u5f0f\u7684 HTML \u6a21\u578b\u7684\u539f\u578b\u5de5\u5177
\n favico.js – \u52a8\u6001\u6539\u53d8\u6d4f\u89c8\u5668\u6807\u7b7e\u680f\u4e2d\u7684\u7f51\u7ad9\u56fe\u6807
\n pageguide – \u7f51\u9875\u5411\u5bfc
\n jsdiff – js diff \u7b97\u6cd5<\/p>\n
\u5728\u7ebf\u5de5\u5177( Online Tools )<\/p>\n
jsbin – Collaborative JavaScript Debugging App
\n jsbin@Github
\n jsfiddle
\n jsbeautifier – Online JavaScript beautifier
\n resume.github.com<\/p>\n
\u524d\u7aef\u5f00\u53d1\u5de5\u5177
\n1. \u5f00\u53d1\u5de5\u5177<\/p>\n
Sublime Text<\/p>\n
2. \u8c03\u8bd5\u5de5\u5177<\/p>\n
Fiddler
\n Weinre
\n Rythem
\n csscss – \u7528\u4e8e\u68c0\u67e5css\u4ee3\u7801\u5197\u4f59
\n FECS – \u57fa\u4e8e Node.js \u7684\u524d\u7aef\u4ee3\u7801\u68c0\u67e5\u5de5\u5177
\n JSON Server – \u6a21\u62df API
\n swagger-ui – \u57fa\u4e8eREST\u7684API\u6d4b\u8bd5\/\u6587\u6863<\/p>\n
3. \u6a21\u62df\u6570\u636e( Fake )<\/p>\n
JSONPlaceholder
\n json-server – Get a full fake REST API
\n lowdb – A small local JSON database powered by lodash
\n Mock.js – \u4e00\u6b3e\u6a21\u62df\u6570\u636e\u751f\u6210\u5668\uff0c\u65e8\u5728\u5e2e\u52a9\u524d\u7aef\u653b\u57ce\u5e08\u72ec\u7acb\u4e8e\u540e\u7aef\u8fdb\u884c\u5f00\u53d1\uff0c\u5e2e\u52a9\u7f16\u5199\u5355\u5143\u6d4b\u8bd5<\/p>\n
4. \u63a5\u53e3\u7ba1\u7406<\/p>\n
RAP – Web\u63a5\u53e3\u7ba1\u7406\u5de5\u5177\uff0c\u5f00\u6e90\u514d\u8d39\uff0c\u63a5\u53e3\u81ea\u52a8\u5316\uff0cMOCK\u6570\u636e\u81ea\u52a8\u751f\u6210\uff0c\u81ea\u52a8\u5316\u6d4b\u8bd5\uff0c\u4f01\u4e1a\u7ea7\u7ba1\u7406<\/p>\n
5. \u6d4f\u89c8\u5668\u6269\u5c55(Chrome Extensions)<\/p>\n
Postman – REST Client
\n Fiddler – Fiddler for Chrome Extension
\n WEB\u524d\u7aef\u52a9\u624b(FeHelper)
\n Web Developer
\n Wappalyzer – \u5206\u6790\u7f51\u7ad9\u5e94\u7528\u7684\u6280\u672f\u6808
\n HTTP Status
\n Chrome Logger
\n ColorZilla
\n ColorPick Eyedropper
\n Code Cola
\n 1px
\n AlloyDesigner – \u524d\u7aef\u91cd\u6784\u5f00\u53d1\u8f85\u52a9\u5de5\u5177
\n Fontface Ninja
\n PageSpeed Insights (by Google)
\n Redirect Path
\n Responsive Web Design Tester
\n Window Resizer
\n CSSViewer
\n IE Tab
\n Clear Cache
\n JSONView
\n Image Downloader
\n Pretty Beautiful Javascript – \u53ef\u4ee5\u81ea\u52a8\u683c\u5f0f\u5316\u6df7\u6dc6\u7684js\u6587\u4ef6
\n JavaScript Errors Notifier
\n CSS Diff – \u5728\u7ebf\u6bd4\u5bf9\u9875\u9762\u4e0a\u4e24\u4e2a\u5143\u7d20\u7684CSS\u6837\u5f0f\u5dee\u5f02
\n WhatFont- \u8bc6\u522b\u7f51\u9875\u6240\u4f7f\u7528\u7684\u5b57\u4f53<\/p>\n
\u524d\u7aef\u53c2\u8003\u96c6<\/p>\n
frontend-guidelines – Some HTML, CSS and JS best practices.
\n frontend-dev-bookmarks
\n Codrops – Useful resources
\n Front-end Code Standards & Best Practices
\n awesome-javascript
\n Front-end-tutorial – \u524d\u7aef\u6d89\u53ca\u7684\u6240\u6709\u77e5\u8bc6\u4f53\u7cfb
\n awesome-vue
\n \u524d\u7aef\u7f16\u7801\u89c4\u8303( Standard Style )
\n Airbnb \u7684 JavaScript \u7f16\u7801\u89c4\u8303
\n JavaScript Standard Style
\n clean-code-javascript – javascript \u7f16\u7801\u98ce\u683c\u6307\u5357
\n cheatsheet – \u6807\u7b7e\u7684\u5185\u5bb9\u6e05\u5355
\n Front-End-Checklist – The perfect Front-End Checklist for modern websites and meticulous developers http:\/\/frontendchecklist.com<\/p>\n
\u4e66\u7c4d( Frontend-related Books )<\/p>\n
Front-End Developer Handbook 2016
\n Front-End Developer Handbook 2017
\n \u524d\u7aef\u5de5\u7a0b\u5e08\u624b\u518c
\n \u524d\u7aef\u5de5\u7a0b\u5e08\u624b\u518c – \u5305\u62ec\u524d\u7aef\u5f00\u53d1\u5b9e\u8df5\u3001\u5b66\u4e60\u524d\u7aef\u5f00\u53d1\u3001\u524d\u7aef\u5f00\u53d1\u5de5\u5177<\/p>\n
\u539f\u6587\uff1agithub.com\/JingwenTian\u2026<\/p>\n","protected":false},"excerpt":{"rendered":"
Link: https:\/\/juejin.im\/post\/5aa77040518 … \u7ee7\u7eed\u9605\u8bfb