时常会搞混 bind、apply、call 这三者的用法以及来意，现在就一次性讲清楚吧

挑选了一些比较经典的算法题，做完多巩固。

一天两个，这周学完

我似乎不太能够写出分而治之、递归、二叉树的实现，能够理解，但是写不出来。

• 归并排序（分而治之、递归）
• 快排（递归）
• 希尔排序（未知）（理解不了）
• 堆排序（二叉树，递归）（理解不了）

安装依赖

这里的安装依赖特指安装 ts 依赖，使得 webpack.config.ts 能够被解析，且具有语法提示。

1

yarn add -D typescript ts-node @types/node @types/webpack

这样就可以使用 ts 编写 webpack 配置啦：

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

import path from 'path';
import webpack from 'webpack';

const config: webpack.Configuration = {
  mode: 'production',
  entry: './foo.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'foo.bundle.js'
  }
};

export default config;

淦，没有成功

引入 .less 文件报错

找不到模块“./Nav.less”或其相应的类型声明

是由于 typescript 检测到没有该模块导致的：

• 建议通过 yarn create @umijs/umi-app 初始化项目，自动包含 typings.d.ts

• 或者在根目录手动添加 typings.d.ts

  1	declare module "*.less";

这个 typings.d.ts 可以配置其他模块导入

配置多个 loader

网上有一种写法，写成数组形式，但是这样是错误的。

1
2
3
4
5
6

{
  test: /\.(le|c)ss$/,
  use: {
    loader: ['css-loader','less-loader']
  }
}

configuration.module.rules[3].use.loader should be a non-empty string.

真正的写法也是使用数组，当然不是像上面一样，而是 use 是一个数组，其实这位针对每个 use 元素做具体操作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

{
  // ...
  use: [
    {
      loader: "css-loader",
    },
    {
      loader: "less-loader",
    },
  ];
}

// 或者这样写，在不需要其他配置的情况下可以这样简写
{
  // ...
  use: ["css-loader", "less-loader"];
}

样式配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.less$/,
        use: [
          "style-loader",
          {
            loader: "css-loader",
            options: {
              modules: {
                localIdentName: "[local]--[hash:base64:5]", // 如果没有这个标识，则生成乱码无法查看
              },
            },
          },
          {
            loader: "less-loader",
          },
        ],
      },
    ],
  },
  // ...
};

postcss 怎么配置？？？

解析 HTML

1
2
3
4
5
6
7
8
9
10
11

const HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
  // ...
  plugins: [
    new HtmlWebPackPlugin({
      title: "react app",
      filename: "index.html",
      template: "./public/index.html",
    }),
  ],
};

时常可以用到的一些短小的函数，尽可能用ts去写。

开始了开始了，一点点搞起来。

第一步，我需要知道怎么用，第二部才是阅读源码。

如何阅读源码

读源码前，必须先了解这个库的基本背景知识：

• 它解决了什么问题
• 基本的使用方法

也算是意识到自己焦虑的原因，想得太多做的太少。

看不到成果

没有一个可以检验自己这一段时间学习思考的成长。

学习是一件无止境的事情，或者说潜移默化吧，特别是像学习一些思考相关的东西。

技术定型

我也知道有很多工具可以快速搭建 react，甚至只需要写业务代码，但是遇到底层（其实这也不算底层）的东西，或者需要高度自定义的东西的时候，那些脚手架显然是不够用的。

迷茫ing，不晓得路怎么走呀

这是一个关于node+express+ts的文章

cnpm i typescript -g 全局安装typrscript

tsc –init 生成ts的配置文件tsconfig.json（通过这个文件可以对ts进行转换）

npm i @types/node -g 安装@types/node模块（@types/node模块会帮助我们引入typescript需要的内容）

修改tsconfig.json配置文件，使用es6已经tsc后文件输出到build文件夹下