nodejs项目实战教程08——创建静态Web服务器

本文详细介绍了HTML的基本结构、CSS的语法与选择器、HTML5和CSS3的新特性、JavaScript的基础和高级概念,以及相关技术如正则表达式、BOM、DOM、jQuery、AJAX和Vue。涵盖了前端开发的核心知识点和面试常问问题。
摘要由CSDN通过智能技术生成

return ‘text/html’;

case ‘.css’:

return ‘text/css’;

case ‘.js’:

return ‘text/javascript’;

default:

return ‘text/html’

}

}

exports.gtFileMine = function(extname){

// 同步获取数据

let data = fs.readFileSync(‘./data/mime.json’)

let mimeObj = JSON.parse(data.toString())

// 变量名属性只能通过数组的形式进行访问

console.log(mimeObj[extname])

return mimeObj[extname]

}

data/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” ,

“.stm”:“text/html” ,

“.svg”:“image/svg+xml” ,

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

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

“.svf”:“image/vnd” ,

“.svg”:“image/svg+xml” ,

“.svh”:“image/svh” ,

“.svr”:“x-world/x-svr” ,

“.swf”:“application/x-shockwave-flash” ,

“.swfl”:“application/x-shockwave-flash” ,

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

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

“.talk”:“text/x-speech” ,

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

“.taz”:“application/x-tar” ,

“.tbp”:“application/x-timbuktu” ,

“.tbt”:“application/x-timbuktu” ,

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

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

“.texi”:“application/x-texinfo” ,

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

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

“.thm”:“application/vnd.eri.thm” ,

“.tif”:“image/tiff” ,

“.tiff”:“image/tiff” ,

“.tki”:“application/x-tkined” ,

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

“.toc”:“application/toc” ,

“.toy”:“image/toy” ,

学习笔记

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML/CSS

**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分

**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式

HTML5 /CSS3

**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性

**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

JavaScript

**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串

lication/toc" ,

“.toy”:“image/toy” ,

学习笔记

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML/CSS

**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分

**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式

[外链图片转存中…(img-i27Ip2Qk-1714316286299)]

HTML5 /CSS3

**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性

**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

[外链图片转存中…(img-aYLRmKZC-1714316286300)]

JavaScript

**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串

  • 18
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值