React的FAQ，来自官网的FAQ，学习后做的笔记，顺带翻译(不完全翻译)

AJAX and APIs

libaraies

你可以在React中使用任何你喜欢的AJAX库

Axio, jQuery AJAX, window.fetch

where did ajax call

componentDidMount

Babel, JSX, and Build Steps

JSX是否必要

不必要

ES6(+)是否必要

不必要

如何在JSX中写注释

支持多行注释

1
2
3
4

<div>
    {/* Comment goes here */}
    Hello, {name}!
</div>

文章翻译自于Should you use “www” in your URL or not?，这篇文章是写于2016，该不该在你的网站URL中使用www? 现在来看对于网站的SEO而言，了解一下还是有帮助的，并且MDN上也链接了这篇文章。

正文：

这是一个有很长时间的问题： 使用www或者不使用www? 多年来，人们会被问到这两者的区别，哪个对SEO更好，或者是否有必要修改他们的网址。

没有什么可惊讶的，网络上充满了关于这个话题的观点。一方面，支持www的人争论说“使用www能为超出一台服务器时网站扩展带来的挑战做好准备”；另一方面，支持无www的人坚称“使用www是冗余的并浪费时间”。

然而我们可以两方都支持，我们的观点是其实这不是太影响(Google也同意!)。对于普通的博客或自由职业者或者甚至机构，使用www或者不使用，都是绝对零优势。也就是说，他们在技术上是有区别的，并且有一个非常好的理由说明你为什么不应该同时使用。

起步

三个配置文件

git config --system：文件位置/etc/gitconfig，系统级配置
git config --global：文件位置~/.gitconfig 或 ~/.config/git/config 文件，当前用户配置
.git/config：文件位置仓库.git/config，当前仓库配置

用户信息配置

1
2

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

查看配置

git config --list：列出所有 Git 当时能找到的配置

获取帮助

1
2
3

$ git help <verb>
$ git <verb> --help
$ man git-<verb>

HTML学习入门

目录

• 基本概念
• 学习方法
• 常用标签
• 调试和查错
• 参考网站

ag-grid介绍

• 号称世界上最好的HTML5表格
• 支持绝大多数主流框架: 原生JavaScript/Angular/React/Vue/AngularJS/Polymer/Aurelia/Web Components
• 社区版和商业版，主要功能开放为社区版，商业版支持增强特性

文章翻译自stackoverflow上的一个问题: what-is-the-difference-between-localstorage-sessionstorage-session-and-cookies

现在是2018年，前端开发中层出不穷的框架和新技术，如何能入门前端开发？
这个专栏就是为了这个问题而产生的，把握住不变的要点，然后去适应这个变化的前端世界。

css中关于background属性的用法，经常会使用到，并且老是记不清，这里做一下总结，方便后面开发查阅。

background是多个属性的简写，因此要了解background中各个属性的用法，才能理解其本身。background是按照以下的顺序进行设置的:
background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, 和background-attachment。

这篇文章第一版是在2018年写的，当时写的比较粗糙也没有配图，近期重新翻新并增加一些之前没有提到的功能点，主要作为自己平时的使用指南，如果能帮助到其他人那是更好的。

由于使用NPM在国内的安装速度很慢，找了一些解决方案，因此引出了Yarn + 淘宝源的使用方案，记录一下Yarn使用的方法

1. Yarn简介
2. Yarn安装
3. NPM源配置
4. Yarn使用

Yarn简介

Yarn是FaceBook推出的一款基于nodejs的依赖管理工具，在npm基础上做了一些改进。Github上的star已经超过30k。

超快

Yarn caches every package it downloads so it never needs to download it again. It also parallelizes operations to maximize resource utilization so install times are faster than ever.

非常安全

Yarn uses checksums to verify the integrity of every installed package before its code is executed.

超可靠

Using a detailed, but concise, lockfile format, and a deterministic algorithm for installs, Yarn is able to guarantee that an install that worked on one system will work exactly the same way on any other system.

详细的优点可参看知乎的评价文章如何评价Facebook推出的JavaScript模块管理器yarn？

Yarn安装

这里列一下MacOS下的安装方法：

使用Homebrew进行安装，如果没有安装Node.js会自动进行安装

1

brew install yarn

如果已经使用nvm或者类似的工具安装过Node.js，可以选择忽略安装

1

brew install yarn --without-node

验证是否安装成功:

1

yarn --version

NPM源配置

有两种方法：

一、直接配置

1
2
3
4

// 配置registry
npm config set registry https://registry.npm.taobao.org/

npm config get registry

二、使用nrm切换npm源

1
2
3
4
5
6
7
8
9
10
11

// 安装nrm
npm i nrm -g

// 列出所有可用的registry
nrm ls

// 使用淘宝源
nrm use taobao

// 测试速度
nrm test

建议使用第二种方案

Yarn使用

列举一些常用的命令：

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
26
27
28

// 新建一个项目
yarn init

// 添加依赖
yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

// 添加其他类型的依赖到项目中
// 其中dev是开发依赖；peer一般用于开发库；
// optional为可选依赖，安装过程中报错也可忽略
yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

// 升级依赖
yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

// 移除依赖
yarn remove [package]

// 安装一个项目的所有依赖
yarn

// 或者
yarn install