手动实现一个简单的静态资源管理服务(五)，可能是目前最全的《前端校招面试题及解析》

本文链接：https://blog.csdn.net/2401_84092068/article/details/137418453

文章介绍了作者为帮助前端工程师提供的一份全面的学习资料，涵盖零基础至进阶课程，包括大厂面经、学习资源和实战项目，旨在系统提升技能并减轻学习压力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mime = mimeJSON[extname] || ‘text/plain’;

console.log(‘22’ + mime);

callback(mime);

}

常见文件的mime类型

可以直接复制过去创建一个mime.json文件

{ “.323”:“text/h323” ,

“.3gp”:“video/3gpp” ,

“.aab”:“application/x-authoware-bin” ,

“.aam”:“application/x-authoware-map” ,

“.aas”:“application/x-authoware-seg” ,

“.acx”:“application/internet-property-stream” ,

“.ai”:“application/postscript” ,

“.aif”:“audio/x-aiff” ,

“.aifc”:“audio/x-aiff” ,

“.aiff”:“audio/x-aiff” ,

“.als”:“audio/X-Alpha5” ,

“.amc”:“application/x-mpeg” ,

“.ani”:“application/octet-stream” ,

“.apk”:“application/vnd.android.package-archive” ,

“.asc”:“text/plain” ,

“.asd”:“application/astound” ,

“.asf”:“video/x-ms-asf” ,

“.asn”:“application/astound” ,

“.asp”:“application/x-asap” ,

“.asr”:“video/x-ms-asf” ,

“.asx”:“video/x-ms-asf” ,

“.au”:“audio/basic” ,

“.avb”:“application/octet-stream” ,

“.avi”:“video/x-msvideo” ,

“.awb”:“audio/amr-wb” ,

“.axs”:“application/olescript” ,

“.bas”:“text/plain” ,

“.bcpio”:“application/x-bcpio” ,

".bin ":“application/octet-stream” ,

“.bld”:“application/bld” ,

“.bld2”:“application/bld2” ,

“.bmp”:“image/bmp” ,

“.bpk”:“application/octet-stream” ,

“.bz2”:“application/x-bzip2” ,

“.c”:“text/plain” ,

“.cal”:“image/x-cals” ,

“.cat”:“application/vnd.ms-pkiseccat” ,

“.ccn”:“application/x-cnc” ,

“.cco”:“application/x-cocoa” ,

“.cdf”:“application/x-cdf” ,

“.cer”:“application/x-x509-ca-cert” ,

“.cgi”:“magnus-internal/cgi” ,

“.chat”:“application/x-chat” ,

“.class”:“application/octet-stream” ,

“.clp”:“application/x-msclip” ,

“.cmx”:“image/x-cmx” ,

“.co”:“application/x-cult3d-object” ,

“.cod”:“image/cis-cod” ,

“.conf”:“text/plain” ,

“.cpio”:“application/x-cpio” ,

“.cpp”:“text/plain” ,

“.cpt”:“application/mac-compactpro” ,

“.crd”:“application/x-mscardfile” ,

“.crl”:“application/pkix-crl” ,

“.crt”:“application/x-x509-ca-cert” ,

“.csh”:“application/x-csh” ,

“.csm”:“chemical/x-csml” ,

“.csml”:“chemical/x-csml” ,

“.css”:“text/css” ,

“.cur”:“application/octet-stream” ,

“.dcm”:“x-lml/x-evm” ,

“.dcr”:“application/x-director” ,

“.dcx”:“image/x-dcx” ,

“.der”:“application/x-x509-ca-cert” ,

“.dhtml”:“text/html” ,

“.dir”:“application/x-director” ,

“.dll”:“application/x-msdownload” ,

“.dmg”:“application/octet-stream” ,

“.dms”:“application/octet-stream” ,

“.doc”:“application/msword” ,

“.docx”:“application/vnd.openxmlformats-officedocument.wordprocessingml.document” ,

“.dot”:“application/msword” ,

“.dvi”:“application/x-dvi” ,

“.dwf”:“drawing/x-dwf” ,

“.dwg”:“application/x-autocad” ,

“.dxf”:“application/x-autocad” ,

“.dxr”:“application/x-director” ,

“.ebk”:“application/x-expandedbook” ,

“.emb”:“chemical/x-embl-dl-nucleotide” ,

“.embl”:“chemical/x-embl-dl-nucleotide” ,

“.eps”:“application/postscript” ,

“.epub”:“application/epub+zip” ,

“.eri”:“image/x-eri” ,

“.es”:“audio/echospeech” ,

“.esl”:“audio/echospeech” ,

“.etc”:“application/x-earthtime” ,

“.etx”:“text/x-setext” ,

“.evm”:“x-lml/x-evm” ,

“.evy”:“application/envoy” ,

“.exe”:“application/octet-stream” ,

“.fh4”:“image/x-freehand” ,

“.fh5”:“image/x-freehand” ,

“.fhc”:“image/x-freehand” ,

“.fif”:“application/fractals” ,

“.flr”:“x-world/x-vrml” ,

“.flv”:“flv-application/octet-stream” ,

“.fm”:“application/x-maker” ,

“.fpx”:“image/x-fpx” ,

“.fvi”:“video/isivideo” ,

“.gau”:“chemical/x-gaussian-input” ,

“.gca”:“application/x-gca-compressed” ,

“.gdb”:“x-lml/x-gdb” ,

“.gif”:“image/gif” ,

“.gps”:“application/x-gps” ,

“.gtar”:“application/x-gtar” ,

“.gz”:“application/x-gzip” ,

“.h”:“text/plain” ,

“.hdf”:“application/x-hdf” ,

“.hdm”:“text/x-hdml” ,

“.hdml”:“text/x-hdml” ,

“.hlp”:“application/winhlp” ,

“.hqx”:“application/mac-binhex40” ,

“.hta”:“application/hta” ,

“.htc”:“text/x-component” ,

“.htm”:“text/html” ,

“.html”:“text/html” ,

“.hts”:“text/html” ,

“.htt”:“text/webviewhtml” ,

“.ice”:“x-conference/x-cooltalk” ,

“.ico”:“image/x-icon” ,

“.ief”:“image/ief” ,

“.ifm”:“image/gif” ,

“.ifs”:“image/ifs” ,

“.iii”:“application/x-iphone” ,

“.imy”:“audio/melody” ,

“.ins”:“application/x-internet-signup” ,

“.ips”:“application/x-ipscript” ,

“.ipx”:“application/x-ipix” ,

“.isp”:“application/x-internet-signup” ,

“.it”:“audio/x-mod” ,

“.itz”:“audio/x-mod” ,

“.ivr”:“i-world/i-vrml” ,

“.j2k”:“image/j2k” ,

“.jad”:“text/vnd.sun.j2me.app-descriptor” ,

“.jam”:“application/x-jam” ,

“.jar”:“application/java-archive” ,

“.java”:“text/plain” ,

“.jfif”:“image/pipeg” ,

“.jnlp”:“application/x-java-jnlp-file” ,

“.jpe”:“image/jpeg” ,

“.jpeg”:“image/jpeg” ,

“.jpg”:“image/jpeg” ,

“.jpz”:“image/jpeg” ,

“.js”:“application/x-javascript” ,

“.jwc”:“application/jwc” ,

“.kjx”:“application/x-kjx” ,

“.lak”:“x-lml/x-lak” ,

“.latex”:“application/x-latex” ,

“.lcc”:“application/fastman” ,

“.lcl”:“application/x-digitalloca” ,

“.lcr”:“application/x-digitalloca” ,

“.lgh”:“application/lgh” ,

“.lha”:“application/octet-stream” ,

“.lml”:“x-lml/x-lml” ,

“.lmlpack”:“x-lml/x-lmlpack” ,

“.log”:“text/plain” ,

“.lsf”:“video/x-la-asf” ,

“.lsx”:“video/x-la-asf” ,

“.lzh”:“application/octet-stream” ,

“.m13”:“application/x-msmediaview” ,

“.m14”:“application/x-msmediaview” ,

“.m15”:“audio/x-mod” ,

“.m3u”:“audio/x-mpegurl” ,

“.m3url”:“audio/x-mpegurl” ,

“.m4a”:“audio/mp4a-latm” ,

“.m4b”:“audio/mp4a-latm” ,

“.m4p”:“audio/mp4a-latm” ,

“.m4u”:“video/vnd.mpegurl” ,

“.m4v”:“video/x-m4v” ,

“.ma1”:“audio/ma1” ,

“.ma2”:“audio/ma2” ,

“.ma3”:“audio/ma3” ,

“.ma5”:“audio/ma5” ,

“.man”:“application/x-troff-man” ,

“.map”:“magnus-internal/imagemap” ,

“.mbd”:“application/mbedlet” ,

“.mct”:“application/x-mascot” ,

“.mdb”:“application/x-msaccess” ,

“.mdz”:“audio/x-mod” ,

“.me”:“application/x-troff-me” ,

“.mel”:“text/x-vmel” ,

“.mht”:“message/rfc822” ,

“.mhtml”:“message/rfc822” ,

“.mi”:“application/x-mif” ,

“.mid”:“audio/mid” ,

“.midi”:“audio/midi” ,

“.mif”:“application/x-mif” ,

“.mil”:“image/x-cals” ,

“.mio”:“audio/x-mio” ,

“.mmf”:“application/x-skt-lbs” ,

“.mng”:“video/x-mng” ,

“.mny”:“application/x-msmoney” ,

“.moc”:“application/x-mocha” ,

“.mocha”:“application/x-mocha” ,

“.mod”:“audio/x-mod” ,

“.mof”:“application/x-yumekara” ,

“.mol”:“chemical/x-mdl-molfile” ,

“.mop”:“chemical/x-mopac-input” ,

“.mov”:“video/quicktime” ,

“.movie”:“video/x-sgi-movie” ,

“.mp2”:“video/mpeg” ,

“.mp3”:“audio/mpeg” ,

“.mp4”:“video/mp4” ,

“.mpa”:“video/mpeg” ,

“.mpc”:“application/vnd.mpohun.certificate” ,

“.mpe”:“video/mpeg” ,

“.mpeg”:“video/mpeg” ,

“.mpg”:“video/mpeg” ,

“.mpg4”:“video/mp4” ,

“.mpga”:“audio/mpeg” ,

“.mpn”:“application/vnd.mophun.application” ,

“.mpp”:“application/vnd.ms-project” ,

“.mps”:“application/x-mapserver” ,

“.mpv2”:“video/mpeg” ,

“.mrl”:“text/x-mrml” ,

“.mrm”:“application/x-mrm” ,

“.ms”:“application/x-troff-ms” ,

“.msg”:“application/vnd.ms-outlook” ,

“.mts”:“application/metastream” ,

“.mtx”:“application/metastream” ,

“.mtz”:“application/metastream” ,

“.mvb”:“application/x-msmediaview” ,

“.mzv”:“application/metastream” ,

“.nar”:“application/zip” ,

“.nbmp”:“image/nbmp” ,

“.nc”:“application/x-netcdf” ,

“.ndb”:“x-lml/x-ndb” ,

“.ndwn”:“application/ndwn” ,

“.nif”:“application/x-nif” ,

“.nmz”:“application/x-scream” ,

“.nokia-op-logo”:“image/vnd.nok-oplogo-color” ,

“.npx”:“application/x-netfpx” ,

“.nsnd”:“audio/nsnd” ,

“.nva”:“application/x-neva1” ,

“.nws”:“message/rfc822” ,

“.oda”:“application/oda” ,

“.ogg”:“audio/ogg” ,

“.oom”:“application/x-AtlasMate-Plugin” ,

“.p10”:“application/pkcs10” ,

“.p12”:“application/x-pkcs12” ,

“.p7b”:“application/x-pkcs7-certificates” ,

“.p7c”:“application/x-pkcs7-mime” ,

“.p7m”:“application/x-pkcs7-mime” ,

“.p7r”:“application/x-pkcs7-certreqresp” ,

“.p7s”:“application/x-pkcs7-signature” ,

“.pac”:“audio/x-pac” ,

“.pae”:“audio/x-epac” ,

“.pan”:“application/x-pan” ,

“.pbm”:“image/x-portable-bitmap” ,

“.pcx”:“image/x-pcx” ,

“.pda”:“image/x-pda” ,

“.pdb”:“chemical/x-pdb” ,

“.pdf”:“application/pdf” ,

“.pfr”:“application/font-tdpfr” ,

“.pfx”:“application/x-pkcs12” ,

“.pgm”:“image/x-portable-graymap” ,

“.pict”:“image/x-pict” ,

“.pko”:“application/ynd.ms-pkipko” ,

“.pm”:“application/x-perl” ,

“.pma”:“application/x-perfmon” ,

“.pmc”:“application/x-perfmon” ,

“.pmd”:“application/x-pmd” ,

“.pml”:“application/x-perfmon” ,

“.pmr”:“application/x-perfmon” ,

“.pmw”:“application/x-perfmon” ,

“.png”:“image/png” ,

“.pnm”:“image/x-portable-anymap” ,

“.pnz”:“image/png” ,

“.pot,”:“application/vnd.ms-powerpoint” ,

“.ppm”:“image/x-portable-pixmap” ,

“.pps”:“application/vnd.ms-powerpoint” ,

“.ppt”:“application/vnd.ms-powerpoint” ,

“.pptx”:“application/vnd.openxmlformats-officedocument.presentationml.presentation” ,

“.pqf”:“application/x-cprplayer” ,

“.pqi”:“application/cprplayer” ,

“.prc”:“application/x-prc” ,

“.prf”:“application/pics-rules” ,

“.prop”:“text/plain” ,

“.proxy”:“application/x-ns-proxy-autoconfig” ,

“.ps”:“application/postscript” ,

“.ptlk”:“application/listenup” ,

“.pub”:“application/x-mspublisher” ,

“.pvx”:“video/x-pv-pvx” ,

“.qcp”:“audio/vnd.qcelp” ,

“.qt”:“video/quicktime” ,

“.qti”:“image/x-quicktime” ,

“.qtif”:“image/x-quicktime” ,

“.r3t”:“text/vnd.rn-realtext3d” ,

“.ra”:“audio/x-pn-realaudio” ,

“.ram”:“audio/x-pn-realaudio” ,

“.rar”:“application/octet-stream” ,

“.ras”:“image/x-cmu-raster” ,

“.rc”:“text/plain” ,

“.rdf”:“application/rdf+xml” ,

“.rf”:“image/vnd.rn-realflash” ,

“.rgb”:“image/x-rgb” ,

“.rlf”:“application/x-richlink” ,

“.rm”:“audio/x-pn-realaudio” ,

“.rmf”:“audio/x-rmf” ,

“.rmi”:“audio/mid” ,

“.rmm”:“audio/x-pn-realaudio” ,

“.rmvb”:“audio/x-pn-realaudio” ,

“.rnx”:“application/vnd.rn-realplayer” ,

“.roff”:“application/x-troff” ,

“.rp”:“image/vnd.rn-realpix” ,

“.rpm”:“audio/x-pn-realaudio-plugin” ,

“.rt”:“text/vnd.rn-realtext” ,

“.rte”:“x-lml/x-gps” ,

“.rtf”:“application/rtf” ,

“.rtg”:“application/metastream” ,

“.rtx”:“text/richtext” ,

“.rv”:“video/vnd.rn-realvideo” ,

“.rwc”:“application/x-rogerwilco” ,

“.s3m”:“audio/x-mod” ,

“.s3z”:“audio/x-mod” ,

“.sca”:“application/x-supercard” ,

“.scd”:“application/x-msschedule” ,

“.sct”:“text/scriptlet” ,

“.sdf”:“application/e-score” ,

“.sea”:“application/x-stuffit” ,

“.setpay”:“application/set-payment-initiation” ,

“.setreg”:“application/set-registration-initiation” ,

“.sgm”:“text/x-sgml” ,

“.sgml”:“text/x-sgml” ,

“.sh”:“application/x-sh” ,

“.shar”:“application/x-shar” ,

“.shtml”:“magnus-internal/parsed-html” ,

“.shw”:“application/presentations” ,

“.si6”:“image/si6” ,

“.si7”:“image/vnd.stiwap.sis” ,

“.si9”:“image/vnd.lgtwap.sis” ,

“.sis”:“application/vnd.symbian.install” ,

“.sit”:“application/x-stuffit” ,

“.skd”:“application/x-Koan” ,

“.skm”:“application/x-Koan” ,

“.skp”:“application/x-Koan” ,

“.skt”:“application/x-Koan” ,

“.slc”:“application/x-salsa” ,

“.smd”:“audio/x-smd” ,

“.smi”:“application/smil” ,

“.smil”:“application/smil” ,

“.smp”:“application/studiom” ,

“.smz”:“audio/x-smd” ,

“.snd”:“audio/basic” ,

“.spc”:“application/x-pkcs7-certificates” ,

“.spl”:“application/futuresplash” ,

“.spr”:“application/x-sprite” ,

“.sprite”:“application/x-sprite” ,

“.sdp”:“application/sdp” ,

“.spt”:“application/x-spt” ,

“.src”:“application/x-wais-source” ,

“.sst”:“application/vnd.ms-pkicertstore” ,

“.stk”:“application/hyperstudio” ,

“.stl”:“application/vnd.ms-pkistl” ,

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取

前端路线图