当前位置: 首页 > news >正文

做网站在哪里申请上海seo公司哪个靠谱

做网站在哪里申请,上海seo公司哪个靠谱,山东鑫企点外贸订单靠谱吗,wordpress热门主题一、什么是服务器端渲染(SSR) 简单说,就是在服务器上把网页生成好,整个的HTML页面生成出来,生成出的页面已经包含了所有必要的数据和结构信息,然后直接发给浏览器进行展现。 二、例题 要求搭建http服务&a…

一、什么是服务器端渲染(SSR)

简单说,就是在服务器上把网页生成好,整个的HTML页面生成出来,生成出的页面已经包含了所有必要的数据和结构信息,然后直接发给浏览器进行展现。

二、例题

要求搭建http服务,响应一个4行3列的表格,并且表格隔行换色,点击单元格后相应单元格会单独变色显示

(1)普通版写法:直接在html中写入css与js样式

思路:

(1)在建一个html文件,在里面写好htmlcssjs代码。

(2)通过fs去读取这个html文件,并且通过fs写入文件的方式写入到我们要运行的文件中

html代码如图所示:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>td{padding: 30px 30px;border-collapse: collapse;}tr:nth-child(odd){background-color: pink;}tr:nth-child(even){background-color: darksalmon;}</style>
</head>
<body><table border="1"><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table><script>var tds=document.querySelectorAll('td');tds.forEach(item =>{item.onclick=function(){this.style.backgroundColor="yellow";}});</script>
</body>
</html>
运行代码如图所示:
// 1.导入http模块
const http=require('http');
const fs=require('fs');
// 2.创建服务对象
const server=http.createServer((request,response)=>{let html=fs.readFileSync(__dirname+'/http响应练习普通版.html') //通过fs去读取这个html文件response.end(html);
})
// 3.监听端口,启动服务
server.listen(9000,()=>{console.log('服务已启动...');
})
运行结果如图所示:

(2)进阶版写法:创建css、js夹子进行文件分类​​​​​​​。利用if分支进行不同文件的读取写入

思路:

(1)分别建一个html、css、js文件,在里面写好html、css、js代码。

(2)通过不同的if分支结构去通过fs去读取不同的文件,并且通过fs写入文件的方式写入到我们要运行的文件中

文件夹创建如图所示:

故:

html对应pathname是 " / "​​​​​​​

css对应pathname是/css/http.css

​​​​​​​css对应pathname是/js/http.js

运行代码如图所示:
// 1.导入http模块
const http = require('http');
const fs = require('fs');
// 2.创建服务对象
const server = http.createServer((request, response) => {// 获取请求url路径let { pathname } = new URL(request.url, 'http://127.0.0.1');if (pathname === '/') {// 读取文件内容let html = fs.readFileSync(__dirname+'/http响应练习进阶版.html') //通过fs去读取这个html文件response.end(html);} else if (pathname === '/css/http.css') {// 读取文件内容let css = fs.readFileSync(__dirname+'/css/http.css') //通过fs去读取这个html文件response.end(css);} else if (pathname === '/js/http.js') {// 读取文件内容let js = fs.readFileSync(__dirname+'/js/http.js') //通过fs去读取这个html文件response.end(js);} else {response.statusCode = 404;response.end('<h1>404 NOT FOUND</h1>')}
})// 3.监听端口,启动服务
server.listen(9000, () => {console.log('服务已启动...');
})
运行结果如图所示: 

 

http://www.tj-hxxt.cn/news/32891.html

相关文章:

  • 网站建设流程一般可分为哪几个阶段国外网站如何搭建网页
  • 昌江县住房和城乡建设网站优化网站推广教程整站
  • 摄影网站参考文献名站在线
  • 修复WordPress图片上传错误免费网站做seo
  • 怀来住房和城乡建设委员会网站小吃培训去哪里学最好
  • 用自建网站做外贸青岛招聘seo
  • 企业的网站内容关键词优化公司电话
  • 郑州网站排名分析企业查询宝
  • 在网站上做的图表怎么放到PPT里面上海牛巨微网络科技有限公司
  • 如何在阿里巴巴建网站关键词查询工具免费
  • 公司做网站的好处百度信息流
  • 国外独立网站如何推广百度广告联盟app
  • 网站优化实习报告网站广告投放价格表
  • 上市公司网站建设要求他达拉非功效与作用主要会有哪些
  • 企业所得税是5%还是25%淘宝seo对什么内容优化
  • 制作一个.net网站需要茂名百度seo公司
  • 搜索网站的设计与建设西安搜索引擎优化
  • 医院网站建设解决方案枸橼酸西地那非片的功效与作用
  • 织梦网站管理系统百度加盟
  • 做软件的声称发现网站漏洞关联词有哪些关系
  • 网站做的很差的案例推广网站多少钱
  • wordpress如何搭建化工seo顾问
  • 网站布局怎么写长沙网站推广排名优化
  • 网站建设项目的摘要app推广方案模板
  • 太原网站制作机构今日北京新闻
  • php网站建设情景千锋教育培训
  • 室内设计效果图片seo怎么优化关键词排名培训
  • 网站视频超链接怎么做关键词优化排名seo
  • 临沂做四维和美家网站阿亮seo技术顾问
  • 江都网站制作seo分析师