自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 【HTML】面试题

1.简述一下你对HTML语义化的理解? 参考答案: ①具体标签代表的就是字面含义,例如:nav就是代表导航栏模块②html语义化让页面的内容的结构化更加清晰,便于对浏览器、搜索引擎解析;即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;③搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO; ...

2022-03-12 15:24:03 1087

原创 【浏览器】缓存机制——看图秒懂

2022-03-12 10:47:56 212

原创 【画布】写一个验证码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-03-12 10:16:00 183

原创 初识【bootstrap】

1.IE9以下(不包括IE9)不支持:<meta name="viewport" content="width=device-width, initial-scale=1"/> IE9以下格式:<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>2.尽可能不适用绝对宽度和字体大小!!!3.注意字体...

2022-03-12 10:08:08 109

原创 【浏览器】——面试题

1.如何实现浏览器内多个标签页之间的通信?参考答案:调用 localstorge、cookies 等本地存储方式,注意sessionstorge不可以哦!2.浏览器的渲染过程参考答案: 解析HTML生成DOM树。 解析CSS生成CSSOM规则树。 将DOM树与CSSOM规则树合并在一起生成渲染树。 遍历渲染树开始布局,计算每个节点的位置大小信息。 将渲染树每个节点绘制到屏幕。 解析: 使用 HTML 创建文档对象模型(DOM) ..

2022-02-27 21:35:13 150

原创 原生JS【数据深浅克隆】

原生JS数据深克隆和浅克隆

2022-02-08 12:37:04 667 1

原创 VS code常用快捷键

VS code常用快捷键

2022-02-05 10:47:44 602 1

原创 原生JS【节流防抖】源码封装

节流<body> <div id="show">0</div> <button id="btn">click</button> <script> let oDiv = document.getElementById('show'); let oBtn = document.getElementById('btn'); // 封装节流函数 /.

2022-02-03 18:18:48 971

原创 原生JS【按需加载】源码封装

什么是按需加载?按需加载是前端性能优化的一大措施。顾名思义,按需加载就是根据需要去加载资源。在js中,我们一般通过一些用户行为或者定时任务去触发一些加载动作。比如但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。这个就是按需加载。按需加载的作用 首先,假设前端没有按需加载的话,那么打开一个产品加载页面会非常的缓慢,因为一个产品需要引入很多JS文件和CSS文件等等,一旦加载文件数量过...

2022-02-03 18:09:12 1753

原创 JS高阶函数

JS高级-高阶函数——函数式编程、纯函数、柯里化、惰性函数、节流&防抖

2022-01-22 14:55:49 623

原创 JS实现【call、apply、bind】源码封装——带注释全解

call function demo(a,b,c){ this.a=a; this.b=b; // console.log(...arguments); console.log(this); } let obj={ name:'1', age:2, } // 在Function原型上添加一个m.

2022-01-21 18:42:38 649

原创 JS原型、原型链和7种继承方法【白话文讲解】

前言 在学习JS原型、原型链和继承之前,我们必须先弄懂三个W,也就是我们常说的“学习三问” 学习三问: 1.它是什么?(What) 2.为什么用它?(Why) 3.什么时候用它?(When) 带着这三个问题去思考下面将要所学的知识,相信你一定会明白今后所学的每个知识点!!友情提醒:学会某个知识点后一定要反复多敲几遍相关知识...

2022-01-16 19:25:08 2420 4

原创 JS的this指向问题(史上最全)

带你深入了解JS中this指向问题,小编建议弄懂this之前最好先弄懂作用域的概念!!!

2022-01-11 20:13:19 9015 9

原创 JS闭包详解

闭包定义: 包含自由变量的函数就是闭包(自由变量指不是函数参数,也不是函数内部变量的变量,即外部变量) 该函数通常为内部函数,被返回,外部可以引用该函数,通过其访问自由变量。 闭包的形成:将一个内部函数,通过某种方式保存到外部,使其引用的作用域链不会被释放,导致外部可以 使用内部的变量。内存泄漏,内存会被占用,不释放闭包的用途读取函数内部的变量 让变量的值始终保持在内存中,比如循环注册事件,在事件中访问循环变量,...

2022-01-08 14:31:10 417 1

原创 javascript作用域详解

作用域(Scopes:GO、AO)1.什么是作用域作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。简而言之,作用域决定了代码区块中变量和其它资源的可见性。例子:function a(){var b =”内层变量2” }a();//要先执行这个函数才知道函数体的内容console.log(b);//b is not defined由例子可知,变量b在全局作用域没有声明,所以取值打印时就会报错。由此可见:作用域就是一个独立区块,此时的变量就是函数内的私有.

2022-01-08 13:23:58 613 1

原创 带你深入了解CSS部分属性以及选择器

css常用选择器有哪些、复合类选择器有哪些?常用:标签选择器:影响范围大,尽量应用在层级选择器中 ID选择器:通过Id名来选择元素,元素的id名不能重复 类选择器:通过类名来选择元素,一个类可以应用多个元素,一个元素也可以使用多个类 层级选择器:主要应用在选择父元素下的子元素,或者子元素下的子元素 组选择器:可以使元素与元素之间并列选择 .......复合:后代选择器:祖先元素里面的所有后代元素,用空格代表 子代选择器:离父元素下面最近的一个元素,用>代表 并集选择器:..

2022-01-03 18:53:23 446

原创 浅谈HTML+CSS

img的alt与title的区别 a:alt不能显示图像、窗体、或applets的用户代理,其属性用来指定替换文字(替换文字的语言由lang属性决定)。 t:title该属性为设置该属性的元素提供建议性的信息。为什么利用多个域名来存储网站资源会更有效?CDN缓存更方便 突破浏览器并发限制 节约cookie带宽 节约主域名的连接数,优化页面响应速度 防止不必要的安全问题src与href的区别 src 用于替换当前...

2021-12-24 15:30:48 413

原创 深度解析Quirks模式与Standards模式区别

五大浏览器IE:trident 内核 Firefoax:gecko 内核 Safari:webkit 内核 Opera::以前是 presto 内核,Opera 现已改用 Google Chrome 的 Blink 内核 Chrome:Blink(基于 webkit,Google 与 Opera Software 共同开发) Quirks模式与Standards 模式区别从 IE6 开始,引入了 Standards 模式,标准模式中,浏览器尝试给符合标准的文档...

2021-12-17 21:44:44 276

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除