From e63c312e47ca7a6b540777f4dfbb18b9d14ac98b Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 9 Sep 2024 23:34:37 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...31\346\254\241\344\270\200\350\265\267.md" | 55 +++++++++++++++ ...\345\231\250--\344\275\234\344\270\232.md" | 52 ++++++++++++++ ...3\200\201HTML-\347\254\224\350\256\260.md" | 68 +++++++++++++++++++ 3 files changed, 175 insertions(+) create mode 100644 "\351\273\216\346\254\243\346\254\243/markdom\347\254\224\350\256\260--\344\270\212\346\254\241\344\272\244\346\265\201\350\242\253\345\210\240\344\272\206\357\274\214\350\267\237\350\277\231\346\254\241\344\270\200\350\265\267.md" create mode 100644 "\351\273\216\346\254\243\346\254\243/\344\270\273\346\265\201\346\265\217\350\247\210\345\231\250--\344\275\234\344\270\232.md" create mode 100644 "\351\273\216\346\254\243\346\254\243/\350\256\244\350\257\206web\343\200\201\346\265\217\350\247\210\345\231\250\343\200\201HTML-\347\254\224\350\256\260.md" diff --git "a/\351\273\216\346\254\243\346\254\243/markdom\347\254\224\350\256\260--\344\270\212\346\254\241\344\272\244\346\265\201\350\242\253\345\210\240\344\272\206\357\274\214\350\267\237\350\277\231\346\254\241\344\270\200\350\265\267.md" "b/\351\273\216\346\254\243\346\254\243/markdom\347\254\224\350\256\260--\344\270\212\346\254\241\344\272\244\346\265\201\350\242\253\345\210\240\344\272\206\357\274\214\350\267\237\350\277\231\346\254\241\344\270\200\350\265\267.md" new file mode 100644 index 0000000..917d20d --- /dev/null +++ "b/\351\273\216\346\254\243\346\254\243/markdom\347\254\224\350\256\260--\344\270\212\346\254\241\344\272\244\346\265\201\350\242\253\345\210\240\344\272\206\357\274\214\350\267\237\350\277\231\346\254\241\344\270\200\350\265\267.md" @@ -0,0 +1,55 @@ +使用markdom语法文件后缀名为.md +# 表示一级标题 +## 表示二级标题 +…… + +显示图片： +![文字](图片路径 ./ .//) + +a标签：[文字](路径) 例如：[百度](baidu.com) + +斜体：*大家* +粗体：**粗体** + +斜粗体：***斜粗体*** + +引用： +>法国三等奖 + +阴影颜色显示：`fhds` + +代码块显示 +~~~JS +console.log('返回打扫干净') +~~~ + +有序列表： +1. 太鼓达人 +1. 太鼓达人 +1. 太鼓达人 + +1) 返回电工合金 +1) 返回电工合金 +1) 返回电工合金 + +无序列表： ++ 回复对 + + 回复对 + + 慧夫妇 + +- 复活甲 + - 复活甲 + - 复活甲 + +* 封堵术 + * 封堵术 + * 封堵术 + ++ dj + * bfjd + - hfj + +表格： +| 左 | | 中 | | 右 | +| ：- | | - | | -： | + diff --git "a/\351\273\216\346\254\243\346\254\243/\344\270\273\346\265\201\346\265\217\350\247\210\345\231\250--\344\275\234\344\270\232.md" "b/\351\273\216\346\254\243\346\254\243/\344\270\273\346\265\201\346\265\217\350\247\210\345\231\250--\344\275\234\344\270\232.md" new file mode 100644 index 0000000..2915d03 --- /dev/null +++ "b/\351\273\216\346\254\243\346\254\243/\344\270\273\346\265\201\346\265\217\350\247\210\345\231\250--\344\275\234\344\270\232.md" @@ -0,0 +1,52 @@ +|主流浏览器| 渲染引擎|JS引擎| +|:-|:-:|-:| +|Google Chrome|Blink|JavaScriptV8| +|Apple Safari |WebKit|SquirrelFish、Nitro、JavaScriptCore| +|Microsoft Edge |Blink|JavaScriptV8| +|Mozilla Firefox|Gecko|SpiderMonkey、TraceMonkey、JaegerMonkey、IonMonkey、OdinMonkey| + +


+ +>2024主流浏览器分析： +1. **谷歌 Chrome 浏览器**：根据Statcounter的数据，Chrome在2024年3月以65%的市场份额稳居第一 。Chrome以其快速、安全和丰富的扩展功能而广受欢迎。 + +2. **苹果 Safari 浏览器**：Safari在2024年3月以18.57%的市场份额位居第二 。Safari是苹果设备上的默认浏览器，以其优秀的性能和对用户隐私的保护而受到用户的青睐。 + +3. **微软 Edge 浏览器**：Edge在2024年3月以5.01%的市场份额排名第三 。Edge浏览器基于Chromium内核，提供了与Chrome类似的性能和扩展支持，同时集成了微软的服务和特性。 + +4. **Mozilla Firefox 浏览器**：Firefox在2024年3月的市场份额为2.79%，排名第四 。Firefox以其开源、可定制性强和对隐私保护的重视而受到一部分用户的喜爱。 + +5. **其他浏览器**：包括Opera、Samsung Internet Browser、Vivaldi等，它们各自有着特定的用户群体和特色功能。 + +注重隐私保护的浏览器，如Epic Privacy Browser、Vivaldi、Waterfox、Tor Browser、Puffin等 + +在性能方面，Edge浏览器在某些测试中表现出色 +在桌面浏览器市场中，Chrome依旧占据主导地位 +这些浏览器各有特点，用户可以根据自己的需求和偏好选择合适的浏览器。 + +>2024渲染引擎与JS引擎 +1. **Google Chrome**： + - 渲染引擎：最初基于WebKit，后来Google开发了自己的Blink引擎，Chrome使用Blink作为其渲染引擎。 + - JavaScript引擎：V8，这是由Google开发的高性能JavaScript引擎，专为Chrome优化。 + +2. **Mozilla Firefox**： + - 渲染引擎：Gecko，这是一个开源的渲染引擎，由Mozilla基金会维护。 + - JavaScript引擎：最初是SpiderMonkey，后续引入了TraceMonkey、JaegerMonkey、IonMonkey和OdinMonkey等，不断优化JavaScript的性能。 + +3. **Apple Safari**： + - 渲染引擎：WebKit，这是苹果公司开发的开源渲染引擎，Safari是其主要的浏览器应用。 + - JavaScript引擎：最初是SquirrelFish，后来引入了Nitro和JavaScriptCore，以提高JavaScript的执行效率。 + +4. **Microsoft Edge**： + - 渲染引擎：最初Edge使用的是EdgeHTML，但后来微软放弃了EdgeHTML，转而使用Chromium项目的基础，因此Edge的渲染引擎现在是Blink。 + - JavaScript引擎：最初是Chakra，但随着Edge转向Chromium，现在也使用V8引擎。 + +5. **Opera**： + - 渲染引擎：最初使用Presto，后来转向WebKit，最终跟随Chrome使用Blink引擎。 + - JavaScript引擎：最初使用Carakan，但随着转向Blink，现在也使用V8引擎。 + +6. **Internet Explorer**： + - 渲染引擎：Trident，这是微软开发的渲染引擎，用于早期版本的Internet Explorer。 + - JavaScript引擎：最初是JScript，后来在IE9及以后的版本中使用了Chakra。 + + diff --git "a/\351\273\216\346\254\243\346\254\243/\350\256\244\350\257\206web\343\200\201\346\265\217\350\247\210\345\231\250\343\200\201HTML-\347\254\224\350\256\260.md" "b/\351\273\216\346\254\243\346\254\243/\350\256\244\350\257\206web\343\200\201\346\265\217\350\247\210\345\231\250\343\200\201HTML-\347\254\224\350\256\260.md" new file mode 100644 index 0000000..373f80d --- /dev/null +++ "b/\351\273\216\346\254\243\346\254\243/\350\256\244\350\257\206web\343\200\201\346\265\217\350\247\210\345\231\250\343\200\201HTML-\347\254\224\350\256\260.md" @@ -0,0 +1,68 @@ +## web +__web:__ +**全球**广域网，也称为万维网 +**网页**：网页是构成网站的基本元素 +Web前端分三层： +1、HTML：超文本标记语言 +2、CSS：层叠样式表 +3、JS：Javascript +web标准 ：制作网页遵循的规范 +包含三个方面： +1、结构标准（HTML）：用于对网页元素进行整理和分类。 +2、表现标准（CSS）：用于设置网页元素的版式、颜色、大小等外观样式。 +3、行为标准（JS）：用于定义网页的交互和行为。 +## 浏览器 +**浏览器**:浏览器是网页运行的平台 +浏览器的组成： +1、渲染引擎 （浏览器内核） +2、JS引擎 +常用浏览器及内核： +1、谷歌（Chrome）:Blink +2、Safari：Webkit +3、火狐（Firefox）：Gecko +4、IE：Trident +5、Edge：Blink +6、Opera：Presto + +常用浏览器及JS引擎： +1、谷歌（Chrome）:V8 +2、Safari：Nitro +3、火狐（Firefox）：SpiderMonkey、 TraceMonkey、JaegerMonkey、IonMonkey和OdinMonkey +4、IE：Trident +5、Edge：Blink +6、Opera：Carakan、 Blink +## HTML （HyperText Markup Language）超文本标记语言 + +#### HTML的概念：HTML 不是一种编程语言，是一种描述性的标记语言。 +作用：HTML是负责描述文档语义的语言。 +__超文本含义：__ +1、超出了文本的限制，有图片、视频等 +2、超级链接文本 +HTML格式的文件是一个**纯本文文件**（txt文件改名而成），用一些标签来描述语义，这些标签在浏览器页面上是无法直观看到的，所以称之为“超文本标记语言”。 +例如：\

标签的作用：给文本增加主标题的语义 +### html专有名词 +1、网页 ：由各种标记组成的一个页面就叫网页。 +2、主页(首页) : 一个网站的起始页面或者导航页面。 +3、标记： 比如\

称为开始标记 ，\

称为结束标记，也叫标签。每个标签都规定好了特殊的含义。 +4、元素：比如\

内容\

称为元素，也叫dom元素，也叫节点. +5、属性：给每一个标签所做的辅助信息。 +XHTML：符合XML语法标准的HTML。 +DHTML +HTTP：超文本传输协议、SMTP：邮件传输协议、FTP：文件传输协议。 + +#### 新建HTML文件 +1、打开VSCOde的，新建一个文件，名叫test.html，文件名是test，后缀名是html +2、在页面中 ，输入html:5，然后按一下键盘上的Tab键 或者感叹号加回车键 +```html + + + + + + Document + + + + + +``` -- Gitee