CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

为什么要清除浮动？怎么清除浮动？

为什么要清除浮动？怎么清除浮动？ 清除浮动的原因（布局）： 块级元素认为浮动元素不存在；行内元素认为浮动元素存在并且围绕浮动元素摆放，影响布局 补充：浮动元素遵从尽可能靠左、靠上，尽可能一个挨着一个、不超过父级、不超过所在行最高点、不超过前一个浮动元素最高点这些原则摆放 经常出现的问题：高度塌陷 ​ 浮动元素不能撑开父级元素。子盒子浮动，...

Posted by CodingWithAlice on July 11, 2019

隐式转换:{}+{}=?

隐式转换:{}+{}=? ({} + {}); 隐式转换为原始类型才能进行计算： 执行toString方法：({}).toString(); // [object Object]" 普通对象的 toString() 方法返回"[object Object]" ({} + {}) // "[object Object][object Object]" 注意：“[...

Posted by CodingWithAlice on July 11, 2019

深拷贝和浅拷贝的区别？怎么实现深拷贝？

深拷贝和浅拷贝的区别？怎么实现深拷贝？ 浅拷贝：只复制一层对象的属性【扩展运算符{...obj}、Object.assign({}, obj)】 ​ 数组的浅拷贝：Array.from(arr)、[…arr]、『`arr.concat()`、`arr.slice()`』 深拷贝 ：会递归地复制对象的所有层级的属性【递归函数、Json.parse(Json.stringify(o...

Posted by CodingWithAlice on July 11, 2019

for循环+计时器，如何实现i按序输出

for循环+计时器，如何实现i按序输出 for (var i = 0; i < 10; i++) { setTimeout(function ten() { console.log(i); }, 10); } // 输出结果是10个10 问：为什么输出的是10个10？ 答：JS是一个单线程的解释器，setTimeout 本质是间隔一定时间将任务从...

Posted by CodingWithAlice on July 11, 2019

h5新标签和语义化，块/行内元素

html相关 面试问题 1. h5新标签有哪些？为什么要加强语义化？<!doctype html>作用？ 加强语义化原因：1.默认样式不一样 2.有SEO优化作用 ①文档类型设定：<!doctype html> 文档类型声明，目的是告诉标准通用标记语言 解析器 要使用什么样的文档类型定义（DTD）来解析文档 『声明必须是HTML文档的第一行，位于h...

Posted by CodingWithAlice on July 10, 2019

es6相关 面试问题

es6相关 面试问题 2.如果使用标记模板字面量，第一个参数的值总是字符串的数组。其余的参数获取的是传递的表达式的值； 4. es6中const、let、var之间的区别？ var定义的变量，作用域是整个封闭函数，是全域的； let定义的变量，作用域是在块级或者字块中； 变量提升：不论通过var声明的变量处于当前作用于的第几行，都会提升到作...

Posted by CodingWithAlice on July 9, 2019

盒模型有哪些？有什么区别？

盒模型有哪些？有什么区别？ /* 注意记忆一下盒模型的值，经常忘记 */ box-sizing: content-box; /* 默认值，标准盒模型 */ box-sizing: border-box; /* IE盒模型 */ 盒模型分为IE盒模型和W3C标准盒模型： W3C 标准盒模型：content-box，设置属性width/height只 包含内容content，不包含...

Posted by CodingWithAlice on July 9, 2019

面试题整理

试题整理 刷题错题整理： 关闭tab标签页后，sessionStrorage存储的数据才会删除； 如果对象有两个相同名称的键，则键会被替换掉：它仍然处于第一个键出现的位置，但是值是最后出现的那个键的值； 隐式字符串化：当对象的键也被设置为对象时，会字符串化一个对象，它会变成[Object object]; 不要在...

Posted by CodingWithAlice on July 8, 2019

css中的动画特性可以用js实现，那为什么还要用css来实现？

css中的动画特性可以用js实现，那为什么还要用css来实现？ 总结：CSS 动画的： 渲染成本小（硬件加速GPU、『自然降级』） 执行效率高（避免回流重绘、预扫描加载快） 详细如下： 1、硬件加速GPU：浏览器对CSS动画专门做了优化，例如 硬件加速（GPU加速） 2、『自然降级 』：对于帧速表现不好的低版本浏览器，CSS3可以做到自然...

Posted by CodingWithAlice on July 7, 2019

app适配怎么写？使用的单位是什么？（rem）

app适配怎么写？使用的单位是什么？（rem） 常见单位：vh 解答：①视口viewPort适配，PC和手机屏幕不匹配的问题。 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=no,maximum-scale=1.0,minimum-scale=1.0"> ...

Posted by CodingWithAlice on July 7, 2019

FEATURED TAGS
《JavaScript高级程序设计4》 < LTN3 > < LTN2 > < JS原生基础相关 > < 算法题 > < vue相关知识点 > < CSS相关内容 > < HTTP相关 > < 面试题整理 > < LTN1 > < 工作经验沉淀 > < 小程序 > < webpack > < 工程化 > < 浏览器原理 > < 重构2 > < React17+TS4 >
ABOUT ME

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS