文章分类 - 前端面试
20230620
摘要:把一段可执行的代码像参数传递那样传给其他代码,而这段代码会在某个时刻被调用执行,这就叫做回调。如果代码立即被执行就称为同步回调,如果在之后晚点的某个时间再执行,则称之为异步回调。
阅读全文
摘要:HTML 4.01 为标签定义了 defer 属性。标签定义了 defer 属性元素中设置defer 属性,等于告诉浏览器立即下载,但延迟执行标签定义了 defer 属性。用途:表明脚本在执行时不会影响页面的构造。也就是说,脚本会被延迟到整个页面都解析完毕之后再执行 HTML5 为标签定义了 asy
阅读全文
摘要:1、什么是回流 回流:当 render tree 的一部分或全部的元素因改变了自身的宽高,布局,显示或隐藏,或者元素内部的文字结构发生变化 导致需要重新构建页面的时候,回流就产生了2、什么是重绘 重绘:当一个元素自身的宽高,布局,及显示或隐藏没有改变,而只是改变了元素的外观风格的时候,就会产生重绘。
阅读全文
摘要:document.write 是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用 open。每次写完关闭之后重新调用该函数,会导致页面被重写innerHTML 则是 DOM 页面元素的一个属性,代表该元素的 html 内容。你可以精确到某一个具体的元素来进行
阅读全文
摘要:1、什么是 Property 每 个 DOM 节点都是一个 object 对象,它可以像其他的 js Object 一样具有自己的property和 method,所以 property 的值可以是任何数据类型,大小写敏感,原则上property 应该仅供js 操作,不会出现在 html 中(默认属
阅读全文
摘要:Array.from()用法 Array.from 接受三个参数,但只有 input 是必须的: input: 你想要转换的类似数组对象和可遍历对象 map: 类似于数组的 map 方法,用来对每个元素进行处理,将处理后的值放入返回的数组context: 绑定 map 中用到的 this Array
阅读全文
摘要:一.原型链与作用域链 区别: 作用域是对于变量而言,原型链是对于对象的属性。 作用域链顶层是window,原型链顶层是Object。
阅读全文
摘要:引用MDN上的定义 let bindings are created at the top of the (block) scope containing the declaration, commonly referred to as “hoisting”. Unlike variables de
阅读全文
摘要:toLocaleString()方法是用于返回格式化对象后的字符串,该字符串格式因语言不同返回值也会不同(不同执行环境结果可能不同-比如浏览器和node就会不同),可以通过传参决定返回的语言及具体表现。 语法:object.toLocaleString(locale,options) 参数:loca
阅读全文
摘要:1、字面量对象 // 默认这个对象的原型链指向 object var o1 = {name: '01'}; 2、通过 new Object 声明一个对象 var o11 = new Object({name: '011'}); 3、使用显式的构造函数创建对象 var M = function(){t
阅读全文
摘要:-webkit-transform:scale(0.8)
阅读全文
摘要:"块级格式化上下文"。它是一个独立的渲染区域,只有 Block-level box 参与,它规定了内部的 Block-level Box 如何布局,并且与这个区域外部毫不相干
阅读全文
摘要:npm install node-sass --save-dev //安装 node-sass npm install sass-loader --save-dev //安装 sass-loader npm install style-loader --save-dev //安装 style-loa
阅读全文
摘要:当绝对定位和固定定位参照物都是浏览器窗口时的区别: 当出现滚动条时,固定定位的元素不会跟随滚动条滚动,绝对定位会跟随滚动条滚动 这句话也是做在下拉组件的时候滚动页面,下拉列表并没有滚动后来也是处理了一下
阅读全文
摘要:通用方案 1、设置根 font-size:625%(或其它自定的值,但换算规则 1rem 不能小于12px)2、通过媒体查询分别设置每个屏幕的根 font-size 3、CSS 直接除以 2 再除以 100 即可换算为 rem 优:有一定适用性,换算也较为简单 劣:有兼容性的坑,对不同手机适配不是非
阅读全文
摘要:
阅读全文
摘要:原理:HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像 cookie 一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示 如何使用: 1、页面头部像下面一样加入一个 m
阅读全文
摘要:!Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性
阅读全文
摘要:1、transform:描述了元素的静态样式,本身不会呈现动画效果,可以对元素进行旋转rotate、扭曲 skew、缩放 scale 和移动 translate 以及矩阵变形 matrix。 transition 和 animation 两者都能实现动画效果 transform 常常配合 trans
阅读全文
摘要:1、cookie 这个存储用了很久了,而且也是以前大多网站十分喜欢的存储站点。但是也很容易被清除。同时 cookie 会在每一次通信过程中传向服务端。同时 cookie 有一个很好的地方就是,它本身有一个过期时间属性,可以用来标注一个变量的有效期。而cookie 一旦过期就会被自动删除掉 2、loc
阅读全文