浏览器里看得见的部分

前端:用户实际触碰的界面

页面、按钮、表单和动画都属于前端。它接住用户的操作,再把需要处理的事情交给后端。

把它想成:像一家店的门面:顾客看到什么、点哪里、得到什么提示,都在这里发生。

Glossary

先认识这些常见词

Component

组件

可以重复使用的一小块界面。

例如一个「登录按钮」,可以同时出现在首页和登录页。

State

状态

页面此刻记住的信息,变化后界面也会跟着变。

例如购物车里现在有 3 件商品。

Props

传入参数

父组件交给子组件使用的数据。

同一张商品卡片,传入不同名称和价格,就能展示不同商品。

Route

路由

把不同网址带到不同页面的规则。

访问 /login 看到登录页,访问 /orders 看到订单页。

Responsive

响应式布局

让同一个页面适应不同大小的屏幕。

电脑上三列商品,手机上自动变成一列。

CSS

样式

负责颜色、间距、字体和页面排列。

它决定按钮是蓝色圆角,还是黑色方角。

Form

表单

收集用户输入的一组控件。

登录框会收集邮箱和密码,再把它们提交出去。

Build

构建

把开发时的代码整理成浏览器更容易运行的文件。

像把散装零件打包成可以直接交付的产品。

Before you ship

前端新手检查表

页面能在手机和电脑上正常阅读
按钮有反馈,表单会提示错误
加载中、没有数据、出错时都有清楚状态
不会把密码或密钥写进前端代码