node.js+vue.js全栈开发学习(零)

本人是前端小白,突发奇想,想要学习前端.
从零开始构建自己的网站博客,因此在这里每天不定时写下一篇博客,来督促自己学习.

主要记录下学习收获,因此可能简略.
才疏学浅,如有错误还请指正

Node.js&Vue.js简介

node.js是JavaScript的运行环境

vue.js是用于构建用户界面的JavaScript框架

环境搭建

node.js环境使用官方版本搭建,使用装有code插件的vscode进行代码的开发与管理.
在后期构建web前端应用时,使用webpack构建node应用程序框架

vue.js框架在本质上是JavaScript开发库,为使用方便.这里使用vue脚手架进行快速搭建以及后期的打包工作.
使用装有vetur插件的vscode进行开发与调试.

Node语法基础

由于node.js是建立在V8引擎之上的,也意味Node.js的语法与JavaScript的语法几乎一致

JavaScript是解释性,弱类型的脚本语言,由ECMAscript,DOM,BOM三部分构成

• 代码的开发可以在node.js提供的交互式运行环境REPL中,也可以在浏览器环境中进行

数据类型

由简单数据类型Boolean,undefined,number,string,null与复杂数据类型object(key-value)

使用 var x同时进行声明与赋值

可以使用typeof var方式进行识别,或者Boolean()转化为逻辑数据类型

函数

function关键字即可声明一个函数

function test(x,y){ return x+Y }

• 在函数中,默认带有arguments对象,为类数组对象.记录了传递给函数的参数信息,可用于函数重载
• 生命周期分为:全局变量(全局设定)与局部变量(函数内部),在node中global的对象不用var进行定义,直接赋值即可成为全局变量
• 闭包可以使函数读取到其它函数内部的变量

node.js的控制台

node.js提供console控制台,可用于debug.

• console.log()标准流输出
• console.dir(object)输出对象信息
• console.trace(‘trace’)输出当前位置的栈信息
• console.time()&console.end()是统计他们之间程序段的运行时间

Node.js的包管理