前端技术之小总结

html+css+JavaScript

一、前端开发核心技术

处于web 2.0时代,网页最主要有三部分组成:结构、表现、行为。也就对应HTML、CSS、JavaScript。

1、HTML是什么?

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。

2、CSS

CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。

3、JavaScript

JavaScript是一门脚本语言。

4、HTML、CSS和JavaScript的区别

我们都知道前端技术核心的是HTML、CSS和JavaScript这三种。但是这三者究竟是干嘛的呢?
“HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。”形象一点打个比喻,我们把前端开发的过程比喻成“建房子”,做一个网页就像盖一栋房子,先把房子结构建好(HTML)。建好房子之后给房子装修(CSS),例如往窗户安上窗帘、往地板铺上漂亮的瓷砖。最后呢,装修完了之后,当夜幕降临的时候,我们要开灯(JavaScript),这样才能看得见里面。回到网页开发中,我们先用HTML搭建网页结构,这时候默认情况下,字体、字体颜色、字体大小和背景颜色如下图:


前端技术(HTML)

仅仅使用HTML的文字
然后我们通过CSS修饰一下,改变其字体、字体大小、字体颜色和背景颜色,得到如下的效果图:


前端技术(CSS)
在HTML基础上加入CSS的文字
最后,我们通过JavaScript定义鼠标一个行为,就是鼠标移动到上面的时候,背景颜色会变为深绿色,效果如下:
前端技术(JavaScript)

加入JavaScript特效
现在大家都知道一个缤纷多彩的网页究竟是怎样做出来,也知道为什么“前端技术最核心的是HTML、CSS和JavaScript”了吧?

二、前端开发其他技术

前端技术最核心的是HTML、CSS和JavaScript,但是对于一个真正的前端工程师来说,哪怕你精通这三个,你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等。

1、Ajax

Ajax,即“Asynchronous Javascript And XML(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。
通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用Ajax)如果需要更新内容,必须重载整个页面。
Ajax是前后端交互的技术,主要实现在前端。

2、SEO

SEO,即“Search Engine Optimization(搜索引擎优化)”。SEO优化是专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式(国内常见的搜索引擎有百度、360、搜狗等)。
简单来说,你建好了网站并不代表你网站就能被搜索引擎搜索到,我们一般使用百度搜索资料时,搜索出来的网页有很多,但是我们一般看了搜索结果的第一、二页就不再往下看了。SEO,就是为了我们的网站能排在搜索结果的前面,这样你的网站才会有流量。你做网站,相信你也是想让你网站有更多人浏览的吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,926评论 24 450
  • 据不完全统计,中国普通高等学校约有三千万大学生。 据高中班主任说,上了大学就可以想吃吃想睡睡无忧无虑了。 据千里之...
    季凌沐阅读 753评论 2 0
  • 赶到黄姚古镇的时候,夜已深。爱好摄影的朋友按耐不住对古镇夜景的向往,背着沉重的专业设备,跟着导游在古镇走了一圈。红...
    一半是火阅读 336评论 0 1
  • 离希望那么近,所以现在这么失望,没有幸运到底,我的梦寐以求,现在应该每天好好工作了吧,别再没心思了,已经过去了。
    辰辰潘阅读 292评论 0 0