你了解Web前端吗?

你了解Web前端吗???
前言
       这个假期里面,Black一直在研究web前端的内容。经过两个月的时间,Black现在对前端有了一些比较深入的研究,特意写下这篇文章,希望能给即将进入web前端或者是正在学习web前端的同学们提供一点帮助。
前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Javascript。
       Black建议大家的学习优先级是HTML>CSS>Javascript,这样的排序并不是因为Black觉得Javascript最不重要,而是觉得我们应该分清轻重去学习,才能事半功倍。在HTML和CSS的学习上不用花费太多的时间,Black觉得Javascript是前端一切学习的基础。
HTML
        随着时间额发展,HTML有了很大的发展,现在已经发展到了HTML5,并于2014年发布课最终版的规范版本。一个网页中对应多个HTML文件,超文本标记语言文件以.html为扩展名,可以使用任何能够生成txt文档的文本编译器来产生语言文件,只需要修改文件后缀即可。
       标记符<html>,说明该文件是超文本标记语言,它是文件的开头;</html>,则是文件的结尾,是超文本语言的结尾标记。在<html></html>之间对网页的内容进行编写,这样的编写紧紧是文字上的编写和一些图片上的放置。假如你想进行相应的界面优化或者是动作执行,就需要CSS和Javascript语言编写的文件。

你了解Web前端吗???你了解Web前端吗???

CSS
       CSS,中文名字:层叠式样式表,是一种用来表现HTML等文件样式的计算机语言。CSS不仅仅能够修饰静态的网页,还能够配合各种脚本语言动态地对网页进行格式化。
       CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS具有以下的优点,丰富的样式定义,易于修改和使用,多页面应用,层叠和页面的压缩。
       CSS的选择器,在这里选择讲述简单属性选择器。
       1.CLASS属性,允许向一组在CLASS上具有相同值的元素应用声明,BODY内的所有元素都有CLASS属性;
       2.ID属性,ID属性的操作类似于CLASS属性,但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。需要注意的是,ID选择器的标志符是散列符号(#),标志符用来提醒浏览器接下来出现的是ID值;
       3.STYLE属性,在选择器中可以使用CLASS和ID属性值,STYLE属性实际上可以替代整个选择器机制。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值),STYLE属性的值实际上是一个或多个CSS声明。

你了解Web前端吗???
Javascript
       首先我们来看一看一些大型网站上的前端语言的选择:

你了解Web前端吗???
       看完这张图,相信大家知道了Javascript的重要性了,在网页中它的作用是用来描述网页的行为。所有的现代Web浏览器——基于桌面系统,游戏机,平板电脑和智能手机的浏览器均包含这Javascript解释器。这使得Javascript成为能够称得上使用最为广泛的编程语言。
       Javascript是一种解释性的脚本语言(代码事先不进行预编译),主要是用来向HTML页面添加交互性行为,能够嵌入HTML页面,也可以写成单独的后缀是.js的文件,同时它具有跨平台特性,使得它在多种平台下都能运行(如Windows,Linux,Mac,Android,ios)。
       Javascript的用途:
       1.嵌入动态文本于HTML页面;
       2.对浏览器事件做出相应的响应;
       3.读取写入HTML元素;
       4.在数据被提交到服务器之前进行验证数据;
       5.检测访客的浏览器信息;
       6.控制cookies,包括创建和修改等;
       7.基于Node.js技术进行服务器端编程;
       Javascript一直在被大家使用,渐渐的它不再局限与前端了,逐渐向着前后端共同的发展了。

你了解Web前端吗???

你了解Web前端吗???

你了解Web前端吗???

想成为一名前端开发工程师必须掌握这三种技能:
描述网页内容的HTML
描述网页样式的CSS
描述网页行为的Javascript

想要了解更多的前端知识,或者学习更多前端知识,请点击关注微信公众号:我的编程;

关注后可领取前端Javascript权威指南一份;

你了解Web前端吗???

相关文章: