前端学习笔记

node.js

https://nodejs.org/en/

https://www.runoob.com/nodejs/nodejs-tutorial.html

https://baike.baidu.com/item/node.js/7567977?fr=aladdin

node.js 源码分析

nodejs源码—初始化

NodeJS源码分析(1)【Hello world】

medooze源码分析--NodeJS调用C/C++

react

https://www.runoob.com/react/react-tutorial.html

https://www.liaoxuefeng.com/wiki/896043488029600

https://www.cnblogs.com/wzndkj/p/10493628.html

ant design(服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。)

https://ant.design/index-cn

https://www.jianshu.com/p/21caf40ee93e

Ant Design的安装：https://www.jianshu.com/p/40858de35de2

redux(Redux对于JavaScript应用而言是一个可预测状态的容器。换言之，它是一个应用数据流框架，而不是传统的像underscore.js或者AngularJs那样的库或者框架。)

https://www.redux.org.cn/

https://blog.csdn.net/u010644262/article/details/79443567

https://www.cnblogs.com/lslvxy/p/6062011.html

React JSX 原理

https://blog.csdn.net/Homer_Simpson/article/details/80628541

https://react.docschina.org/docs/jsx-in-depth.html

reducer

http://uprogrammer.cn/redux-in-chinese/docs/basics/Reducers.html

https://www.cnblogs.com/smuxiaolei/p/7484678.html

javascript

https://www.w3school.com.cn/js/index.asp

https://www.cnblogs.com/juggdxy/p/8245491.html

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

https://www.w3school.com.cn/ajax/index.asp

HTTP 教程:https://www.w3cschool.cn/http/ahkmgfmz.html

https://www.runoob.com/jsref/jsref-map.html

npm

https://www.runoob.com/nodejs/nodejs-npm.html

https://www.npmjs.cn/

https://www.runoob.com/nodejs/nodejs-npm.html

https://www.npmjs.cn/cli/start/

ES2015

https://www.jianshu.com/p/220a54f7adce

https://www.jianshu.com/p/26ba40e9c3b1

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

git

https://www.cnblogs.com/smuxiaolei/p/7484678.html

https://www.liaoxuefeng.com/wiki/896043488029600

Git撤销&回滚操作(git reset 和 get revert)

Git Reset 三种模式

then

https://blog.csdn.net/weixin_37719279/article/details/80951280

https://blog.csdn.net/weixin_37719279/article/details/80946137

https://www.liaoxuefeng.com/wiki/1022910821149312/1023024413276544

https://www.jianshu.com/p/82237a7ca6e5

Package.json

http://javascript.ruanyifeng.com/nodejs/packagejson.html#toc5

https://www.jianshu.com/p/b3d86ddfd555

摘要：main - main 字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

require('moduleName') 不能加载包名，我已经实验过了？

package.json和package-lock.json到底是什么？

package.json和package-lock.json的区别

http://javascript.ruanyifeng.com/nodejs/packagejson.html

package.json详解

package.json文件说明解释

npm中package-lock.json存在的价值

package.json中的重要属性

摘要：如果存在一个名字为module-1 的package,在项目中，通过commonjs语法或者是ES6，你可能会这么用。

// ES6
import 'module-1' from 'module-1'
// commonjs
const module-1 = require('module-1')

上面的代码是怎样的执行逻辑呢。

实际情况是这样的，他会从node_modules 中查找是否存在module-1 的packge.如果找到，接着去查看在package路径下是否有index.js, index.json 文件，然后再去寻找packge.json 文件中是否有main 字段。最后根据main 属性配置的信息，找到指定的文件，这样，这个packge就可以正确的加载进来了。

大部分情况下，该属性都是如下配置。
"main": "lib/index.js"
附录：包管理器的技巧

import

JS 中的require 和 import 区别

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

JS中的「import」和「require 」

es6中的import,export浏览器已经支持

如何让浏览器支持ES6中的import和export语法:https://blog.csdn.net/caimouse/article/details/79975616

模块

CommonJS

CommonJS Modules

https://www.cnblogs.com/gpzhen/p/7215954.html

摘要：

CommonJS是主要为了JS在后端的表现制定的，他是不适合前端的，为什么这么说呢？

这需要分析一下浏览器端的js和服务器端js都主要做了哪些事，有什么不同了：

CommonJS、AMD、CMD的区别

[NodeJS]Node模块原理

Node.js Web 模块

Nodejs中模块的创建与引用

 

immutable

https://www.jianshu.com/p/0fa8c7456c15

精读 Immutable 结构共享

https://immutable-js.github.io/immutable-js/

Immutable.js 以及在 react+redux 项目中的实践

Node.js模块系统

NPM 使用介绍:https://www.runoob.com/nodejs/nodejs-npm.html

webpack

https://www.webpackjs.com/

https://webpack.github.io/

入门 Webpack，看这篇就够了 :https://www.jianshu.com/p/080e18fcf0e3

webpack怎么安装:https://jingyan.baidu.com/article/a3a3f811230ee58da3eb8a6e.html

webpack原理 :https://segmentfault.com/a/1190000015088834?utm_source=tag-newest

webpack打包

简单地使用webpack进行打包:https://blog.csdn.net/lplife/article/details/80875815

简单的webpack打包(一):https://blog.csdn.net/jiao0916/article/details/82858079

WebpackDevServer

【webpack】webpack-dev-server生猛上手——让我们来搭一个webpack的微服务器吧！

详解webpack-dev-server的简单使用

webpack-dev-server 安装

webpack及webpack-dev-server的安装

ebpack-dev-server使用方法，看完还不会的来找我~

webpack-dev-server虚拟服务器自动打包刷新

webpack-dev-server启动后，localhost:8080返回index.html的原理

Fetch

https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch

https://www.jianshu.com/p/8bc48f8fde75

node_modules @types

https://www.cnblogs.com/haogj/p/6194472.html?utm_source=itdadao&utm_medium=referral

摘要：在 Typescript 2.0 之后，TypeScript 将会默认的查看 ./node_modules/@types 文件夹，自动从这里来获取模块的类型定义，当然了，你需要独立安装这个类型定义。

比如，你希望 core.js 的类型定义，那么，你需要安装这个库的定义库。

npm install --save @types/core-js

在 Typescript 2.0 中使用 @types 类型定义：https://www.jianshu.com/p/22051d562eaf

node_modules/@types/react/index"' has no default export：https://stackoverflow.com/questions/51902844/node-modules-types-react-index-has-no-default-export

在 Typescript 2.0 中使用 @types 类型定义：https://www.cnblogs.com/haogj/p/6194472.html?utm_source=itdadao&utm_medium=referral

react与fetch

fetch 使用

Fetch 使用教程

yarn

https://yarn.bootcss.com/

yarn的安装和使用：https://blog.csdn.net/yw00yw/article/details/81354533

yarn：https://baike.baidu.com/item/yarn/16075826?fr=aladdin

html5

HTML 5 教程:https://www.w3school.com.cn/index.html

vs code debug/设置中文

将VSCode设置成中文语言环境

使用VSCode 断点调试 js项目，html页面

vscode开发调试js、python

使用vscode断点调试Node.js