- 博客(18)
- 收藏
- 关注
RSS订阅原创 【HTML】面试题
1.简述一下你对HTML语义化的理解？ 参考答案： ①具体标签代表的就是字面含义，例如：nav就是代表导航栏模块②html语义化让页面的内容的结构化更加清晰，便于对浏览器、搜索引擎解析；即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的；③搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO; ...
2022-03-12 15:24:03
1117
原创 【画布】写一个验证码
<!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
215
原创 初识【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
128
原创 【浏览器】——面试题
1.如何实现浏览器内多个标签页之间的通信?参考答案：调用 localstorge、cookies 等本地存储方式，注意sessionstorge不可以哦！2.浏览器的渲染过程参考答案： 解析HTML生成DOM树。 解析CSS生成CSSOM规则树。 将DOM树与CSSOM规则树合并在一起生成渲染树。 遍历渲染树开始布局，计算每个节点的位置大小信息。 将渲染树每个节点绘制到屏幕。 解析： 使用 HTML 创建文档对象模型（DOM） ..
2022-02-27 21:35:13
173
原创 原生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
1018
原创 原生JS【按需加载】源码封装
什么是按需加载？按需加载是前端性能优化的一大措施。顾名思义，按需加载就是根据需要去加载资源。在js中，我们一般通过一些用户行为或者定时任务去触发一些加载动作。比如但不限于以下几个情况：鼠标点击、输入文字、拉动滚动条，鼠标移动、窗口大小更改等。加载的文件，可以是JS、图片、CSS、HTML等。这个就是按需加载。按需加载的作用 首先，假设前端没有按需加载的话，那么打开一个产品加载页面会非常的缓慢，因为一个产品需要引入很多JS文件和CSS文件等等，一旦加载文件数量过...
2022-02-03 18:09:12
1869
原创 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
689
原创 JS原型、原型链和7种继承方法【白话文讲解】
前言 在学习JS原型、原型链和继承之前，我们必须先弄懂三个W，也就是我们常说的“学习三问” 学习三问： 1.它是什么？（What） 2.为什么用它？（Why） 3.什么时候用它？(When) 带着这三个问题去思考下面将要所学的知识，相信你一定会明白今后所学的每个知识点！！友情提醒：学会某个知识点后一定要反复多敲几遍相关知识...
2022-01-16 19:25:08
2519
4
原创 JS闭包详解
闭包定义： 包含自由变量的函数就是闭包(自由变量指不是函数参数，也不是函数内部变量的变量，即外部变量) 该函数通常为内部函数，被返回，外部可以引用该函数，通过其访问自由变量。 闭包的形成：将一个内部函数,通过某种方式保存到外部，使其引用的作用域链不会被释放，导致外部可以 使用内部的变量。内存泄漏，内存会被占用，不释放闭包的用途读取函数内部的变量 让变量的值始终保持在内存中，比如循环注册事件，在事件中访问循环变量，...
2022-01-08 14:31:10
452
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
652
1
原创 带你深入了解CSS部分属性以及选择器
css常用选择器有哪些、复合类选择器有哪些？常用：标签选择器：影响范围大，尽量应用在层级选择器中 ID选择器：通过Id名来选择元素，元素的id名不能重复 类选择器：通过类名来选择元素，一个类可以应用多个元素，一个元素也可以使用多个类 层级选择器：主要应用在选择父元素下的子元素，或者子元素下的子元素 组选择器：可以使元素与元素之间并列选择 .......复合：后代选择器：祖先元素里面的所有后代元素，用空格代表 子代选择器：离父元素下面最近的一个元素，用>代表 并集选择器：..
2022-01-03 18:53:23
493
原创 浅谈HTML+CSS
img的alt与title的区别 a：alt不能显示图像、窗体、或applets的用户代理，其属性用来指定替换文字（替换文字的语言由lang属性决定）。 t：title该属性为设置该属性的元素提供建议性的信息。为什么利用多个域名来存储网站资源会更有效？CDN缓存更方便 突破浏览器并发限制 节约cookie带宽 节约主域名的连接数，优化页面响应速度 防止不必要的安全问题src与href的区别 src 用于替换当前...
2021-12-24 15:30:48
440
原创 深度解析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
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人