JavaScript基础入门--JavaScript简介-创新互联-成都快上网建站

JavaScript基础入门--JavaScript简介-创新互联

一、简单好学,富有表现力 —— JavaScript简介

1.1 JavaScript的用途

JavaScript用来制作web页面交互效果,提升用户体验。

创新互联公司是一家集网站建设,正镶白企业网站建设,正镶白品牌网站建设,网站定制,正镶白网站建设报价,网络营销,网络优化,正镶白网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

 简单列出几个JavaScript能够制作的页面效果,它能干什么:

轮播图

JavaScript基础入门--JavaScript简介

Tab栏(选项卡)

JavaScript基础入门--JavaScript简介

地图

JavaScript基础入门--JavaScript简介

表单验证

JavaScript基础入门--JavaScript简介

web前端三层来说:

结构层HTML从语义的角度,描述页面结构

样式层CSS从审美的角度,美化页面

行为层JavaScript从交互的角度,提升用户体验

1.2 JavaScript历史背景介绍

JavaScript基础入门--JavaScript简介  布兰登·艾奇(Brendan Eich,1961年~),1995年在网景公司,发明的JavaScript。一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以为了傍大牌,就改名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟”就是傍“北大”大牌。同时期还有其他的网页语言,比如VBScript、JScript等等,但是后来都被JavaScript打败,所以现在的浏览器中,只运行一种脚本语言就是JavaScript。

1.3 JavaScript和ECMAScript的关系

ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association,制定的标准。

JavaScript是由公司开发而成的,公司开发而成的一定是有一些问题,不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织,牵头制定JavaScript的标准,取名为ECMAScript。

简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。就是说,你JavaScript学完了,Flash中的程序也会写了。

ECMAScript在2015年6月,发布了ECMAScript 6版本,语言的能力更强。但是,浏览器的厂商不能那么快的去追上这个标准。这些新的特性,我们后面的学习中深入,也会给大家介绍。

1.4 今天的JavaScript:承担更多责任

2003年之前,JavaScript被认为“牛皮鲜”,用来制作页面上的广告,弹窗、漂浮的广告。什么东西让人烦,什么东西就是JavaScript开发的。所以浏览器就推出了屏蔽广告功能。

2004年JavaScript命运开始改变了,那一年谷歌公司,开始带头使用Ajax技术了,Ajax技术就是JavaScript的一个应用。并且,那时候人们逐渐开始提升用户体验了。

JavaScript基础入门--JavaScript简介 百度的智能感应

再比如:

JavaScript基础入门--JavaScript简介  网易的Ajax验证

2007年乔布斯发布了iPhone,这一年开始,用户就多了上网的途径,就是用移动设备上网。

JavaScript在移动页面中,也是不可或缺的。并且这一年,互联网开始标准化,按照W3C规则三层分离,人们越来越重视JavaScript了。

JavaScript基础入门--JavaScript简介 聚划算的手机页面

2010年的时候,人们更加了解HTML5技术了,HTML5推出了一个东西叫做Canvas(画布),工程师可以在Canvas上进行游戏制作,利用的就是JavaScript

JavaScript基础入门--JavaScript简介 canvas制作的水果忍者

2011年,Node.js诞生,使JavaScript能够开发服务器程序了。

JavaScript基础入门--JavaScript简介

今天,JavaScript工程师是绝对的吃香,能够和iOS、Android工程师比肩,毫不逊色的。

现在,公司都流行WebApp,就是用网页技术开发手机应用。什么意思呢?手机系统有iOS、安卓、windows phone。那么公司比如说开发一个“携程网”APP,就需要招聘三队人马,比如iOS工程师10人,安卓工程师10人,windows工程师10人。共30人,工资开销大。并且,如果要改版,要改3个版本。所以,现在公司,都用web技术,用html+css+javascript技术来开发app。好处是不用招聘那么多工程师,只需要几个前端开发工程师即可。并且也易于迭代,就是网页一改变,所有的终端都变了。

1.5 JavaScript非常好学

JavaScript在“对初学者友好的语言”排行榜中排名第一。

JavaScript是有界面效果的,比如你学习C语言,对不起,白底黑字。而JavaScript有绚丽的效果,效果是可见的。你的劳动,是真真正正有效果啊。

JavaScript是弱变量类型的语言,变量只需要用var来声明。Java中变量的声明,要根据变量是什么类型的来声明:

1 int a;
2 float a;
3 double a;
4 String a;
5 boolean a;

JavaScript中,只用一个:

1 var a;

JavaScript不用关心一些其他的事情,比如内存的释放,指针。程序员只需要关心自己的业务,不需要关系这些鸡毛蒜皮的破事儿。

1.6 我们的课程

JavaScript分为几个部分:

● 语言核心 -基础班只学习语言核心,变量、表达式、运算符、函数、if语句、for语句

● DOM -以后会学习,就是控制HTML中的元素,比如让盒子移动、变色、轮播图。DOM是啥,以后会学习。

● BOM -以后会学习,就是控制浏览器的一些东西,比如让浏览器自动滚动。BOM是啥,以后会学习。

JavaScript的学习方法和HTML、CSS有着非常大的区别:

● 要多去“品”程序,多去思考内在逻辑。 HTML、CSS好比富士康,人力密集型;JS好比发条手表,很精密,令人啧啧称奇。

● JS机械重复性的劳动几乎为0,基本都是创造性的劳动。而不像HTML、CSS中margin、padding都是机械重复劳动。

● 永远不要背程序,每一个程序都必须自己会写。今后有一个隐性作业,重打老师的每一个案例。

我们的基础的JS课程,大的目的就是让纯小白,纯0基础的学生体验到什么是编程、什么是逻辑,如何编程,编程如何思维?编程的乐趣。所以,我们JS基础,不介绍细枝末节的东西,以后会学习再说。换句话说,基础的知识,就是应该会的一些皮毛。一些奇怪的东西,基础不介绍比如:

1 13 + true;

1 13 && true;

这些东西,随着后面学习的深入,都会介绍。最后能成为JS的面试专家。


二、JavaScript是前台语言,而不是后台语言

JavaScript基础入门--JavaScript简介

JavaScript运行在客户的电脑里面,而不是服务器上,所以我们称为“前台语言”。JavaScript就是一个简单的制作页面效果的语言,不能操作数据库。就是服务于页面的交互效果、美化、绚丽。

“后台语言”是运行在服务器上的,比如PHP、ASP、JSP等等,这些语言都能够操作数据库,都能够对数据库进行“增删改查”操作。

(Node.js除外,先别管Node.js是什么)。

● 比如一个图书馆,要开发“图书借阅程序”,能够记录每个学生借了什么书,有没有按时归还,不能用JS开发!因为,设计数据库的数据记录。

● 比如,一个公司要开发“订餐系统”,每天上午11:00统计所有的员工想吃什么?不能用JS开发。因为涉及数据库的数据记录。

● 比如,一个公司的网页想要做的漂亮、有交互效果,绚丽。用JS开发。

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:JavaScript基础入门--JavaScript简介-创新互联
地址分享:http://kswjz.com/article/dcpego.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流