CS编程入门篇

article/2025/9/26 14:15:08

CS编程入门

第一部分：JavaScript、NodeJs + CSS +HTML
- 1.1 前端
- 1.2 网络
第二部分：Python
第三部分：Java
- 3.1 面对过程POP（性能）、面对对象OOP（类、对象 + 封装、继承、多态）、面向切面AOP
第四部分：数据库

在线编程网站：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")));}
}