CS编程入门篇

在线编程网站：https://c.runoob.com/compile/22/
常用指令：https://www.runoob.com/sql/sql-tutorial.html
编程软件：https://www.jetbrains.com/idea/

第一部分：JavaScript、NodeJs + CSS +HTML

JavaScript基础入门篇（一）：https://blog.csdn.net/qq_42853241/article/details/85064744
JavaScript 入门（上）：https://blog.csdn.net/wuyxinu/article/details/

1.1 前端

Chrome开发者工具
Math.ceil(Math.random()*100);

NodeJs：https://nodejs.org/en/download/

涉及语言，框架Vue，react naive等
以Vue框架为例
阿里Ant UI：https://www.antdv.com/components/icon-cn/
饿了么Element UI：https://element.eleme.cn/#/zh-CN/component/table
Naive UI：https://www.naiveui.com/zh-CN/

1.2 网络

config/default.json

{
    "httpPort": 8080,
    "httpsPort":443
}

package.json

{
  "name": "server",
  "description": "localhost-server",
  "version": "0.0.1",
  "engines": {
    "node": ">= 0.6.0"
  },
  "dependencies": {
    "express": "4.17.2",
    "body-parser": "^1.18.3",
    "config-lite": "^3.0.0"
  },
  "scripts": {
    "start": "node server.js"
  }
}

node server.js

const express = require('express');
const bodyParser = require('body-parser');
const fs = require('fs')
const http = require('http')
const config = require('config-lite')(__dirname);

const app = express();
app.all('*', function(req, res, next){
    res.header('Access-Control-Allow-Origin',  '*');
    res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With, yourHeaderFeild');
    if (req.method === 'OPTIONS'){
        res.sendStatus(200);
    } else{
        next();
    }
});
app.use(bodyParser.json());

app.get('/test_get', (req, res) => {
    res.send("get hello world");
});

/**
 * 启动Http服务
 */
if(config.httpPort){
    http.createServer(app).listen(config.httpPort, ()=>{
        console.log(`启动Http监听端口: ${config.httpPort}`)
    });
}

第二部分：Python

python在线学习：https://www.liaoxuefeng.com/wiki/1016959663602400

1、数据挖掘+数据展示项目（釜山行人物关系）
http://7xktmz.com1.z0.glb.clouddn.com/Train%20to%20Busan.txt
https://www.cnblogs.com/mrchige/p/6512914.html
Echarts：https://echarts.apache.org/examples/zh/index.html

tips：jieba无法安装
pip install -i https://pypi.tuna.tsinghua.edu.cn/simple jieba
国内源：pip3 install numpy -i https://pypi.tuna.tsinghua.edu.cn/simple
回退版本
pip install pyecharts==0.5.11

适合项目
https://www.zhihu.com/question/29372574/answer/88744491

第三部分：Java

3.1 面对过程POP（性能）、面对对象OOP（类、对象 + 封装、继承、多态）、面向切面AOP

import java.math.BigDecimal;

public class HelloWorld {
    public static void main(String []args) {
       System.out.println(new BigDecimal("0.1").add(new BigDecimal("0.2")));
    }
}

基本流程
https://blog.csdn.net/qq_37651267/article/details/90550939
类与对象：
https://www.cnblogs.com/AlanLee/p/6475334.html

第四部分：数据库

在线SQL数据库：
SQL Fiddle：http://sqlfiddle.com/
db<>fiddle：https://dbfiddle.uk/?rdbms=mysql_8.0