当初蹲在出租屋的椅子上,反复搜web前端是什么意思,屏幕上一堆解释看的脑袋发沉,只觉得这些文字都隔着一层东西,抓不住实在的感觉。那时候刚打算接触写代码相关的东西,分不清前端后端,刷到别人说做网页的就是前端,就草率的记下这句话,以为这下就懂了,后面才发现,这点理解单薄得厉害。

最先碰的是别人丢过来的一个简单页面文件,打开之后,里面是一堆尖括号包起来的标签,还有一些颜色、大小的设置代码。点开预览,能看见文字、图片、按钮摆在页面上,拖动浏览器窗口,元素跟着挪位置。那会傻傻的觉得,只要能改这些看得见的东西,就是web前端全部的工作,还兴致勃勃的改文字颜色,调图片位置,改完刷新一下页面,看着变化就有点开心,花了好几个晚上捣鼓一个简陋的介绍页面。

朋友在旁边看我折腾,慢悠悠的说,看得见的只是一部分。

当时没往心里去,继续闷头改样式,直到做好的页面发到别的手机上打开,布局直接乱掉,按钮挤成一团,文字跑出屏幕外面。反复刷新好几次,情况都没变,一下子就愣住了,之前攒起来的那点成就感一下子散干净,盯着乱糟糟的页面发呆,不知道问题出在哪。以为只是改改颜色排版的事情,怎么换个设备差别就这么大。

然后开始一点点试,改来改去,有时候电脑上看着正常,手机上依旧不对劲,有时候调好了移动端,电脑端又走形。来回拉扯很久,才隐约意识到,不是把东西摆上去就完事,还要考虑不同尺寸的屏幕,不同浏览器的显示差别,很多细碎的状况都会冒出来。同一个页面,在不同地方打开,呈现出来的样子并不一定一样,这件事给我留下很深的印象。

还有一回,想做一个点击之后弹出提示的小按钮,只靠写页面结构和样式做不到,按钮点上去安安静静,一点反应都没有。朋友说,想要页面会动、能响应用户的点击输入,就得再加另外一部分代码。跟着敲了几行,刷新页面再点按钮,弹窗终于跳出来的那一刻,才明白页面不只是一张静态的画,它可以接住人的操作,给出对应的反馈。

慢慢的就不再简单把它等同于做网页。能看见的界面布局、字体图片,是一块;点按滑动这些交互动作,是另一块。这些东西合在一起,才是我接触到的web前端,就是用户打开网页第一眼接触到的所有内容。后端的那些数据、存储逻辑藏在背后,我暂时碰不到,也弄不太明白,只知道前端负责把内容整理好,送到眼前。

也见过别的人做前端,有人侧重页面的视觉呈现,调各种细腻的动画效果,页面滑动的时候顺滑好看;有人更在意页面加载快慢,会琢磨怎么让图片加载更快,不要打开页面卡很久。每个人日常上手的内容,差别其实挺大,没有一个固定不变的模样。

我自己的感受也只是局限在这段粗浅摸索的日子里,只代表我个人的情况,别的人接触它的时候,大概率会有完全不一样的体会。有人入门顺顺利利,很快就能上手做东西,也有人像我一样,卡在适配、交互这些小地方,断断续续耗很久,一直处在似懂非懂的状态。

后来那个当初改崩了布局的页面,也没有好好把它修复完善,文件就安安静静躺在文件夹里,很少再打开。只是偶尔想起当初反复查询web前端是什么意思的那个晚上,想起自己以为一句话就能弄懂一件事,才发觉很多概念,光靠文字释义是体会不到的,总要亲手踩过一些小阻碍,才会在心里生出一点模糊的认知。

合上编辑器的时候,窗外天色已经暗下来,没再继续往下写新的代码。