CSS学习网站

Flex Box 冒险游戏

正则表达式其实就是在执行搜索时的格式，它由一些字母和数字组合而成。 例如：一个正则表达式 the，它表示一个规则：由字母t开始，接着是h，再接着是e。

此内容是我在工作对数据处理时遇到的问题，对该问题进行总结。

Axios

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

Promise

Promise 必须为以下三种状态：等待态（Pending）、执行态（Fulfilled）和拒绝态（Rejected）。一旦 Promise 被 resolve 或 reject，不能再迁移至其他任何状态（即状态 immutable）。

MobX

简单、可扩展的 JavaScript 状态管理库。一般和 React 结合使用。

css 布局问题

让一个块级元素垂直居中的方法

第一种方法

• 利用弹性布局实现，在父容器中添加

  .out {
    width: 500px;
    height: 500px;
    background-color: skyblue;
    display: flex;
    align-items: center; /*垂直居中*/
    /*justify-content: center;*/ /*水平居中*/
  }
  .in {
    width: 100px;
    height: 100px;
    background-color: salmon;
  }

  阅读全文 »

function Bar() {
  return;
  {
    a: 1;
  }
}
const f = Bar();
console.log(f.a);

输出 error，因为return后没有值，即使格式化也没有用，因此下方的Object和return没有关联

Vue 查漏补缺

1. data 为什么被定义成函数

   避免组件中的数据互相影响。同一个组件被复用多次会创建多个实例，如果 data 是一个对象的话，这些实例用的是同一个构造函数。为了保证组件的数据独立，要求每个组件都必须通过 data 函数返回一个对象作为组件的状态。

   阅读全文 »

原型链与继承

概念
原型链是一种机制，指的是 JavaScript 每个对象包括原型对象都有一个内置的[[proto]]属性指向创建它的函数对象的原型对象，即 prototype 属性。