大前端学习笔记

Nodejs

首先是安装vscode
在官网下载后直接安装，里面有几个小设置

设置字体

将文件夹不并列同级

vscode中html文件！+tab可以快速出雏形

emment

按下tab键将自动补全
”>”是在此级下，‘’+‘’是同级别

还有vscode的搜索功能，非常好用，可以直接替换修改


点击这个可以将资源管理器关闭或打开

安装Nodejs

在官网下载后一路安装
如果安装成功
在cmd中输入node -v
出现版本号即为成功

nodejs就是运行在服务器的JavaScript。nodejs是一个事件驱动I/O服务器JavaScript环境，基于Google的v8引擎，v8引擎执行JavaScript的速度非常快，性能非常好。chrome v8引擎将js文件解释给操作系统，相当于jvm将class文件解释给操作系统一样。

在终端使用 node 文件名 运行
需要注意，运行前需要保存（ctrl+s）

node操作httpsever

//导入模块是require 就类似于import java.io
const http=require('http');

//1.创建一个httpserver服务
http.createServer(function(request,response){
   
    //浏览器怎么认识hello server
    response.writeHead(200,{
   'content-type':'text/html'});
    //上面这句话的含义，浏览器将以text-plain去解析hello server这段数据
    //将上面的text/plain换成text/html后，浏览器将会以html去解析
    //给浏览器输出内容
    response.end("<strong>hello server</strong>");
}).listen(8888);//监听端口
console.log('你访问的服务是:http://localhost:8888');
//2.监听一个端口，这里设置为8888
//3.启动运行服务 node httpserver.js
//4.在浏览器访问http://localhost:8888

启动

效果

ctrl+· 打开终端 ctrl+c关闭终端正在运行的命令

Node操作MYSQL数据库

官方模块中并没有node操作mysql的模块
所以要使用第三方模块https://www.npmjs.com/package/mysql
在终端输入npm install mysql导入

//导入mysql依赖包
var mysql =require('mysql');

//1、创建一个mysql的connection对象
//2、配置数据连接的信息
var connection =mysql.createConnection({
   
    host:"127.0.0.1",
    port:3306,
    user:'root',
    password:'123',
    database:'textdb'
});
//3、开辟连接
connection.connect();
//4、执行curd
connection.query("select * from han_user",function(error,results,fields){
   
    //如果出错，抛出
    if(error)throw error;
    //查询成功
    console.log("结果：",results);
});
//5、关闭连接
connection.end();

//最后运行 node db.js 查看效果

ES6

ECMAScript是由Ecma国际通过ECMA-262标准化的脚本设计语言，它往往被称为JavaScript或者JScript，所以它可以理解为JavaScript的一个标准，但实际上后两者是ECMA-262标准的实现和拓展.
ES是前端js的语法规范，可以应用在各种js环境中。如：浏览器或者nod.js环境。
它有很多版本：es1/2/3/5/6,有很多新特性，可以在js环境中使用这些新特性

const与let

        //传统定义变量和常亮的方式，统一使用 var
        var name = 'hanmingfeng';
        var link ='http://www.baidu.com';
        var PI =Math.PI;

        //ES6的定义方式
        let name2 = 'hanmingfeng';
        let link2 ='http://www.baidu.com';
        const PI2