摘要: typeof 变量 返回一个字符串(小写),用来判断:Undefined, String, Number, Boolean, Symbol, Object, Function; 无法检测引用类型中的 Array; 优点:可以区分 Function 和 Object; 缺点: 对于 Null, 返回 阅读全文
posted @ 2022-03-15 18:51 太轻描淡写了 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 为什么需要清除浮动 在一般情况下,一个盒子里使用了 CSS float 属性,导致父级盒子不能被撑开; <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>清除浮动</title> <style type="text/css"> 阅读全文
posted @ 2022-03-10 17:50 太轻描淡写了 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 共同点: 它们都保存在浏览器,且同源的; 不同点: cookie 数据始终在同源的 http 请求中携带(即使不需要),也就是说 cookie 在浏览器和服务器之间来回传递,而 session Storage 和 local Storage 不会自动把数据发送给服务器,仅在本地保存。cookie 还 阅读全文
posted @ 2022-03-09 11:13 太轻描淡写了 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一直对 JS 中原型与原型链的内容不清楚,今天进行系统学习,做简单记录,方便以后加深印象; 构造函数 构造函数其实就是一个普通的函数, 但内部使用了 this 变量; function Person(name, age) { this.name = name; this.age = age; }; 阅读全文
posted @ 2022-03-08 14:30 太轻描淡写了 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 闭包函数:能够访问其他函数内部变量的函数; 简单理解:声明在一个函数中的函数,叫做闭包函数; 闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。 闭包的特点: 让外部访问函数内部变量成为可能 局部变量会常驻内存中 可以避免使用全局变量,防止全局变 阅读全文
posted @ 2022-03-04 16:45 太轻描淡写了 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 普通函数 谁调用了函数,那么这个函数中的 this 就指向谁. let myFun = function() { console.log(this); } let obj = { name: "赵云", myFun: function() { console.log(this); } } // 这里 阅读全文
posted @ 2022-03-02 17:19 太轻描淡写了 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 在开发和面试中经常会遇到垂直居中的问题,下面总结了几种常见的实现方法: 几种方法公用的 HTML: <div class="root"> <div class="item"> </div> </div> 通过 display: flex; 实现: .root { width: 500px; heig 阅读全文
posted @ 2022-02-28 19:14 太轻描淡写了 阅读(1454) 评论(0) 推荐(0) 编辑
摘要: 简介 Flex 布局(Flexible布局,弹性盒子)是在开发中常用的布局方式; 开启了 flex 布局的元素叫 flex container flex container 里面的直接元素叫做 flex items 设置 display 属性为 flex 或者 inline-flex 的元素可以成为 阅读全文
posted @ 2022-02-28 16:06 太轻描淡写了 阅读(1041) 评论(0) 推荐(0) 编辑
摘要: 简单来讲,就是用来装页面元素的一个矩形区域。 CSS 中的盒子模型包括IE盒子模型和标准的W3C盒子模型。 标准盒子模型: IE盒子模型: 从上面的两个图可以看出,这两种盒子模型不同点在于 width 的包含范围。 在标准盒子模型中: css中的宽(width) = content 在IE盒子模型中 阅读全文
posted @ 2022-02-25 19:35 太轻描淡写了 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 采用 meta viewport 的方式 <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/> 这样就就能缩放到原来的0.5倍,1px 阅读全文
posted @ 2022-02-25 10:54 太轻描淡写了 阅读(257) 评论(0) 推荐(0) 编辑