CodingWithAlice

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

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

深拷贝和浅拷贝的区别？怎么实现深拷贝？ 浅拷贝：只复制一层对象的属性【扩展运算符{...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

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

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

Posted by CodingWithAlice on July 9, 2019

面试题整理

试题整理 刷题错题整理： 1. 有哪几种存储方式？有什么不同？ cookie、localStorage、sessionStorage； 相同点：都保存在浏览器端； 不同点： ①传递方式不同 ​ cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 ​ sessionStorage和localStorage不会自动把数据发给服...

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

《图解HTTP协议》 计算机基础知识

缩写名词解释 HTTP 中文名称 功能 HTTP 超文本传输协议（应用层） 生成针对目标Web服务器的HTTP请求报文 HTML 超文本标记语言   URL ...

Posted by CodingWithAlice on July 3, 2019

《精通CSS 第三版》好用 CSS样式整理

《精通CSS 第三版》 缩写词解释.css /*缩写词下面加一条下划线，悬停状态的鼠标指针改为问号*/ abbr[title] { border-bottom : 1px dotted #999; } abbr[title]:hover { cursor:help; } 段落首字下沉.css <h1>Tit...

Posted by CodingWithAlice on June 29, 2019

Vue2.0官方文档 知识点总结1

css动画：transition 先弄清除transition标签的原理，下图是出现动画的 class 添加情况： 如上图所示，动画开始的第一瞬间，为标签添加 class v-enter和v-enter-active两个标签；第一瞬间过去，就会马上将v-enter移除，来引发变化的动画动作，同时添加v-enter-to；动画结束后，将class全部移除。 注意：上图中由于trans...

Posted by CodingWithAlice on June 26, 2019

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

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS