00 前端简介

213次阅读
没有评论

共计 2287 个字符,预计需要花费 6 分钟才能阅读完成。

一. 前端的演变

1.web1.0 时代的网页制作

网页制作是 web1.0 时代的产物,那个时候的网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,我们当时称为“牛皮癣”网页

例如一篇 QQ 日志、一篇博文等展示性文章; 在 web1.0 时代,用户能做的唯一事情就是浏览这个网站的文字图片内容,这时用户也不能像现在在大多数网站都可以评论交流 ( 缺乏交互性)

相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧,这个组合就是 web1.0 时代额产物

2.web2.0 时代的前端开发

"前端开发" 是从 "网页制作" 演变而来的

从 2005 年开始,互联网进入 web 2.0 时代,由单一的文字和图片组成的静态网页已经不能满足用户的需求,用户需要更好的体验

在 web 2.0 时代,网页有静态网页和动态网页。

所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。举个例子,你登陆新浪微博,要输入账号密码,这个时候就需要服务器对你的账号和密码进行验证通过才行。

web2.0 时代的网页不仅包含炫丽的动画、音频和视频,还可以让用户在网页中进行评论交流、上传和下载文件等(交互性)。这个时代的网页,如果是用“网页三剑客 Dreamweaver+Fireworks+Flash”制作的,那是远远不能满足需求。

现在网站开发无论是开发难度,还是开发方式上,都更接近传统的网站后台开发,所以现在不再叫“网页制作”,而是叫“web 前端开发”。

所以,处于 web2.0 时代的你,如果要学习网站开发技术,就不要再相信所谓的“网页三剑客 Dreamweaver+Fireworks+Flash”,因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多,例如代码冗余、网站维护困难

二.web 前端是什么

通俗的讲, Web 前端就是展示位用户一张经过设计的网页, 用户可以在网页上进行交互等操作完成自己的需求

三.web 前端的运用

  • 公司官网(在 PC 通过浏览器来访问公司网站)
  • 移动端网页(在手机上来浏览公司信息、小游戏等)
  • 移动端 APP(例如:淘宝、去哪儿旅游、携程等)
  • 微信小程序(微信最新推出的功能,随用随装,不占用手机空间)

四.web 前端包含哪些技术

一般来讲, 网页主要有三部分组成 : 结构、样式、动态行为, 对应的语言分别是HTML、CSS、JavaScript

1.HTML

HTML,全称 "Hyper Text Markup Language(超文本标记语言)"

简单来说,网页就是用 HTML 语言制作的; HTML 是一门描述性语言,是一门非常容易入门的语言




from 标签




用户名:

密码:


2.CSS

CSS,全称 "(层叠样式表)"

主要是用来美化 HTML 元素的,最新的 CSS3.0 在浏览器的支持下还可以实现一些简单动画效果




边框阴影



蟹老板打皮球


3.JavaScript

JavaScript 是一门脚本语言, (与 Java 没有关系)

JavaScript 可以为网页提供前端数据校验、前后端数据传输等功能

4. 三种语言的配合

HTML 是网页的结构,CSS 是网页的外观,而 JavaScript 是页面的行为

如果我们把前端开发的过程比喻成 "建房子",做一个网页就像盖一栋房子

  • 先把房子结构建好(HTML)
  • 建好房子之后给房子装修(CSS), 例如往窗户安上窗帘、往地板铺上漂亮的瓷砖
  • 最后呢, 装修完了之后, 当夜幕降临的时候, 我们要开灯(JavaScript), 这样才能看得见里面

五. 开发环境

1. 开发编辑器

市面上有很多的 HTML 编辑器可以选择,常见的 Hbuild、Sublime Text、Dreamweare 都可以用来开发 HTML, 当然 PyCharm 也支持 HTML 开发

2. 浏览器

浏览器在本地也能打开 html 文件,浏览器就跟解释器一样,从上倒下,从左到右

全球共有五大浏览器厂商,我们主要以 chrome 为主

  • ie 浏览器
  • chrome (Google 浏览器)
  • firfox (火狐浏览器)
  • safri (Mac 计算机浏览器)
  • persto (欧朋浏览器 Opera, presto 是内核)

浏览器内核不同,浏览器渲染引擎不同

世界最早浏览器, 网景浏览(Netscape), 因为想做操作系统

后来微软利用 windows 操作系统的市场占有率,提供了免费浏览器 ie

中国最早浏览器 ie6,国企内就用 ie6

ps : 学前端一半工作在考虑兼容性,目前 html5 在兼容性方面解决的比较好

3. 文件后缀名规范

  • DOS 系统(win95 或 win98)下只能支持长度为 3 的后缀名,所以老版本的系统一直在用.htm 后缀

  • 但在 windows 后缀长度可以大于 3 位,所以 windows 下无所谓 htm 与 html,html 是为长文件的格式命名的

  • 如果文件后缀是.htm,毫无疑问,浏览器也可以兼容,但推荐使用.html

正文完
 
shawn
版权声明:本站原创文章,由 shawn 2023-06-16发表,共计2287字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)