
网络编程
Amnesia Greens
记录探索轨迹,方便复现。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Canvas 的clearRect()方法与beginPath()方法
使用Canvas绘图时如果需要重绘就可能需要使用clearRect()方法与beginPath()方法。clearRect()方法可以清空指定矩形区域内的绘图,具体使用方法如下:ctx.clearRect(x,y,width,height);参数:x 要清除的矩形左上角的 x 坐标y 要清除的矩形左上角的 y 坐标width 要清除的矩形的宽度height 要清除的矩形的高度仅仅使用clearRect()方法可能并不能保证达到你的想要的效果,因为canvas中的绘制方法(如stroke原创 2021-05-09 16:59:35 · 4483 阅读 · 0 评论 -
3.2 内联语义学
文本块中的小部分的语义。文章目录1. 强调 strong2. 强调 Emphasis3. 缩略语虽然段落和列表的目的是为了识别整段文字,但我们有时想为文字中的一个词(或几个词)提供意义。1. 强调 strong对于重要的词,使用<strong>标签。<p> 这<strong>重要</strong>,但这并不重要。</p>效果: 这重要,但这并不重要。默认情况下,<strong>元素会以黑体显示,但请记住.翻译 2020-05-19 23:16:19 · 193 阅读 · 0 评论 -
3.1 HTML文本
HTML内容是90%的文字当你写HTML代码时,你写的是文字。但通常在浏览器中显示的也是文字内容。虽然图片、视频和音乐已经越来越受欢迎,但网站仍然主要由文字内容组成,比如你现在正在阅读的这个特殊段落。HTML文本1. 段落 Paragraphs2. 列表1. 段落 Paragraphs段落<p>是最常用的HTML元素,因为它们是默认的块级元素,而且写起来很快。<p> 齐腰草,生长在普陀罗平原上--内世界绚丽的花草,每一片叶片上都有一朵五角形的小花,五彩缤纷的小星星.翻译 2020-05-19 21:35:10 · 214 阅读 · 0 评论 -
1.Web工作原理概述
在深入到编码的技术和实践方面之前,您需要对底层环境如何工作有一个基本的了解。本节旨在提供Internet和Web的快速概述。1.1 互联网——一个巨大的计算机网络1.2 World Wide Web —— Web是Internet的一部分(HTTP部分)1.3 网页浏览器...原创 2020-05-19 12:19:49 · 442 阅读 · 0 评论 -
3 HTML内容
创建Web是为了通过Internet共享文档,而HTML是用来编写这些文档的语言。虽然文本一直是主要的媒介,但HTML逐渐包含了其他类型的内容,如图像和视频。原创 2020-05-19 12:11:51 · 193 阅读 · 0 评论 -
2.6 有效的HTML文档 ——一些样板
到现在为止,我们一直在研究HTML代码的孤立片段。但是,一个HTML文档(或网页,意思是一样的)需要特定的结构才能有效。源文件:A valid HTML document文章目录1. 文件版本 Doctype2. ``元素3. ``元素4. ``元素5. 一个完整有效的HTML文档为什么我们要关心验证一个HTML文档的有效性?正确:一个有效的文档被浏览器正确地显示在浏览器中调试:无效的HTML代码可能会触发难以针对的BUG维护:一个有效的文档更容易在以后更新,甚至是由别人来更新,也更容易。.翻译 2020-05-19 11:05:45 · 255 阅读 · 0 评论 -
2.5 HTML 格式设置
当 空格可能已经无关紧要。源网页:HTML Formatting文章目录1. 换行2. 制表3. 树形格式4. 编写HTML供你阅读你的HTML代码中写的内容和浏览器显示的内容是有区别的。我们已经看到了,像<p>这样的HTML标签只能被浏览器读取(知道写的是什么内容),而不会被浏览器显示出来。我们也看到了在你的代码中写HTML注释,可以帮助人类阅读代码,而不会让这些注释被浏览器显示出来。另一种被浏览器忽略的书写代码是whitespace,它包括:换行空行制表(或缩进).翻译 2020-05-19 00:47:32 · 246 阅读 · 0 评论 -
2.4 HTML 语义学
HTML是关于意义的。HTML标签的目的是向文档传递意义。不要在意你的网页看起来如何。专注于你要使用的每个标签的意义。根据你所写的内容,你可以选择与文本意义相匹配的合适元素。这个元素的范围足够大,既可以容纳一般的内容(如段落或列表),也可以容纳更具体的内容,如<output>(显示计算结果)或<progress>(显示任务进度)。文章目录1. 结构元素:组织你的页面2. 文本元素:定义你的内容3. 内嵌元素:区分你的文字5. 不要过度思考语义问题源网页:2.5 HTML.翻译 2020-05-19 00:20:10 · 121 阅读 · 0 评论 -
2.3 HTML 层次结构
一个HTML文档就像一个大的家族树,有父母、兄弟姐妹、子女、祖先和后裔。它来自于HTML元素之间相互嵌套的能力。文章目录1. 嵌套2. 顺序3. 深度4. 区块和内嵌套源文章:https://marksheet.io/html-hierarchy.html1. 嵌套让我们来写一个简单的段落,通过插入两个内嵌式元素来区分部分文字,来增强它。<p> <strong>Alex Ferguson</strong>爵士曾说过Filipo Inzaghi:<翻译 2020-05-18 20:05:11 · 1318 阅读 · 0 评论 -
2.2 HTML块和内联(Block and Inline)
HTML的两种主要元素类型。文章目录1. 块和内联元素 block elements & inline elements2. 起始和结束标签3. 其他类型的HTML元素1. 块和内联元素 block elements & inline elements在HTML中,你主要会遇到2种类型的HTML元素。块状 block 元素,如段落<p>列表:无序列表(带圆点) <ul> 或有序列表(带数字) <ol>标题:从第1级标题<.翻译 2020-05-16 10:38:38 · 206 阅读 · 0 评论 -
2.1 HTML语法
与任何语言一样,HTML具有规则,这个规则就叫做语法。文章目录1. HTML 语法2. 在哪里写HTML3. 属性 Attributes4. 注释 Comments5. 自闭式元素 Self-enclosing elements1. HTML 语法HTML是 HyperText Markup Language的缩写(超文本标记语言)。HyperText 意味着它使用了互联网的HTTP部分。标记是指你所写的代码被注释为关键字的意思。语言是指人和计算机都能读懂的语言。和任何语言一样,HTM.翻译 2020-05-16 09:51:59 · 271 阅读 · 0 评论 -
2. HTML基础知识
HTML就像是 Web 的 word 文档。你肯定已经熟悉文档编辑器,比如 Microsoft Word,通过它你可以用标题、段落、列表、表格、图片、粗体和斜体文本来构建你的文档。HTML 提供了大致相同的格式化元素。 关键的区别在于 Microsoft Word 中的文本格式是可视化的,而 HTML 代码是纯粹的语义化的: 你为你的文本提供了意义。就像你使用♫ notes ♬ 来写音乐一样,你使用 HTML 来写网页。...原创 2020-05-15 23:57:05 · 186 阅读 · 0 评论 -
1.3 网页浏览器
网页浏览器本质也是一种文档查看器,只不过它查看的是网页这种文件。你目前就是在用网页浏览器来阅读这个以HTML编写的网页。文章目录1. HTML文档2. HTML源码源网站: https://marksheet.io/browser.html1. HTML文档网页是HTML文档,就像您电脑上的其他文件一样。它们只是一个带有.html扩展名的文本文件。在你的电脑上,你可能有不同类型的文件。.jpg图片.mp3音乐.avi视频.docWord文档.xlsExcel电子表格每一种类型.原创 2020-05-15 23:43:49 · 251 阅读 · 0 评论 -
1.2 World Wide Web —— Web是Internet的一部分(HTTP部分)
文章目录1. Web网络(Web)2. 网页(Webpage)3. 网站(Website)4. 在浏览器中打开网页5. 总结源网页:https://marksheet.io/web.html1. Web网络(Web)我们看到在互联网上连接的计算机是如何用不同的语言进行通信的,称为协议,以交换电子邮件、文件、聊天信息…这些协议中的一种叫做HTTP。它是计算机之间相互共享网页 Webpages 的协议,就像你目前正在阅读的就遵循这个协议。Web是互联网中共享网页的部分。如果URL以https://开头原创 2020-05-15 01:18:06 · 580 阅读 · 0 评论 -
1.1 互联网——一个巨大的计算机网络
互联网不只是Web。互联网更大、更古老、更多样。想象一下,世界各地的道路是如何互联的:小街道连接到城市的车道,这些车道又变成了区域性的道路,然后与国家和国际公路汇合。你可以从你的房子开到世界上任何其他的房子(除非被大洋阻隔)。在这个道路网中也没有实际的中心。互联网也是类似的。但不是道路,而是电缆。而不是房子,而是电脑。而在这个网络上行驶的不是汽车,而是信息。它在1969年被发明出来,是为了连接整个美国的计算机。如今,数十亿的设备(包括个人电脑、笔记本电脑、手机、电视、冰箱…)已经互联互通。文章目.原创 2020-05-15 00:52:29 · 830 阅读 · 0 评论 -
Ubuntu nginx 安装与控制
Nginx是异步框架的网页服务器,也可以用作反向代理、负载平衡器和HTTP缓存。文章目录1. 通过Ubuntu Repository来安装预 build 的包2.检查安装效果3. nginx 的基本控制指令1. 通过Ubuntu Repository来安装预 build 的包更新 Ubuntu repository 信息:sudo apt-get update安装包:sudo apt-get install nginx查看安装版本$ sudo nginx -vnginx.原创 2020-05-14 11:23:12 · 585 阅读 · 0 评论 -
计算机网络基础——网络模型(OSI、TCP/IP)、网络应用模式
计算机网络是独立自主的计算机互联而成的系统的总称,组建计算机网络最主要的目的是实现多台计算机之间的通信和资源共享。(by jackfrued)实现网络通信的基础是网络通信协议,这些协议通常是由互联网工程任务组 (IETF)制定的。所谓“协议”就是通信计算机双方必须共同遵从的一组约定,例如怎样建立连接、怎样互相识别等,网络协议的三要素是:语法、语义和时序。文章目录1. OSI 七层模型1.1 第7层 应用层1.2 第6层 表示层1.3 第5层 会话层1.4 第4层 传输层1.5 第3层 网络层1.6 .原创 2020-05-13 21:12:07 · 2456 阅读 · 0 评论