在web 中PHP，HTML，CSS, JS, jquery, vue, node 的作用是啥

php是后端语言，简单来说就是处理数据的，html是用来布局的，css是用来修饰的。js和jq都是脚本语言， *** 作dom的，vue是一个框架，node也是后端语言。首先说一下前端部分：html就是等于你新建的房子，还没有装修，只有一个架构，css就是等于装修你的房子。使页面变得好看。jq是js的封装，就是把js的一些方法封装起来进行调用，都是属于脚本语言，用法都差不多，例如你要点击一个页面的按钮触发什么事件就是使用js或jq来控制的再到vue,vue是一个前端框架，它有很多特定的功能，例如：双向数据绑定，data传数据等等，非常方便。（功能还有很多，详细的你自己去学这里只是举例一下），php和node都是后端语言，但是node的定性有点不确定性，它虽然是后端语言，但是使用这个语言最多的还是前端开发，它除了可以写后端数据，它还是很多框架的依赖，例如vue就是需要依赖node环境的。至于php,我举个例子：你开发了一个官网，但是你的图片和产品一开始都是静态的，就是都是你写在上面的，但是我总不能每次修改都从代码里面去改，然后再上传到服务器吧，所以我们需要通过后端返回数据，把数据库里面的图片或产品参数通过php的接口来获取到数据，然后把数据渲染在前端页面上，这样只要数据库里面的东西修改了，前端页面自动就替换了新的内容。当然我们是不会自己在数据库上面去改的，我们还会写一个管理后台，通过管理后台去上传图片到数据库，不管是前端页面还是管理后台都是通过php（后端语言）来处理数据进行交互的。

近两年前端技术变革速度太快，vue不论针对web项目开发，网站制作，还是app，小程序开发，都越来越流行，其便捷性及易用程度都让你不得不考虑去学习。如果仅仅还是传统的各种cms开源代码建站仿站，显然你的技术已经跟不上了，如果你开发的项目数据交互较多，并且前后端分离明显，那么vue将会使你未来技术长足成长的不二选择。

组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。

天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层，代码解耦更易于读写。

生态: 现在主流前端框架都自带生态,不管是数据流管理架构还是 UI 库都有成熟的解决方案。

broswer 浏览器（客户端）

html超文本标记语言

css 层叠样式表

javascript 语言名字(类似python/php/c…)

title 标题

body身体

head头

div 盒子(类似收纳箱)

font字体

width 宽

height 高

background 背景

color 颜色

ul (Unordered List) 无序列表

ol (Ordered List) 有序列表

li (List Item) 列表项

dl (Definition List)自定义列表

form表单

action 地址

method 方法

input 输入框

text文本

password密码

radio 单选

checkbox多选

select 下拉菜单

option 选项

padding 内边距

margin 外边距

border 边线

solid 直线

dashed 虚线

dotted 点线

overflow溢出

hidden 隐藏

visibility 可见度

table 表格

thead 表头

tbody 表格内容

tr (table row) 行

td/th (table data, table headline)列

rowspan 合并行

colspan 合并列

collapse合并

position定位

relative绝对定位

absolute相对定位

fixed 固定定位

static 静态定位

script 脚本

string 字符串

number 数字

boolean 布尔

undefined 未定义

null空(None)

function函数

document文档

get 获取

element 元素

by 通过

id id

tagName 标签名

window 窗口

object 对象

array 数字(类似python中的list列表)

setInterval 定时器

clearInterval 清除定时器

$ 美元符号

next下一个

prev前一个（previous）

parent 父母/双亲

children孩子

click 点击

mouseleave 鼠标移开

mouseenter 鼠标进入

animate 动画

slide 滑动

fade渐进

show显示

hide隐藏

test测试

stopProperation 阻止冒泡

preventDefault 阻止默认行为

DOM document object model 文档对象模型

ajax啊甲克斯

type类型

url 统一资源定位符

data数据

dataTpye数据类型

success 成功

error 失败

done成功

fail失败

mustache胡子

computed计算

watch 监听

filters 过滤器

mounted 挂载，生成

axios vue中的ajax

let 变量

const 常量

---