前端每日知识3+1_第14天

最新推荐文章于 2024-05-06 11:24:03 发布

祭夜醉美

最新推荐文章于 2024-05-06 11:24:03 发布

阅读量242

点赞数

分类专栏：前端求职文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_44665456/article/details/127211280

版权

前端求职专栏收录该内容

50 篇文章 0 订阅

订阅专栏

第14天 (2022-10-03)
	- [html] 为什么HTML5只需要写`<!DOCTYPE HTML>`就可以？
	- [css] position:fixed;在ios下无效该怎么办？
	- [js] 什么是闭包？优缺点分别是什么？
	- [软技能] 你最喜欢用哪些编辑器？喜欢它的理由是什么？

HTML:

因为 HTML5 与 HTML4 基于的基准不同。HTML4 基于 SGML 因此需要除了 DOCTYPE 外还需要引入 DTD 来告诉浏览器用什么标准进行渲染。DTD 还分为标准模式、严格模式。如果什么都不写，就完全让浏览器自我发挥，会变成怪异模式。

HTML5 不基于 SGML，因此后面就不要跟 DTD，但是需要 DOCTYPE 来规范浏览器的渲染行为。

注：SGML 是通用标记语言的集合。其中有 HTML、XML，因此需要用 DTD 来指定使用那种规范。

CSS:

当采用 fixed 做吸底、吸顶布局时，如果触发键盘弹出事件则 fixed 属性会失效，布局就会被扰乱。其原因解释如下：

软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可以理解为变成了 absolute 定位），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。

** 第三方库 isScroll.js 可以解决此问题。

js:

闭包是可以访问另一个函数作用域的函数。由于 javascript 的特性，外层的函数无法访问内部函数的变量；而内部函数可以访问外部函数的变量（即作用域链）。
function a(){
	var b = 1;
	var c = 2;
	// 这个函数就是个闭包，可以访问外层 a 函数的变量
	return function(){
		var d = 3;
		return b + c + d;
	}
}

var e = a();
console.log(e());
因此，使用闭包可以隐藏变量以及防止变量被篡改和作用域的污染，从而实现封装。
而缺点就是由于保留了作用域链，会增加内存的开销。因此需要注意内存的使用，并且防止内存泄露的问题。

祭夜醉美

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端每日知识3+1_第14天

软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可以理解为变成了 absolute 定位），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。当采用 fixed 做吸底、吸顶布局时，如果触发键盘弹出事件则 fixed 属性会失效，布局就会被扰乱。而缺点就是由于保留了作用域链，会增加内存的开销。因此需要注意内存的使用，并且防止内存泄露的问题。的特性，外层的函数无法访问内部函数的变量；因此，使用闭包可以隐藏变量以及防止变量被篡改和作用域的污染，从而实现封装。
复制链接

扫一扫