目录
1. 前端开发是什么?
2. 网页由哪几部分组成?
3. 五大浏览器和渲染引擎
4. web浏览器的标准
1. 前端开发是什么?
提起前端开发,绕不开三大核心技术:HTML、CSS和Ja vaScript。简单来说,前端就是运用这些语言及其衍生出的各类框架和工具,去构建我们在电脑和手机上看到的、能够与之互动的每一个界面。
用一句更通俗的话来概括:前端工程师的工作,就是打造浏览器里(以及各类移动端应用里)那些既好看又好用的交互功能。
2. 网页由哪几部分组成?
无论一个网页设计得多么复杂炫酷,拆解开来,其核心构成元素无非是这么几样:文字、图片、视频、音频和超链接。正是这些基础元素的排列组合,构成了我们眼前丰富多彩的互联网世界。
3. 五大浏览器和渲染引擎
用户通过浏览器接触网络世界,而对于前端开发者而言,浏览器更是最重要的开发和调试环境。
这里有个关键概念叫“渲染引擎”。你可以把它理解为浏览器内部的一个翻译官,负责将我们写的代码“翻译”成可视化的网页。不同的浏览器,这位“翻译官”的工作效率也大不相同。目前,谷歌浏览器(Chrome)所采用的Blink引擎性能最为出色,代码解析速度最快,加上其庞大的用户市场份额,自然成为了开发者的首选工具。
为了更清晰地展示,这里简单梳理一下主流浏览器及其内核:谷歌浏览器使用Blink引擎;微软的旧版IE浏览器使用Trident;火狐(Firefox)依靠Gecko;苹果的Safari用的是WebKit;而欧朋(Opera)现在也与Chrome一样,转向了Blink引擎。
4. web浏览器的标准
构建一个标准的网页,就像是完成一个精密的分工合作。其中,HTML、CSS和Ja vaScript各司其职,缺一不可。
HTML专门负责搭建网页的骨架与结构,定义哪里是标题,哪里是段落,哪里放置图片。
CSS则负责“化妆”和“装扮”,控制所有元素的颜色、大小、字体、布局等视觉效果。
Ja vaScript赋予了网页生命力,负责实现各种动态交互效果,比如点击按钮后的响应、数据的实时更新等。
不妨做个形象的比喻:HTML是鸟的身体,决定了它的基本形态;CSS是鸟的羽毛,让它变得绚丽夺目;而Ja vaScript则是鸟的动作,使得它能够飞翔、鸣叫。三者协同工作,才能创造出一只完整、生动、美丽的鸟——也就是我们最终看到的那个完整而好看的网页。
(学习记录编号:201903090124-4)
目前正在大学三年级学习,已接触到前后端交互的Express阶段。文中内容若有任何疏漏或不准确之处,非常欢迎各位同行指正,我们一同探讨进步。如需转载,请注明出处。
