基本概念

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

• 标准盒模型
• IE 模型

它们的区别是, 标准盒模型的宽高只是内容(content)的宽高;而 IE 模型中的宽高是内容(content)+填充(padding)+边框(border) 的总宽高.

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

堆/栈/队列

堆 ( heap )

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

栈 ( stack )

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

队列 ( queue )

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

v16.0 变动

• 新核心架构Fiber

• React.PropTypes 废弃

  使用prop-types库代替

• React.createClass 废弃

  官方推荐使用 ES6class方式创建组件

• render可返回数组 或 字符串

  1 2 3 4 5 6 7 8 9 10 11 12

  render() { return [ <div key='1'>1</div>, <div key='2'>2</div>, <div key='3'>3</div>, ]; } // 注：不要忘了加key // 也可以直接返回字符串 render() { return 'Hello World'; }

近期

在过去的一年里, 换了新的工作, 离开了工作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 ，否则使用函数式组件。

React 中 refs 的作用是什么？

Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一个参数返回.

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

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

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

用途

IE 条件语句包含在HTML注释语句中，只会被 IE 浏览器识别并执行，其他浏览器视其为HTML注释语句，于是全部被忽略，灵活使用IE 条件语句可以开发出兼容不同版本的IE浏览器的样式。

来源

近日在Sublime中编辑Markdown文件时想要实时预览一下,于是在网上寻找到了一种比较简单有效的方法，此方法来源于网上的Volcano大神，他的博客，他的GitHub地址。