01 2022 档案
摘要:一、Grid布局概述 首先,Grid 布局与 Flex布局 有一定的相似性,都可以指定容器内部多个项目的位置。但是,Grid 布局远比 Flex 布局强大! Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。 Grid 布局则是将容器划分成"行"和"列",产生单元格,然后
阅读全文
摘要:一、自我理解 简单来讲就是:深拷贝层层拷贝,浅拷贝只拷贝第一层。 在深拷贝中,新对象中的更改不会影响原对象,而在浅拷贝中,新对象中的更改,原对象中也会跟着改。 在深拷贝中,原对象与新对象不共享相同的属性,而在浅拷贝中,它们具有相同的属性。 举个栗子:存在A和B两个数据,假设B复制了A,当修改A时,如
阅读全文
摘要:浮动介绍 浮动(float)最初是为了让文字环绕图片排布,就想报纸上面的图文混排模式。但 Web 开发人员很快意识到,任何东西都可以浮动,而不仅仅是图像,所以浮动的使用范围扩大了。浮动曾被用来实现整个网站页面的布局,它使信息列得以横向排列(默认的设定则是按照这些列在源代码中出现的顺序纵向排列)。目前
阅读全文
摘要:css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transition 属性设置元素当过渡效果,是一个复合属性,包括四个简写属性: transition-prop
阅读全文
摘要:在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。 (1)阻止默认事件 阻止默认事件的发生有两个方法: return false e.preventDe
阅读全文
摘要:简介 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。 一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、iPad
阅读全文
摘要:概念 px、em、rem都是计量单位,都能表示尺寸,但是有所不同,其各有各的优缺点 px px像素(Pixel),像素px是相对于显示器屏幕分辨率而言的 px作为单位是固定不变的,不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。 em em的值不固定,会继承父元素的字体大小,是一个相对单位
阅读全文
摘要:语法 <input type="" name="" id="" value="" placeholder=""/> 属性 type:判断输入信息的类别,此属性值必须写,不写默认是text文本信息(text、password、radio、checkbox...) name:标明该input名称,可用于
阅读全文
摘要:1、背景介绍 渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。 由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。 二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不
阅读全文
摘要:什么是浏览器内核? 简单来说,浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息 浏览器内核又可以分成两部分:渲染引擎和JS引擎 渲染引擎:负责获取网页的内容并显示,不同的浏览器内核对网页的解析渲染也不同 JS引擎:
阅读全文
摘要:前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataT
阅读全文
摘要:在JavaScript数据类型总共有8种,检测数据类型有四种方法,分别是typeof、instanceof、constructor、Object.prototype.toString.call()...
阅读全文