前端基础-每日一更

最新推荐文章于 2023-10-18 13:59:33 发布
置顶 VIP文章 最新推荐文章于 2023-10-18 13:59:33 发布
阅读量156 收藏 2
点赞数
分类专栏： 前端学习 文章标签： git session javascript html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43648017/article/details/113730481
版权

GitHub、Gitee 同步更新
GitHub：web_basic-knowledge-study
Gitee： Web_basicKnowledgeStudy

工具-Git

1.git 和 svn的区别
  1. git 和 svn 最大的区别在于 git 是分布式的，而 svn 是集中式的。因此我们不能再离线的情况下使用 svn。如果服务器出现问题，我们就没有办法使用 svn 来提交我们的代码
  2. svn 中的分支是整个版本库的复制的一份完整目录，而 git 的分支是指针指向某次提交，因此git 的分支创建更加开销更小并且分支上的变化不会影响到其他人。svn 的分支变化会影响到
  3. svn相对于 git 来说要简单一些，比 git 更容易上手
  4. git 和 svn 对比 - 掘金
  5. git 学习小计 - 分支原理
2.常见git 命令
git init // 新建 git 代码库
git add // 添加指定文件到暂存区
git rm // 删除工作区文件，并且将这次删除放入暂存区
git commit -m [message] // 提交暂存区到仓库区
git branch // 列出所有分支
git checkout -b [branch] // 新建一个分支，并切换到该分支
git status // 显示有变更的文件

常见 git 命令清单

3.git pull 和 git fetch 的区别 (从远程仓库更新到本地仓库)
  1. git fetch 只是将远程仓库的变化下载下来，并没有和本地分支合并。
  2. git pull 会将远程仓库的变化下载下来，并和当前分支合并
  3. git pull = git fetch + git merge
  4. 详解git pull 和 git fetch 的区别
4.git rebase 和 git merge 的区别
  1. git merge 和 git rebase 都是用于分支合并，关键在 commit 记录的处理上不同。
  2. git merge 会新建一个新的 commit 对象，然后两个分支以前的 commit 记录都指向这个新 commit记录。这种方法会保留之前每个分支的 commit 历史。
  3. git rebase 会先找到两个分支的第一个共同的 commit 祖先记录，然后将提取当前分支这之后的所有commit 记录，然后将这个 commit 记录添加到目标分支的最新提交后面。经过这个合并后，两个分支合并后的 commit 记录就变为了线性的记录了(线性树--对两个分支的历史有破坏)
  4. 《git merge 与 git rebase 的区别》

(最后更新于 day-1，2021/2/6 )

HTML

1. DOCTYPE的作用是什么？

<!DOCTYPE>声明位于 HTML 文档中的第一行，处于 <HTML>标签之前。

**作用：**告知浏览器以什么文档标准解析这个文档。

DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。

HTML5 之后不再需要指定DTD文档：
因为HTML5之前的文档都是基于SGML的，因此需要指定DTD来定义文档中允许的属性和一些规则。
由于HTML5不再基于SGML,因此不再需要使用DTD

2.标准模式 和 兼容模式的区别

**标准模式：**渲染模式和 JS引擎的解析方式都是以该浏览器所能支持的最高标准运行。

**兼容模式：**页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为，防止站点无法工作。

3. HTML5 为什么只需要写<!DOCTYPE HTML>，而不需要引入 DTD？

HTML5不再基于SGML,因此不需要指定DTD

HTML5之前的文档都是基于SGML，需要指定DTD来定义相应的规则和属性

4. SGML 、 HTML 、XML 和 XHTML 的区别？

SGML:标准通用标记语言，是一种定义电子文档和描述其内容的国际标准语言，是所有电子文档标记语言的起源。
HTML:超文本标记语言，规定怎么显示网页。
XML:可扩展标记语言，XML标签可自建，无限多；HTML标签固定且数量有限。
XHTML:基本所有网页都在使用的标记语言，和HTML没有本质区别，标签，数量都一样，主要是比HTML更严格了
											eg：标签规定必须小写，标签都必须由闭合标签等等。

5. DTD 介绍

DTD（ Document Type Definition ）文档类型定义

是一组机械可读的规则，定义了XML 或 HTML的特定版本中的所有允许元素、规则和属性

在进行网页解析时，浏览器使用这些规则，检查页面的有效性并采取相应的措施

DTD是对HTML文档的声明，还会影响浏览器的渲染模式。

6. 行内元素（内联元素）定义

常见行内元素：a b span img strong sub sup button input label select textarea

7. 块级元素定义

常见的块级元素有 div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p

8.行内元素和块级元素的区别

  1. **主要区别：**体现在盒模型上。设置width和height无效，设置magin 和padding的上下不会对其他元素产生影响

  2. 行内元素不会换行，块级元素会另起一行

  3. 行内元素只能包含文本和其他行内元素，但是块级元素可以包含块其他级元素和行内元素

9.HTML5 元素的分类 （***有点难记）

在HTML4中，元素被分为 inline 和 block两大类，但是在实际应用中，我们经常需要用display转换，更是出现了inline-block对外显示inline 对内显示block的属性，inline和block已不再符合实际需求

HTML5的元素分类（7类）：Metadata Flow Sectioning Heading Phrasing Embedded Interactive

10. 空元素定义

标签中没有内容的HTML标签被称为空元素，空元素在开始标签中关闭。

常见的空元素 ：br(换行) hr（分隔线） img link meta input

11.link 标签定义

link 标签定义文档与外部资源的关系

link 元素是空元素，仅包含属性，存在于head ，可以出现无限次

link 标签中的rel定义了当前文档与链接文档之前的关系，例如常见的stylesheet指的就是一个外部加载的样式文件

12. 页面导入样式时，使用 link 和 @import 有什么区别？

4个主要的区别

  1. 从属关系区别：@import是css提供的语法，只可导入样式表，但是link不仅导入css样式表，还可以定义rss，rel 连接属性、引入网站图标等。

  2. 加载顺序区别：link引入的css在页面加载时同时加载，但是@import引入的css在页面加载完后加载

  3. 兼容性区别：@import 是css2.1的语法，在IE5+才可以使用，而link是HTML的元素，不存在兼容性问题

  4. DOM可控性区别：link可以通过JS操作DOM插入link标签修改样式，但是@improt是css的语法，无法通过DOM操作。DOM是基于文档的。

(最后更新于 day-2，2021/2/7 )

JavaScript

1.介绍 js 的基本数据类型

js 一共有六种基本数据类型，

5种简单类型分别是 Undefined、Null、Boolean、Number、String （巧记 undefined / null，NSB）

1种复杂数据类型 object（对象）

ES6 新增的 symbol 类型：

Symbol 代表创建后独一无二且不可变的数据类型，它的出现我认为主要是为了解决可能出现的全局变量冲突 的问题。

ES10 新增的BigInt 类型：

BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大 整数，即使这个数已经超出了Number 能够表示的安全整数范围。

(最后更新于 day-2，2021/2/7 )

2.原始值和引用值

**原始值 **即一些代表原始数据类型的值，也叫基本数据类型，首先说一下js中有哪些原始值，Number，String，Boolean，Null，Undefined这些基本数据类型都是原始值。

原始值存储在栈中。

var a = 10 ;
var b = a ;
a = 20;
console.log(b);     //输出10 b的值不会因a的值的改变而该改变

引用值 是指一些复合类型数据的值，包括Object，function，Array，RegExp，Data，引用值于原始值不同。

引用值由指针（引用变量）指向对象，指针放在栈中，但是对象在堆内存里。

var a = [1,2,3] ;  
var b = a ; 
a.push(4) ;
console.log(b) ;     //输出1,2,3,4 
a = [12] ;
console.log(b) ;  //输出1,2,3,4 
console.log(a) ;  //输出12

上例中a指向[12]，指向了新的堆空间。

3. JS中数据类型的4种判断方法

typeof 、 instanceof 、 Object.prototype.toString.call() 、constructor（构造函数）

**1.typeof **
返回值包括number、boolean、string、symbol、object、undefined、function等7种数据类型
但不能判断null、array等

typeof Symbol(); // symbol 有效
typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 无效
typeof [] ; //object 无效
typeof new Date(); //object 无效
typeof new RegExp(); //object 无效

2.instanceof

用来判断A

最低0.47元/天 解锁文章
你觉得这样嘿怕吗
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
xinBlog：前端基础。Vue框架。数据结构与算法。计算机网络。夯实基础
02-05
前端基础知识。HTML，CSS，JavaScript，ES6。前端框架。Vue。熟悉用法与生态，深入理解原理。前端安全性，性能优化的常用策略。面试问题。每周复盘一次完整的面试，不断提高。Node.js，微信小程序正在孵化中，敬请...
讲 透Object.prototype.toString.call()
不想起床
04-22 4914
Object.prototype.toString.call() 这个方法是用来判断数据类型的，主要用到的知识点是原型，原型链，toString(),call toString 每个对象都有一个 toString() 方法，当该对象被表示为一个文本值时，或者一个对象以预期的字符串方式引用时自动调用。 默认情况下，toString() 方法被每个 Object 对象继承。如果此方法在自定义对象中未被覆盖，toString() 返回 "[object type]"， 其中 type 是对象的类型。 demo
Object.prototype.toString.call()方法使用
木易的博客
08-04 1万+
前端开发项目中，常常会遇到判断一个变量的数据类型等操作，在 JavaScript 里使用typeof来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object” 五种。对于数组、对象来说，其关系错综复杂，使用typeof都会统一返回 “object” 字符串。此时，我们可以使用Object.prototype.toString.call(var)能判断具体的类型数组； 具体实例如下： 1.判断基本类型： O...
Object.prototype.toString.call()的原理
fang_my的博客
06-19 7094
今天在项目中看到了用这个方法封装的检测数据类型的工具。但是浏览器搜索相关原理的好回答凤毛麟角，故而想记录一下，万一可以帮助到更多的新手呢？我的文章都是非常通俗易懂的，因为我写文章的时候，都是根据一个前提，假如我是刚开始学习js的新手，别人如果这样讲解这个知识点，那么我也能听懂。我不喜欢那种用专业术语去解释一个知识点凸显自己水平高超的文章，所以我通常采用费曼学习法的方式去记录这些知识点。喜欢的话可以看看我其它文章，对新人极度友好的哟～😊1.我相信大多数人对这个方法有一个误区，包括我，在刚开始学JS的时候，容.
从深入到通俗：Object.prototype.toString.call()
IT_bar的博客
05-19 2029
一、Object.prototype.toString() 的调用 对于 Object.prototype.toString() 方法，会返回一个形如 “[object XXX]” 的字符串。 如果对象的 toString() 方法未被重写，就会返回如上面形式的字符串。 ({}).toString(); // => “[object Object]” Math.toString(); // => “[object Math]” 但是，大多数对象，toString() 方法都是重写
Object.prototype.toString.call()如何理解
m0_67992720的博客
10-18 729
Object.prototype.toString​​​​​​​.call()是 JavaScript 中用于获取对象类型的一种常见方式。这方法通常用来判断某个值的精确类型，因为 JavaScript 的typeof 运算符虽然能用来区分基本数据类型，但对于对象类型的区分并不够精确。
工具查询小蜜蜂每日一占 V1.0-mryz.rar
最新发布
04-07
【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、...
30-seconds-for-everyday:聚焦前端 | 夯实基础 | 趣味教程 | 轻松进阶
05-14
陪伴：与小二一起成长学习 :flexed_biceps: 围绕：从前端到Node.js进行展开 :chart_increasing: 指在：以每日养成习惯，不轻视30 秒带来的改变 :warning: 达到：凭厚积薄发积累经验，突破工作年限次元限制 :bullseye...
leetcode叫数-DailyStudy:每日学习
06-30
计算机基础 数据结构和算法 参考教程： 计算机网络 书 图解http协议 图解tcp协议 计算机操作 计算机组成原理 编译原理 为何选择这么多极客时间，很多东西买书看视频都可以学，但是极客时间优点是每个篇章都比较短的...
One-Note-A-Day:编程每日一题：每天一道精选面试或编程题，180秒内语音答题模式凝练答案。次日推送标准参考答案至群内供大家复盘，做到事事有回音，题题有答案
05-29
编程每日一题 每天一道精选面试或编程题，180 秒内语音答题模式凝练答案。次日推送标准参考答案至群内供大家复盘，做到事事有回音，题题有答案。每天早上 8:16 准时发车，来不及解释了，快上车！ 本仓库为已经发布的...
每天一个前端特效
08-10
A front-end effect every day （每天一个前端特效）
Object.prototype.toString.call()方法、为 Array 添加一个去除重复项的方法
小草莓的博客
10-15 1350
注意：Object.prototype.toString() 本身是允许被修改的，而我们目前所讨论的关于Object.prototype.toString()这个方法的应用都是假设 toString() 方法未被修改为前提的。这里要注意，NaN === NaN 为 false，{} === {}为false。因此，要想区分对象、数组、函数、单纯使用 ​​​​​​​。判断数据类型，只能区分除了 null 以外的。在JS中，可以通过 ​​​​​​​。都会统一返回 ​​​​​​​。来说，使用 ​​​​​​​。
浅谈Object.prototype.toString.call(obj)功能及原理
热门推荐
寒烟说的博客
03-02 4万+
Object.prototype.toString.call(obj)的功能 可能作为程序员以及即将迈入程序员门槛的小伙伴都知道Object.prototype.toString.call(obj)方法，功能简单但是确是类型检测界的“扛把子”。 首先来讲，对刚接触的人来说，我们为什么要使用这种奇怪的方法呢？typeof也可以检测类型，然而它有什么优势？我们来引入一道JavaScript的题目来参考...
实习打怪之路：JS中检测数据类型的方法
qq_51066068的博客
07-21 306
1.toString为Object的原型方法，而Array 、Function等类型作为Object的实例，都重写了toString方法。 2.不同的对象类型调用toString方法时，根据原型链的知识， 调用的是对应的重写之后的toString方法（Function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串…），而不会去调用Object上原型toString方法（返回对象的具体类型），...
Object.prototype.toString.call()方法
SmallWhiteWaves的博客
06-26 225
1.基本类型 Object.prototype.toString.call(null); // "[object Null]" Object.prototype.toString.call(undefined); // "[object Undefined]" Object.prototype.toString.call(“abc”);// "[object String]" Object.prototype.toString.call(123);// "[object Number]" Object.
js中的Object.prototype.toString.call()方法
Amelian的博客
11-26 2924
在JavaScript里使用typeof判断数据类型，只能区分基本类型，即：number、string、undefined、boolean、object。 对于null、array、function、object来说，使用typeof都会统一返回object字符串。 要想区分对象、数组、函数、单纯使用typeof是不行的。在JS中，可以通过Object.prototype.toString方法，判断某个对象之属于哪种内置类型。 分为null、string、boolean、number、undefined、a
每天一个前端小知识
weixin_43910086的博客
08-22 607
初始化编译参数——开始编译，加载plugin插件，执行对象的run方法开始执行编译——确定入口entry——编译模块，从入口文件开始触发，调用所有模块的loader进行触发，得到每个模块被翻译之后的内容，以及它们之间的关系依赖——完成编译，得到了翻译之后的模块依赖图——输出资源，组装成包含多个模块的chunk,在把每个chunk转换成一个单独的文件加入到输出列表，确定输出的路径和文件名，然后输出。基于原生的es module， 模块按需编译加载，轻量快速的热重载，服务启动较快，开箱即用。..........
Object.prototype.toString.call(obj)的功能及原理
少昊的博客
04-19 1039
Object.prototype.toString.call(obj) 这句话的意思是让我们用Object原型上的toString方法(见下图原型链)作用在传入的obj中（通过call将this指向obj），那么我们知道数组或者其他引用类型本身也有toString()方法，那我们为什么非要用Object.prototype呢？ 图一：原型链图 我们来看下Array等引用类型的toString方法的输出 图二：不同类型上的toString方法 除了null和undefined上没有...
Object.prototype.toString.call()精准判断数据类型的原理
qq_49143427的博客
04-06 527
实际上Object.prototype.toString.call()能够精准判断数据类型，是通过调用Object原型对象上的toString()方法，然后通过call()方法改变this的指向，将需要进行类型判断的数据（的上下文this）作为Object.prototype.toString()方法的执行环境。所以说，假如你修改了Symbol.toStringTag 属性的值，那么通过Object.prototype.toString.call()方法返回的结果可能是其它类型。然后返回这样一个结果。
前端sm-crypto
08-28
前端sm-crypto是一个用于在前端环境中进行SM2、SM3、SM4等国密算法操作的JavaScript库。它提供了一系列的函数和方法，可以用于生成SM2密钥对、进行密钥交换、加解密、签名验证等操作。通过使用前端sm-crypto，开发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值