Chuck.Gao-CSDN博客

原创聊聊 ES6 解构(下)

大家好，我是Chuck，一个不那么正经却热爱前端的孩儿。昨晚睡觉的时候，突然想起来点事情，点开了掘金，一看上文，这是什么东西？怎么忘了好多东西呢？这篇文章接上文聊聊 ES6 解构｜8月更文挑战。主要谈一下我们使用解构还有哪些主要的应用场景？先上个脑图给各位大哥大姐说一下大体。默认值赋值就像函数的参数可以有默认值外，我们解构时也可以使用默认值，当解构的值不存在时，便会应用我们的默认值。大家需要注意的是，如果默认值使用一个对象/数组的话，记得千万不要绕晕自己哦，因为这样子的代码可能会导致可

2021-08-03 22:45:59 162

原创深入浅出理解JavaScript中的this

本文部分摘自《你不知道的JavaScript(上)》深入浅出理解JavaScript中的this指向全文将从以下四个方面阐述JS中this的指向问题且全文将按照“声明概念->给出代码->解释说明”的方式阐述this指向问题。希望本文能够帮助您更深一步地理解this指向问题。默认绑定隐式绑定显式绑定new 操作符1.默认绑定在讨论这个问题之前，我们先要搞明白两个概念：调用位置和调用栈。调用位置：从字面意思来看，就是函数被调用的位置，事实上也就是如此，只不.

2020-08-17 14:58:08 194

原创 Webpack文章输入与输出

资源输入与输出1.资源处理流程在一切流程的最开始，我们需要指定一个或多个入口(entry)，entry告诉Webpack具体从源码目录下的哪个文件开始打包。如果把工程中各个模块之间依赖关系当作一棵树，那么入口就是这棵树的根。如图所示graph LRentry-->moduleAentry-->moduleBentry-->moduleCmoduleA-->moduleAamoduleA-->moduleAbmoduleB-->moduleBamodul

2020-08-16 11:01:40 179

原创继承模式，命名空间，对象枚举

渡一领跑计划：102-Day11继承模式，命名空间，对象枚举1.继承模式有四种继承方式，分别是：(以圣杯模式详细展开)继承模式优缺点原型链继承了太多不想继承的内容构造函数无法继承原型链上的内容共用原型修改一个原型会导致另一个原型也发生变化圣杯模式相对比较完美的方式2.命名空间在企业开发中，一个项目需要很多人来开发，但是在开发过程中会有变量命名相同的情况，因此命名空间诞生！通常有这样用对象的方法来储存变量。var space = {

2020-07-25 21:10:42 119

原创原型、原型链，call/apply

渡一领跑计划：102-Day10原型、原型链，call/apply原型是祖先原型的增删改查什么时候用原型proto(可被更改)引用值赋值？绝大多数对象的最终原型：Object.prototype由Object.create(null) 创造的对象不继承Object.prototype可计算范围：小数点前后16位...

2020-07-24 20:14:50 140

原创 Day9

渡一领跑计划：102-Day9对象、包装类1. 构造函数系统构造函数，如 number、object等。自定义构造函数，大驼峰式命名规则。# 所谓大驼峰式即为：任何一个单词的首字母都要大写，如 Person# 所谓小驼峰式即为：从第二个单词开始首字母都要大写，如 eatFoodfunction Person(name, age, height, habit) { ...}有new不能返回原始值构造函数关键字：new构造函数原理：var this, this.XXX=XXX, r

2020-07-23 19:50:07 86

原创 Day6

渡一领跑计划：102-Day6作用域、立即执行函数、闭包1.作用域 [[scope]]每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，但有些属性我们无法访问，[[scope]]便是其中之一，其只供JavaScript引擎调用。作用域链：[[scope]]中所储存的执行器上下文对象的集合，这个集合呈链式分布，因此我们称之为作用域链。执行期上下文：在函数执行前一刻，JavaScript会创建一个叫执行期上下文的对象，该对象为该函数独一无二的执行环境。函数每一次执行时都会创建一个

2020-07-20 20:58:50 105

原创 Day5

渡一领跑计划：102-Day5递归，预编译1.递归递归的最重要的两个要点： a.）规律抽象化。 b.）确定出口。下面以“阶乘”，“斐波那契数列”为例说明。<script># 阶乘 # 1.规律抽象化 # 求 n 的阶乘即求 n 乘 (n - 1)的阶乘即 n! = n * (n - 1)! function mul(n) { # 2. 确定出口。 # 我们已知 0 和 1 的阶乘是1，所以我们的出口(我们已经知道，无需再次计算)便确认

2020-07-19 16:04:44 94

原创 Day3

领跑计划：102-Day3CSS 高级篇&升华篇1.包裹浮动元素使用伪类进行清除浮动，如下图所示. 效果如下图所示2.文字溢出处理 a.) 单行文本溢出处理(使用 CSS 来处理)#html<div></div>#css.div{ white-space: nowrap; # 表明不换行 overflow: hidden; # 超出部分隐藏 text-overflow: ellipsis; # 超出部分用(...)代替} b.

2020-07-17 20:11:42 99

原创 Day1

领跑计划：102-Day1CSS(Cascading Style Sheet)引入CSS基础选择器权重 1.产品好的三个特点 a). 刚需 b). 用户体验 c). 用户粘性(最少的操作完成事情，培养惰性) 2.主流浏览器及其内核 a). 市场份额 b). 独立内核浏览器内核IETridentChromeWebkit/BlinkFirefoxGeckoSafariWebkitOperaPresto 3.引入CSS a

2020-07-16 20:38:52 77

原创 Day2

领跑计划：102-Day2CSS企业开发经验、习惯、盒子模型、层模型0.开发经验、习惯 a). 先定义功能，后组装功能(实现1 + 1 > 2)。 b). 标签选择器、通配符通常用来初始化标签样式。1.常见行级元素 & 块级元素行级元素(inline): { a).内容决定元素所占位置; b).不可以通过 CSS 改变宽高; eg: span strong em a del}块级元素(block): { a).独占一行; b).可以通过 CSS 改变宽高; eg

2020-07-16 20:38:06 169

KeKeKe的博客