【从0开始AI编程】开始AI编程前,你应该了解的10个专业词汇 (前端篇)

这几篇文章，就是教你如何更好的驯服AI，让AI听懂你的指令；我会从基础名词、框架、前端、后端等几个方向，由浅入深；【从0开始AI编程】开始AI编程前，你应该了解的10个专业词汇 (基础篇)

今天我们说一下前端，科普一些开发应用的常见黑话。

基础名词

组件/控件/部件

每个应用给用户呈现的内容，都是由不同的组件、控件搭建而成。不需要从深层次去理解这三者的不同，只需要知道，他们类似于盖一间房子，窗户、门、楼梯都是组件。组件主要是用来多次使用的(就像从家居市场买了同样的门)，控件/部件就类似于门上的锁，猫眼，很多控件可以组成一个组件。怎么跟AI说把这个页面顶部的导航栏，封装成一个组件，新页面直接使用该组件。

布局

这个在前端完成页面时，比较常见，提前规定好布局，避免AI开发的界面乱七八糟。可以想象成积木，横着排成一行就是水平布局，竖着对齐摆就是垂直布局，像九宫格类似的摆法就是网格布局。怎么跟AI说调整页面布局，这几个按钮和卡片使用垂直布局

渲染

应用完成开发，浏览器要负责把这些代码显示出来，画出你设计的按钮和图片，这个过程就是渲染，如果页面没有正常显示，图片加载失败或者白屏，就是渲染出现了问题怎么跟AI说这个页面的列表数据加载太慢，需要优化渲染能力，支持渲染过程中的加载动画

缓存/cookies

这两个概念不完全对等，但是对于普通人来讲，可以当成一个东西；可以把它理解为，中转站或者购物车，本来使用一个东西你需要去仓库(服务器)去拿，但是有了缓存以后，一些常用的或者大件，就可以在拿过一次以后，放在中转站里，不需要每次重新去仓库。怎么跟AI说把用户信息进行本地缓存，下次优先使用本地数据。

域名

这个就是互联网上的任意门(可以快速到达这个任意门绑定的地址)；记住域名，你就可以精准的找到对应的网页信息；怎么跟AI说访问这个域名，获取我需要的Api文档，学习文档完成功能

http/https

这个是互联网世界的一个协议，主要用来传输信息，https比http更安全，因为有加密。怎么跟AI说这个一般在访问网站，对接外部资源时会用到，注意别写错就行

Html/H5/小程序/App/Web

这个是常见的前端应用类型Web/Html/H5：浏览器应用，电脑、手机都可以用；小程序：需要在对应应用里使用，比如微信小程序、抖音小程序等等；App：一般常用来描述需要先下载后使用的手机应用(安卓APP，IOSAPP)怎么跟AI说我想做一个移动端H5页面，主要实现记账功能；

分辨率

这个在前端显示图片时需要特殊关注；分辨率越大图片越清晰，但是图片占用空间也会更大，下载也更慢；不同的分辨率(16:9,4:3)等，显示在不同的场景下，容易有拉伸或者裁剪，要注意选择；怎么跟AI说首页banner图分辨率使用2:1尺寸，预留图片位置

UI/UX

UI：前端视觉效果，颜值几分；UX：前端交互效果，使用顺畅度；怎么跟AI说这个不太需要跟AI这么说，主要是要理解这个词汇；

页面/导航/弹窗等元素

这是前端常见的一些元素，当然还会有很多，这个逐渐学习即可；页面：我们看到的网页，小程序每一屏的显示，都可以统称为页面；导航：指引类的组件，比如小程序底部导航(个人中心、我的那些)；弹窗：页面里突然弹出来的确认窗口；怎么跟AI说在首页(页面)，增加一个弹窗，用户进入时要求填写用户名；

最后

前端是跟AI交互里，沟通最为频繁的场景，听懂AI的汇报，使用准确的词汇告诉AI怎么调整，才能实现自己想要的效果。

当然，“黑话”远不止这些，Ai时代做一个应用很简单，但也不是一句话就能解决的，剩下的慢慢学吧！跟上我，我们从0开始，一步步完成第一个应用落地！