vue-cli什么是 vue- cli tip vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。
安装与使用安装
npm -g @vue/cli
使用 快速初始化
vue create 项目名字
运行流程vue 通过 main.js 把 app.vue 渲染到 index.html 指定区域
app.vue 用来编写待渲染的模板结构
index.html 中需要预留 el 区域
vue 组件的三个组成部分template（组件的模板结构）<template>
<div>
<!-- 定义当前组件的 DOM 结构 -->
</div>
</template>
每个组件的模板结构 ，需要调用到 template
template 的 vue 提供的容器标签 ，只有包裹性作用，不会渲染为真正的DOM元素
template 只能包含唯一的根节点
简单理解里面写 HTML即可
script（组件的 JavaScript 行为 ...
配置信息# 查看所有的全局配置
git config --list --global
# 配置指定的全局配置
# 用户名
git config user.name 'Your Name'
# 邮箱
git config user.email 'Your Email'
初始化仓库git init
检查文件的状态git status
# 以精简的方式显示文件状态
git status -s
# 或者
git status --short
添加暂存区# 将当前目录及其子目录下所有变更添加到暂存区
git add .
# 将本地库所有变更添加到暂存区
git add -A
# 指定文件添加暂存区
git add file1 file2
提交更新git commit
# 附加变更信息
git commit -m '日志信息'
# 指定文件
git commit -m '日志信息' fileName
比较差异git diff
# 指定文件
git diff fileName
# 比较两个分支指定文件的差异
git diff 分支1 分支2 fileName
取消暂存的文件git res ...
vue 简介官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架
官网链接
vue 的特性vue 框架的特性，主要体现在如下两方面：
数据驱动视图
在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构当页面数据发生变化时，页面会自动重新渲染
双向数据绑定
在填写表单时，双向数 据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源中
开发者不再需要手动操作 DOM 元素，来获取表单元素最新的值
MVVM 的工作原理ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。
当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构
当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到Model 数据源中
vue 的使用基本使用步骤 <!-- 2. 声明一个被 vue dom 的容器 -->
<div id="ap ...
前端工程化前端开发
模块化（js 的模块化、css 的模块化、资源的模块化）
组件化（复用现有的 UI 结构、样式、行为）
规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）
自动化（自动化构建、自动部署、自动化测试）
前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化
前端工程化的解决方案
早期：
grunt https://www.gruntjs.net/
gulp https://www.gulpjs.com.cn/
目前主流
webapck https://www.webpackjs.com/
parcel https://zh.parceljs.org/
webpack的基本使用主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript 的兼容性、性能优化等强大的功能
好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。注意：目前 Vue，React 等前端项目，基本上都是基于 webpack 进行工 ...
ES6 模块化ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。
ES6 模块化规范中定义：
每个 js 文件都是一个独立的模块
导入其它模块成员使用 import 关键字
向外共享模块成员使用 export 关键字
ES6 的模块化3种用法默认导出的语法： export default 默认导出的成员//01_test.js
// 定义成员和方法
let n1 = 10
let n2 = 20
function show(){}
// 默认导出
export default{
n1,
n2,
show
}
默认导入的语法：import 接收名称 from '模块标志符'默认导入时的接收名称可以任意名称，只要是合法的成员名称即可
// 从 01_test.js 模块导入共享的成员
import test from './01_test.js'
// 输出 { ...
数据库的数据组织结构数据的组织结构分为数据库(database)、数据表(table)、数据行(row)、字段(field)这 4 大部分组成。
实际开发中库、表、行、字段的关系
在实际项目开发中，一般情况下，每个项目都对应独立的数据库。
不同的数据，要存储到数据库的不同表中，例如：用户数据存储到 users 表中，图书数据存储到 books 表中。
每个表中具体存储哪些信息，由字段来决定，例如：我们可以为 users 表设计 id、username、password 这 3 个字段。
表中的行，代表每一条具体的数据
使用 SQL 管理数据库SQL（英文全称：Structured Query Language）是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让我们以编程的形式，操作数据库里面的数据。
SQL 是一门数据库编程语言
使用 SQL 语言编写出来的代码，叫做 SQL 语句
SQL 语言只能在关系型数据库中使用（例如 MySQL、Oracle、SQL Server）。非关系型数据库（例如 Mongodb）不支持 SQL 语言
SQL 能做什么
从数据库中查询 ...
Express 认识官网链接
tip Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
安装 Express
nmp i express
创建基本服务器const express = require('express')
// 创建 web 服务器
const app = express()
// 监听客户端的 GET 和 POST 请求
// 并向客户端响应具体内容
//通过 app.get(’请求url‘，function(req,res)) 方法，
//可以监听客户端的 GET 请求
app.get('/user',(req,res)=>{
res.send({
name:'湘伦',
age:'18'
})
})
// post 请求 语法和 get 的差别不大
app.post('/user',(req,res)=>{
res.send('ok')
})
// 通过 req.query 可以获取到客户端发送过来的查询参 ...
Node.js 简介运行环境
浏览器是 Javascript 的前端运行环境
Node. js 的 Javascript 的后端运行环境
Node.js中无法调用 DOM 和 BOM 等浏览器内置的API
应用场景
基于 Express 框架,可以快速构建 Web 应用 http://www.expressjs.com.cn/
基于 Electron 框架，可以构建跨平台的桌面应用 https://electronjs.org/
基于 restify 框架，可以快速构建 API 接口项目 http://restify.com/
读写和操作数据库、创建实用的命令行工具辅助前端开发、etc…
fs 文件系统模块读写文件fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求
tip 如果要使用 fs 模块需要先导入
const fs=require('fs')
读写文件方法
使用 fs.readFile()方法，可以读取指定文件中的内容
fs.readFile(path[,options],callbac ...
