代码随想录知识星球精华（最强八股文）第五版（前端篇）.pdf资源-CSDN文库

版权申诉

92 浏览量 2025-01-07 16:31:34 上传评论收藏 3.56MB PDF 举报

资源推荐

资源详情

资源评论

代码随想录知识星球精华（最强⼋股⽂）第五版

（前端篇））

代码随想录知识星球精华（最强⼋股⽂）第五版为九份PDF，分别是：

代码随想录知识星球⼋股⽂概述

C++篇

go篇

Java篇

前端篇

算法题篇

计算机基础篇

问答精华篇

⾯经篇

本篇为最强⼋股⽂之前端篇。

绝⼤部分内类来⾃代码随想录知识星球，部分参考如掘⾦、知乎、⽜客⽹，还有⼀些博客资料，标注如有

疏漏，敬请谅解。

HTML

DOCUTYPE的作⽤

DOCTYPE是document type (⽂档类型) 的缩写。是HTML5中⼀种标准通⽤标记语⾔的⽂档类型声明，告诉浏览器

⽂档的类型，便于解析⽂档。不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明

在HTML⽂档的第⼀⾏.

浏览器渲染⻚⾯的两种模式

CSS1 Compat：标准模式（Strick mode），浏览器使⽤W3C的标准解析渲染⻚⾯。浏览器以其⽀持的最⾼标

准呈现⻚⾯。

BackCompat：怪异模式(混杂模式)(Quick mode)，默认模式，⻚⾯以⼀种⽐较宽松的向后兼容的⽅式显示。

DOCTYPE 不存在或者形式不正确会导致HTML或XHTML⽂档以混杂模式呈现，就是把如何渲染html⻚⾯的

权利交给了浏览器，有多少种浏览器就有多少种展示⽅式。因此要提⾼浏览器兼容性就必须重视。

html语义化

根据内容的结构选择合适的标签

优点

增加代码可读性，结构清晰，便于开发和维护

对机器友好，⽂字表现⼒丰富，有利于SEO。SEO(Search Engine Optimization)是搜索引擎优化，为了让⽤

户在搜索和⽹站相关的关键词的时候，可以使⽹站在搜索引擎的排名尽量靠前，从⽽增加流量。

⽅便设备解析（如盲⼈阅读器等），可⽤于智能分析

在没有 CSS 样式下，⻚⾯也能呈现出很好地内容结构、代码结构

常⻅的语义化标签

title ：⻚⾯主体内容

header ：⻚眉通常包括⽹站标志、主导航、全站链接以及搜索框。

nav ：标记导航，仅对⽂档中重要的链接群使⽤。

section ：定义⽂档中的节（section、区段）。⽐如章节、⻚眉、⻚脚或⽂档中的其他部分。

main，帮助到搜索引擎以及搜索⼯程师找到⽹站的主要内容，本身并不承载特殊的功能和意义。

article：定义外部的内容，其中的内容独⽴于⽂档的其余部分。

aside ：定义其所处内容之外的内容。如侧栏、⽂章的⼀组链接、⼴告、友情链接、相关产品列表等。

footer：⻚脚，只有当⽗级是body时，才是整个⻚⾯的⻚脚。

address：作者、相关⼈⼠或组织的联系信息（电⼦邮件地址、指向联系信息⻚的链接）。

meta标签

meta标签⽤来描述⼀个HTML⽹⻚⽂档的属性，例如作者、⽇期和时间、⽹⻚描述、关键词、⻚⾯刷新等。

meta标签的作⽤有：搜索引擎优化（SEO），定义⻚⾯使⽤语⾔，⾃动刷新并指向新的⻚⾯，实现⽹⻚转换时的动

态效果，控制⻚⾯缓冲，⽹⻚定级评价，控制⽹⻚显示的窗⼝等。

meta分类

1）⻚⾯描述信息(NAME)：常⽤的选项有Keywords(关键字) ，description(⽹站内容描述)，author(作者)，

robots(机器⼈向导)等。

2）HTTP标题信息(HTTP-EQUIV)：可⽤于代替name项，常⽤的选项有Expires(期限)，Pragma(cache模式)，

Refresh(刷新)，Set-Cookie(cookie设定)，Window-target(显示窗⼝的设定)，content-Type(显示字符集的设定)

等。

3）content项：根据name项或http-equiv项的定义来决定此项填写什么样的字符串。

HTML5特性

新增

新的选择器 document.querySelector、document.querySelectorAll

媒体播放的 video 和 audio 标签

以前⽤的flash实现

本地存储 localStorage 和 sessionStorage

浏览器通知 Notifications

语义化标签，例如 header，nav，footer，section，article 等标签。

地理位置 Geolocation

鉴于隐私性，除⾮⽤户统⼀，否则不可获取⽤户地理位置信息

离线应⽤ manifest

全双⼯通信协议 websocket

浏览器历史对象 history

多任务处理 webworker

运⾏在后台的JS，独⽴于其他脚本，不影响性能

拖拽相关API

增强表单控件 url，date，time，email，calendar，search

⻚⾯可⻅性改变事件 visibilitychange

跨窗⼝通信 PostMessage

表单 FormData 对象

canvas+SVG

移除

纯表现的元素：basefont、big、center、font、 s、strike、tt、u

对可⽤性产⽣负⾯影响的元素：frame、frameset、noframes

src 和 href 的区别

src ⽤于替换当前元素，href ⽤于在当前⽂档和引⽤资源之间确⽴联系

⼀、src

src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌⼊到⽂档中当前标签所在位置；在请求 src 资源时

会将其指向的资源下载并应⽤到⽂档内，例如 js 脚本，img 图⽚和 frame 等元素。

当浏览器解析到该元素时，浏览器会对这个⽂件进⾏解析，编译和执⾏，从⽽导致整个⻚⾯加载会被暂停，类似于

将所指向资源嵌⼊当前标签内。这也是为什么将js 脚本放在底部⽽不是头部。

⼆、href

href 是 Hypertext Reference 的缩写，指向⽹络资源所在位置，建⽴和当前元素（锚点）或当前⽂档（链接）之间

的链接，浏览器遇到 href 就会并⾏下载资源并且不会停⽌对当前⽂档的处理。这也是为什么建议使⽤ link ⽅式来

加载 css，⽽不是使⽤@import 。

三、总结来说

src 代表这个资源是必备的，必不可少的，最终会嵌⼊到⻚⾯中，⽽ href 是资源的链接

⾏内元素和块级元素有哪些

⼀、元素种类

1、⾏内元素

和其他元素都在⼀⾏上；

⾼，⾏⾼及外边距和内边距部分可改变；

宽度只与内容有关；

剩余277页未读，继续阅读

评论收藏

内容反馈

版权申诉

skyJ

粉丝: 3047
资源: 2225

代码随想录知识星球精华（最强八股文）第五版（前端篇）.pdf

代码随想录知识星球精华（最强八股文）第五版（算法篇）.pdf

代码随想录知识星球精华（最强八股文）第五版（Go篇）.pdf

代码随想录知识星球精华（最强八股文）第五版（面经篇）.pdf

代码随想录知识星球精华（最强八股文）第五版（星球资源篇）.pdf

代码随想录知识星球精华（最强八股文）第五版（概述）.pdf

代码随想录最新第三版-最强八股文

代码随想录知识星球精华-大厂面试八股文v1.1

「代码随想录」动态规划专题精讲（v1.2）.pdf

《代码随想录》最新PDF全集整理发布

代码随想录算法PDF.rar

代码随想录算法PDF.zip

代码随想录-最强八股文（第五版）

新媒体写作知识点.doc

代码随想录的pdf版本，需要准备秋招的小伙伴们看过来呀！

代码随想录知识算法讲解PDF

「代码随想录」二叉树专题精讲（v2.0）.pdf

2024年 8项合集12月最新JavaGuide 面试指北 代码随想录八股文 面经 【8项全部打包】最新面试指北 + JavaGuide + 最新代码随想录八股文 + 50万字Java面试宝

NLP算法岗八股文 密码daimasuixianglu.pdf

《代码随想录-最强八股文（第五版）》是一部综合性的编程知识合集，旨在帮助程序员，尤其是面试者，提升在前端、后端以及Java和Go等领域的技术素养 这一版本的内容涵盖了大量的面试常见问题，是程序员们准备

代码随想录+刷题笔记记录

2015-04_P292 软件随想录.pdf

代码质量随想录

「代码随想录」二叉树专题精讲（v1.2）.pdf

毕业设计（论文）格式样本.doc

网站建设网络推广服务公司宣传口号.pdf

计算机程序设计艺术

代码随想录 动态规划、回溯、递归、二叉树、贪心

相关实用应用程序（Windows可用）

李飞飞自传 我看见的世界 The World I see

最新资源

2024年 8项合集12月最新JavaGuide 面试指北代码随想录八股文面经【8项全部打包】最新面试指北 + JavaGuide + 最新代码随想录八股文 + 50万字Java面试宝

NLP算法岗八股文密码daimasuixianglu.pdf

《代码随想录-最强八股文（第五版）》是一部综合性的编程知识合集，旨在帮助程序员，尤其是面试者，提升在前端、后端以及Java和Go等领域的技术素养这一版本的内容涵盖了大量的面试常见问题，是程序员们准备

代码随想录动态规划、回溯、递归、二叉树、贪心

李飞飞自传我看见的世界 The World I see