前端每日学习
关于前端进阶,重要细节与知识点的总结
方格田
这个作者很懒,什么都没留下…
展开
-
JS数据类型转换
1.[] == ![]结果:true原因:[]是一个空对象,转换为数字为0;![]是boolean类型,[]是true,![]是false,转换为数字为0,相等2. 对象转原始类型是根据什么流程运行的?对象转原始类型,会调用内置的[ToPrimitive]函数,对于该函数而言,其逻辑如下:如果Symbol.toPrimitive()方法,优先调用再返回调用valueOf(),如果转换...转载 2019-10-30 15:34:38 · 205 阅读 · 0 评论 -
JS之数据类型检测
1. typeof对于原始类型,除了 null 都可以调用typeof显示正确的类型。typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typeof true // 'boolean'typeof Symbol() // 'symbol'对于引用数据类型,除了函数之外,都会显示"obje...原创 2019-10-18 19:43:38 · 121 阅读 · 0 评论 -
浮动布局的优点?有什么缺点?清除浮动有哪些方式?
浮动布局简介当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另外一个浮动元素的边框为止。元素浮动以后会脱离正常的文档流,所以文档的普通流中的框就变得好像浮动元素不存在一样。优点在图文混排的时候可以很好的使文字环绕在图片周围当元素浮动了起来之后,它有着块级元素的一些性质例如可以设置宽高等,但它与inline-block还是有一些区别的:第一个就是关于横向排序的时候,...原创 2019-10-13 10:25:59 · 1924 阅读 · 0 评论 -
HTML4和HTML5的区别
声明HTML5 文件类型声明:<!DOCTYPE html>标准HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准,而是形成了自己的一套标准原创 2019-10-13 10:08:28 · 250 阅读 · 0 评论 -
关于BFC的概念、触发与应用
什么是BFCW3C对BFC的定义如下:浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为"visiable"的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。触发BFC一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可:下列方式会创建块格式化上...原创 2019-10-12 22:14:08 · 121 阅读 · 0 评论 -
href与src的区别是什么?
规范解释:href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。href 目的不是为了引用资源,而是为了建立联系,让当前标签能够链接到目标地址。src是source(缩写),指向外部资源的位置,指向的内容将会应用到文档中当前标签所在位置。区别:1 请求资源类型不同(1)href 指向...原创 2019-09-25 10:27:19 · 622 阅读 · 0 评论 -
meta标签
标签解读该标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它提供的信息虽然用户不可见,但却是文档的最基本的元数据,是HTML语言HEAD区的一个辅助性标签(标签永远位于 head 元素内部)元数据元数据(Metadata)是用来概括描述数据的一些基本数据,即描述数据的数据。元数据总是以名称/值的形式被成对传递的。属性对于meta标签的可选属性有...原创 2019-09-23 23:31:36 · 554 阅读 · 0 评论 -
script标签的defer和async的区别是什么?
摘自《JavaScript高级程序设计》1. defer属性HTMI4.01为<script>标签定义了defer属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此,在<script>元素中设置 defer属性, 相当于告诉浏览器立即下载,但延迟执行。<!DOCTYPE html> &...原创 2019-09-25 22:21:48 · 2298 阅读 · 1 评论 -
display:inline-block在使用时产生空白的原因及解决方法
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-10-07 20:19:02 · 1355 阅读 · 0 评论