目的

在我们开发Vue项目时, 时常需要使用console.log来输出一下调试信息, 在不对外的内部测试环境下这样是没有问题的, 但当使用npm build / yarn run build编译打包后调试信息依然存在, 这就有可能导致数据泄漏, 所以我们需要在预发布/生产编译时清除代码中的console.log, 开发环境下保留调试代码.

再见，2018

再回首，一年过去了，时光果真像是⏳中的沙，留不住、回不去

年初公司解散了，我们就像水边被惊到的鸟， 慌慌忙忙的飞走了，然后开始找工作，接着匆忙入职，开始了另外一段工作历程。

新的公司，新的业务线，新的技术栈，幸运的是，公司业务不算太复杂，使用的技术栈也相对简单，工作融入上没有太多槛。

不幸的也在此，因为公司业务不算复杂，技术栈也受限于 SEO, 在使用上也没有太过深入。

在新公司开始更多尝试，尝试着承担更多，尝试着主动，也感谢老大和同事的支持与帮助、配合。

基本概念

盒模型的基本组成, 由里到外 content / padding / border / margin.
盒模型有两种标准:

• 标准盒模型
• IE 模型

JS 是一门单线程的脚本语言.

堆/栈/队列

堆 ( heap )

堆是指程序运行时申请的动态内存,在 JS 运行时用来存放对象.

栈 ( stack )

栈遵循的原则是先进后出, JS 的基本数据类型和指向对象的地址存放在栈内存中,此外还有一块栈内存用来指向 JS 主线程–执行栈( execution context stack ).

队列 ( queue )

队列遵循先进先出, JS 中除了主线程之外还存在一个任务队列.

v16.3

近期

在过去的一年里, 换了新的工作, 离开了工作2年的外包, 裸辞, 然后因为学历 / 技术 / 个人经历的原因(当然主要是因为技术菜), 面试了1个多月才进入现在的公司.

新的公司, 不再全国各地的长期出差, 使用的技术栈也稳定在了 React, 但过去2年养成的习惯让我每周末都待在家里, 要么看会书, 写一下不会的 小 Demo 😜, 要么玩游戏 / 逛社区, 眼镜的度数越来越高 ☹️, 身材越来越圆 (●—●), 个人博客也好久没更新 😜, 近期新搬了家, 楼下就是篮球场, 可以让我捡起我曾经热爱的篮球🏀, 让我的周末多了一个选择.

React-redux 对外提供的 API 有四个：Provider/createProvider/connectAdvanced/connect

connectAdvanced

1

connectAdvanced(selectorFactory, [connectOptions])

单向数据流

React 是单向数据流，数据主要从父节点传递到子节点（通过Props）。
如果顶层的某个 Props 改变了，React 就会重新渲染所有的相关子节点。

React 中 Element 与 Component 的区别？

简单而言，React Element 是描述屏幕上所见内容的数据结构，是对于 UI 的对象表述。典型的 React Element 就是利用 JSX 构建的声明式代码片然后被转化为 createElement 的调用组合。而 React Component 则是可以接收参数输入并且返回某个 React Element 的函数或者类。

在什么情况下会优先使用 Class Component 而不是 Functional Component

在组件需要包含内部状态或者使用到生命周期函数的时候使用 Class Component ，否则使用函数式组件。

什么是伪数组？如何将其转化为标准数组？

• 什么是伪数组（类数组）：

  无法直接调用数组方法或期望 length 属性有什么特殊的行为，但仍可以使用真正数组遍历方法遍历它们。
  典型的就是 arguments 参数，还有像调用 getElementsByTagName / document.childNodes之类方法，它们都返回的 NodeList 对象都属于伪数组。