认识前端|青训营笔记

85 阅读3分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。今天跟着赵文博老师了解和学习了前端与HTML,我的收获颇多。下面将从以下几个方面总结我今日我对前端的了解,请大家多多指教!

【什么是前端?】

  • 解决GUI人机交互问题
  • 跨终端
    • PC/移动浏览器
    • 客户端/小程序
    • VR/AR等
  • web技术栈

网页

  1. 网页由文字、图片、音频、视频、超链接组成
  2. 程序员的代码通过浏览器转换成网页,浏览器是网页显示、运行的平台,常见的五大浏览器有IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)
  3. 注意啦注意啦,不同浏览器渲染引擎不同,解析的效果存在着一定的差异,因此相同的网页在不同浏览器中显示的效果不是完全一致的噢~

前端应该关注哪些方面?

在我看来,一个优秀的网页,其必定是集美观、功能、安全、体验、性能于一体的,若要做到更吸引用户的关注,还少不了可兼容性和无障碍浏览。

【前端技术栈】

在前端技术栈中,web标准分成三个构成:

HTML

  • HTML是什么:HTML是英文Hyper Text Markup Language的缩写,译为“超文本标记语言”。
  • HTML的主要作用:通过HTML标签对网页中的文本、图片、声音等内容进行描述。
  • HTML网页:一个扩展名为“.html”或“.htm”的文件,可以用记事本打开。反而言之,简单的HTML文件可以在记事本编写,编写完成后,将文件扩展名修改为“.html”或“.htm”即可生成一个HTML网页。

CSS

  • 开发背景:随着网页制作技术的不断发展,单调的HTML属性样式已经无法满足网页设计者的需求。
  • CSS是什么:CSS是英文(Cascading Style Sheets,层叠样式表)的缩写,是一种用于控制网页样式并允许将样式信息与网页内容等分离的标签性语言。
  • CSS功能:主要用于设置HTML页面中的文本格式、图片外形和版面的布局等外观显示样式。

JavaScript

  • JavaScript是什么:JavaScript是web中功能强大的脚本语言,常用于为网页添加各式各样的动态功能。
  • JavaScript的组成:JavaScript由ECMAScript、DOM、BOM共三个部分组成。
  • JavaScript的功能:网页模型的定义与页面交互。

【前端的开发环境】

  • 编辑器:常用的前端开发编辑器有VScode、Vim、webStorm

这里小编推荐使用VScode呀,对新手小白真滴超级超级友好!!!

  • 浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器

【小结】

今天主要介绍了我对前端的一些相关认识,请各路大佬们批评指正!