网页代码

前端项目优化 -Web 开发常用优化方案、Vue & React 项目优化

淺唱寂寞╮ 提交于 2019-11-27 10:43:46
github github-myBlob 从输入URL到页面加载完成的整个过程 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层。网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器。然后包会再被封装到数据链路层的数据帧结构中,最后就是物理层面的传输了 TCP 握手结束后会进行 TLS 握手,然后就开始正式的传输数据(如果使用HTTPS) 数据在进入服务端之前,可能还会先经过负责负载均衡的服务器,它的作用就是将请求合理的分发到多台服务器上,这时假设服务端会响应一个 HTML 文件 首先浏览器会判断状态码是什么,如果是 200 那就继续解析,如果 400 或 500 的话就会报错,如果 300 的话会进行重定向,这里会有个重定向计数器,避免过多次的重定向,超过次数也会报错 浏览器开始解析文件,如果是 gzip 格式的话会先解压一下,然后通过文件的编码格式知道该如何去解码文件 文件解码成功后会正式开始渲染流程,先会根据 HTML 构建 DOM 树,有 CSS 的话会去构建 CSSOM 树。如果遇到 script 标签的话,会判断是否存在 async 或者 defer ,前者会并行进行下载并执行 JS

JS-jQuery:百科

风流意气都作罢 提交于 2019-11-27 06:13:30
ylbtech-JS-jQuery:百科 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架 )。jQuery设计的宗旨是“Write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 1. 返回顶部 1、 中文名:极快瑞 外文名:jQuery 核心理念:write less,do more 发布时间:2006年1月 发布人: John Resig 发布地点:美国纽约 最新版本:jQuery 3.4.1 第一个版本:jQuery 1.0(2006年1月) 内部引入库:Sizzle.js 目录 1 发展历程 2 编程开发 3 语言特点 4 工作原理 5 语言基础 ▪ 选择器 ▪ 事件处理 6 技术应用 7 学习指南 8 语言评价 2、 2. 返回顶部

python写的一个小的web网页

北慕城南 提交于 2019-11-27 05:21:15
first.py 这个文件中的代码为: import web urls = ( '/(.*)', 'hello' ) app = web.application(urls, globals()) class hello: def GET(self, name): return open(r'1.html','r').read() if __name__ == "__main__": app.run() 然后是1.html,这个里的代码为: <html> <head> <title>hello</title> <script type="text/javascript"> function show_text(id,text){ document.getElementById(id).innerHTML=text; } function show_color(id,color){ document.getElementById(id).style.color=color; } </script> <style type="text/css"> div p {color: #f00;} .py{font-size: 40px;} #l1{width: 200px;font-size: 40px;} </style> </head> <body> <h1>hello</h1> <div>

常见的HTTP状态码(HTTP Status Code)说明

混江龙づ霸主 提交于 2019-11-27 04:47:14
转载链接: https://blog.csdn.net/dufufd/article/details/53112184 2开头 (请求成功)表示成功处理了请求的状态代码。 200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。 204 (无内容) 服务器成功处理了请求,但没有返回任何内容。 205 (重置内容) 服务器成功处理了请求,但没有返回任何内容。 206 (部分内容) 服务器成功处理了部分 GET 请求。 3开头 (请求被重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。 300 (多种选择) 针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。 301 (永久移动) 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。 302 (临时移动) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。 303 (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时

Html-自适应

你。 提交于 2019-11-27 02:29:13
自适应 使网页能适应不同终端设备的技术。原理是通过检测视口分辨率来判断是什么终端的,PC,手机还是平板。 做自适应的网页时,需要在代码中加入“祖传代码”,即通用代码。 这是在头部head引入的: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> 分别代表的意思是: initial-scale=1.0 :初始缩放比例为1.0(原始大小),这句代码的目的还不是放置用户 缩放的 minimum-scale=1.0 :网页最小的缩小比例为1.0(原始大小),设置这句代码的目的是为 了放置某些程序(比如JS)无意中修改了网页的缩小比例 maximum-scale=1.0 :网页最大的放大比例为1.0(原始大小),设置这句代码的目的是为 了放置某些程序(比如JS)无意中修改了网页的放大比例 user-scalable=0 :这句代码才是不允许用户对网页进行缩放 <script> !(function (win, doc) { function setFontSize() { var winWidth = window.innerWidth; doc.documentElement.style

ASP.NET编程中的十大技巧

笑着哭i 提交于 2019-11-26 21:44:01
在本篇文件中,我们将讨论编程人员在使用ASP.NET开发应用程序时需要注意的10个技巧,这些技巧涉及从缺省的控件、表单名的改变到StringBuilder类的使用,有助于编程人员能够尽快地适应.NET环境。 1、在使用Visual Studio .NET时,除直接或非引用的对象外,不要使用缺省的名字。 .NET带来的好处之一是所有的源代码和配置文件都是纯文本文件,能够使用Notepad或WordPad等任意的文本编辑器进行编辑。如果不愿意,我们并非一定要使用Visual Studio .NET作为集成开发环境。但使用了Visual Studio .NET,我们可以在Windows文件管理器中看到文件,或在Visual Studio .NET之外从文本编辑器中浏览文件的内容。 使用Visual Studio .NET作为集成开发环境有许多好处,其中最显著的好处是它极大地提高了生产效率。使用Visual Studio. NET,我们能够在付出较小代价的情况下更快地开发软件。作为集成开发环境一部分的IntelliSense提供自动的代码完成、在输入方法或函数时提供动态帮助、语法错误的实时提示,以及其他能够提高生产效率的功能。 象其他复杂的工具那样,在学会如何充分发挥它的作用和掌握其“习性”前,Visual Studio .NET也会使我们产生一种挫折感。有时,它象一个难以了解的黑盒子

HTTP响应码大全

最后都变了- 提交于 2019-11-26 16:49:31
HTTP响应码 http状态返回代码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码。 100 (继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议)请求者已要求服务器切换协议,服务器已确认并准备切换。 http状态返回代码 2xx (成功) 表示成功处理了请求的状态代码。 200 (成功) 服务器已成功处理了请求。通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创建了新的资源。 202 (已接受) 服务器已接受请求,但尚未处理。 203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。 204 (无内容) 服务器成功处理了请求,但没有返回任何内容。 205 (重置内容)服务器成功处理了请求,但没有返回任何内容。 206 (部分内容) 服务器成功处理了部分 GET 请求。 http状态返回代码 3xx (重定向) 表示要完成请求,需要进一步操作。通常,这些状态代码用来重定向。 300 (多种选择) 针对请求,服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。 301 (永久移动) 请求的网页已永久移动到新位置。服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。

HTML的使用

爱⌒轻易说出口 提交于 2019-11-26 14:42:52
目录 第一章 HTML引入 第二章 HTML规范 第三章 HTML结构 一, 文档声明头 二, 头标签(head) 第四章 HTML标签 一, 块级元素 二, 内联标签(行内元素) 第五章 补充 一, 文本级和容器级 二, html中的特殊字符 三, html颜色表示 第一章 HTML引入 一, web标准介绍 web标准: w3c:万维网联盟组织,制定web标准的机构(组织) web标准:制作网页遵循的规范 web标准规范的分类:结构标准、表现标准、行为标准 结构:html ;表现:css;行为:Javascript 总结说明: 结构标准:相当于人的骨架。html就是用来制作网页的 表现标准: 相当于人的衣服。css就是对网页进行美化的 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的 二, 浏览器介绍 浏览 内核 chrome blink 火狐 gecko Safari webkit IE trident 浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息 渲染引擎是浏览器兼容性问题出现的根本原因 三, html介绍 html全称HyperText Markup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。比如字体、颜色、大小等。 超文本:音频,视频

前端开发核心知识之--html

≯℡__Kan透↙ 提交于 2019-11-26 10:39:38
html概述和结构 1. html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。 2. html基本结构 一个html的基本结构如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html> 第一行是文档声明,第二行“”标签和最后一行“”定义html文档的整体,“”标签中的‘lang=“en”’定义网页的语言为英文,定义成中文是'lang="zh-CN"',不定义也没什么影响,它一般作为分析统计用。 “ ”标签和“”标签是它的第一层子元素,“”标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件等

网页代码提示---错误分析

大城市里の小女人 提交于 2019-11-26 10:07:55
     网页代码提示 ---错误分析 出现较多的一些网页代码提示的意思: 100 -继续。 101 -切换协议。 110 -重新启动标记答复。 120 - 服务已就绪,在 nnn 分钟后开始。 125 -数据连接已打开,正在开始传输。 150 -文件状态正常,准备打开数据连接。 200 -确定。客户端请求已成功。 201 -已创建。 202 -已接受。 203 -非权威性信息。 204 -无内容。 205 -重置内容。 206 -部分内容。 211 -系统状态,或系统帮助答复。 300 (多种选择) 针对请求,服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。 301 (永久移动) 请求的网页已永久移动到新位置。服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。 302 (临时移动) 服务器目前从不同位置的网页响应请求,但请求者应继续使 用原有位置来进行以后的请求。 303 (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响 应时,服务器返回此代码。 304 (未修改) 自从上次请求后,请求的网页未修改过。服务器返回此响应时, 不会返回网页内容。 305 (使用代理) 请求者只能使用代理访问请求的网页。如果服务器返回此响 应,还表示请求者应使用代理。 307