深入剖析前端中的难理解与易混淆知识
文章平均质量分 94
深入剖析前端(夹杂其他一些领域)中出现的难理解与易混淆知识,帮助大家更好地掌握知识
码飞_CC
热爱生活与技术,偏于前端,潜心学习,乐于分享
展开
-
JavaScript深拷贝看这篇就行了!(实现完美的ES6+版本)
本版本的深拷贝考虑了Symbol作为对象属性的情况(Symbol相关介绍看这:Symbol)。由于引用类型在赋值时只传递指针,这种拷贝方式称为浅拷贝。而创建一个新的与之相同的引用类型数据的过程称之为深拷贝。在JavaScript中,基础类型值的赋值是直接拷贝一份新的一模一样的数据,这两份数据相互独立,互不影响。而引用类型值(对象类型)的赋值是传递对象的引用(也就是对象所在的内存地址,即指向对象的指针),相当于多个变量指向同一个对象,那么只要其中的一个变量对这个对象进行修改,其他的变量所指向的对象也原创 2021-03-17 19:27:15 · 29012 阅读 · 11 评论 -
display: none、visibility: hidden与opacity: 0的区别
文章目录1. display: none、visibility: hidden与opacity: 0的区别2. 补充:其他隐藏元素的方法1. display: none、visibility: hidden与opacity: 0的区别display: none、visibility: hidden与opacity: 0都可以让元素隐藏,它们之间的区别见下表:特性(行为)displa...原创 2020-01-21 14:31:39 · 2147 阅读 · 0 评论 -
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,在两下划线之间加入了一个空格:_ _proto_ _)。 现在正式开始!让我们从如下一个简单的例...原创 2018-07-25 22:50:47 · 186600 阅读 · 247 评论 -
帮你彻底搞懂防抖和节流(附带在React使用的一个例子)
文章目录前言防抖(debounce)节流(throttle)两个比喻来帮助区分防抖和节流前言开门见山,使用防抖和节流技术的意义:节约资源,提升用户体验。浏览器中有许多事件会在很小时间间隔内频繁触发,比如:监听用户的输入(keyup、keydown)、浏览器窗口调整大小和滚动行为(resize、scroll)、鼠标的移动行为(mousemove)等。如果这些事件一触发我们就执行相应的事件处理函...原创 2019-07-17 16:55:02 · 7693 阅读 · 0 评论 -
align-items和align-content的区别
文章目录1. stack overflow上的回答(翻译)2. 自己动手实践2.1 子项为单行的情况2.1.1 flex容器不设置高度2.1.2 flex容器设置高度2.2 子项为多行的情况2.2.1 flex容器不设置高度2.2.2 flex容器设置高度3. 总结在用flex布局时,发现有两个属性功能好像有点类似:align-items和align-content,乍看之下,它们都是用于定义f...原创 2019-03-05 21:20:15 · 50107 阅读 · 19 评论 -
italic和oblique的区别
在CSS中,font-style属性用于指定文本的字体样式,取值有如下4种:值描述normal默认值。标准的字体样式italic斜体的字体样式oblique倾斜的字体样式inherit从父元素继承的样式我们看一下不同取值的效果如何:HTML代码: <p class="normal">这是一个段落,正常。normal</p&...原创 2019-02-18 21:20:54 · 5166 阅读 · 0 评论 -
常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析
一.块级元素:不废话,直接上图(div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等)从浏览器的显示结果可以看出,块级元素新开启一行(即使是设置了width属性也是独占一行)、尽可能撑满父级元素的宽度,可以设置width和hei...原创 2017-09-22 10:41:01 · 35159 阅读 · 1 评论 -
npm install、npm install --save与npm install --save-dev区别
npm install X:会把X包安装到node_modules目录中不会修改package.json之后运行npm install命令时,不会自动安装X npm install X –save:会把X包安装到node_modules目录中会在package.json的dependencies属性下添加X之后运行npm install命令时,会自动安装X到node_module...转载 2018-07-19 09:40:26 · 4249 阅读 · 9 评论 -
过拟合的通俗理解以及解决办法
把知乎上的回答整理整理,若有侵权,请告知本人进行整改作者:刘文博链接:https://www.zhihu.com/question/32246256/answer/83898785来源:知乎著作权归作者所有,转载请联系作者获得授权。好比你想学习追妹子。先找你表妹问喜欢什么,表妹说她喜欢干净帅气的男生,还说她喜欢周杰伦,喜欢火锅,喜欢酸菜鱼,合计一百条规矩。你规规矩矩地按照要求学习,终于...原创 2017-03-11 13:06:03 · 24438 阅读 · 12 评论 -
DOM中的动态NodeList与静态NodeList
DOM中的动态NodeList与静态NodeList副标题: 为何getElementsByTagName()比querySelectorAll()快100倍昨天,我在雅虎的同事 Scott Schiller (斯科特·席勒, 同时也是SoundManager创造者) 发Twitter询问为何 getElementsByTagName("a") 在所有浏览器上都比 querySelecto...转载 2018-10-29 17:04:43 · 647 阅读 · 0 评论 -
src 与 href 属性的区别以及 url 的概念
src 与 href 属性的区别以及 url 的概念转载 2016-12-28 21:44:20 · 1710 阅读 · 0 评论 -
SQL join,left join ,right join , inner join , outer join用法解析及HIVE join 优化
SQL join,left join ,right join , inner join , outer join用法解析及HIVE join 优化原创 2016-11-07 09:49:56 · 9303 阅读 · 1 评论