来自 娱乐 2020-07-02 17:18 的文章

javaScript专场,第一章,javaScript的认识与了解

作者:程序员小鱼影

javaScript专场,第一章,javaScript的认识与了解

前言简介:

大家好,我是web前端全栈工程师,2016年从一名小白走进这个领域,在成都天府软件园专业VIP学员,经过4个月的努力奋斗后最终成功进入到企业当中进行实战性开发。

经历两家大型企业互联网有限公司,第一家web端交互接口负责人,第二家任职研发部门前端经理。同时两家公司给我所带来的收入还是相当可观的。很多人说,程序员给它们的第一感就是酷,那么到底是不是又传说中那独有情调呢?我们一起学习javaScript,一起去感受到底多酷!

再牛逼的代码也抵挡不住你那沙雕式的努力,只要掌握javascript这门轻量级的脚本语言,轻松月入过万近在眼前,担心撩妹技术,就学JavaScript。

不管你是javascript的大佬还是零基础小白,在这里本作者只分享出自己亲身所经历的难题和解决方案,有不足的地方请谅解。

当然了,既然这里主要说的javascript,那么我想最基础的HTML+css+div的布局你应该掌握了,没有掌握的话,建议你还是先去学习前面的部分

javaScript专场,第一章,javaScript的认识与了解

javascript基本认识和组成

javascript,是目前在互联网开发当中最流行以及轻量级的编辑脚本语言,也是运用最广泛的脚本语言。简单粗暴的来说:用来实现web端,HTML内联代码的篡改和功能操作,还能拿来交互后台的数据。

专业一点说:javascript是一种直接翻译式的脚本语言,是一种动态类型,弱类型,基于原型的语言。是运行在浏览器环境上面的javascript语言。通俗来说就是:js就是前端代码的核心部分,它的行为层:通常就是用来操作HTML页面,响应用户操作,验证传输数据等。

javascript由:ECMAScript,DOM,Bom,三个部分组成,核心基础为ECMAScript,其中,DOM,Bom,就是跟浏览器打交道,dom会把HTML文档层级给解析成dom树,提供文档方式。Bom,就是在浏览器上面的动作,比如刷新,前进,后退功能就是由它提供。在讲到dom和Bom时,我会给大家具体的流程讲解。

问:什么是浏览器?什么是页面?

答:所谓的浏览器就是:IE/Edge,Chrome,FireFox,SaFari,Opera,等等,(国内浏览器推荐)。基本上所有浏览器都兼容,目前在IE浏览器上,只兼容到IE9以上。但是用IE9一下的公司,几乎为零的,除非你想去政府相关部门当程序员,要不然是可以不用考虑IE9一下的兼容。

那么所谓的页面就是你用最基础的HTML和css实现的静态页面,也就是能在浏览器上打开,但是毫无响应。


javaScript专场,第一章,javaScript的认识与了解

javaScript的代码写在哪吗呢?

其实,Javascript的代码可以写在任何地方都会有响应。但是问题来了,在大型企业或者稍稍有接触过js代码的人都会有个自己的风格来进行装饰,一般通常会写在body标签里面切记在div布局完成后的最底部。

也可以写在head标签里面,但是有个弊端,一旦你的代码上了几千行的时候,他的加载速度会出现卡顿现象。因为浏览器加载数据是从上往下的机制来进行加载。

还有一种就是外部加载,所谓的外部加载也就是说你所写的HTML页面在一个文件上,而你的javascript代码又写在另外一个文件夹上,怎么办?方法很简单,只需要通过这行代码引用路径即可:

如图所示:


javaScript专场,第一章,javaScript的认识与了解

跟我们之前的css外部样式引入法也是一样的道理。但是css不能随便写在文件任何部位,只能写在<head>标签里面</head>

<!DOCTYPE html>

<html>

head>

<meta charset="UTF-8">这里的(UTF—8)是指国际通用编码,简称:国际编码

</head>

<body>

<script type="text/javascript" src="hello.js" ></script> 注意:在src=“”里面就是你js文件。

< /body>

</html>

以后在学习过程当中要尽量把<script type="text/javascript" src="hello.js" ></script> 这行代码放在body标签结束的前面。

通过以上的方法你是不是不再担心,再也不用担心找不文件,再也不怕浏览器不听话了吧!

写javaScript代码的注意事项:

要点一:严格区分大小

比如:你要在javaScript标签里面写一段alert(我是弹窗)的时候,写成Alert(我是弹窗),此时浏览器就会不认能识别,不认识,会报 UNcaughtReferenceError:Alert is notdefine 这就是什么意思呢?

要点二:必须区分英语法字符

输入必须在英文 半角符号的状态下写。但是在alert(“这里面就不用区分,可以文字、数字,字符”)任意可输入法符号以写。怎么开心怎么来即可。

javaScript专场,第一章,javaScript的认识与了解

这节课,所要掌握的就这些,至于开发工具,可以用 Editplus纯手写工具,这款工具比较适合初学者,现在很多开发工具都携带提示使用快捷方式去完成你的代码量,比如:webStorm visual HBilder等等,大家在学习的过程当中有什么不知道的,也可以私信本作者。建议大家在初学者的时候不要用快捷提示工具,等你到公司上班了,有了大量的代码量的时候,再使用快捷工具去轻松完成你的代码。

掌握了这里后,大家有可能开始疑惑,我都会css+js的功能事件以及dom操作,接下来要这些干嘛呢?

答:学会了javascript以后会产生了一个三互连关系。js作为中间:与前端 html+css当中实现所需事件,与后端形成一个数据交互的交道式玩法。

js前端和后端是形成了一种交道式玩法,后端在数据库形成同样的交道关系。前端+后端+数据库形成了不可分离的三角关系来实现用户需求体验。

当今时代为互联网盛世,抓住机走进互联网,你的人生就会有翻天覆地的变化,不用拼爹,更不用拼娘,打造年薪40到100万不是梦,只要你肯做到比别人多付出一份努力,比别人少吃顿火锅,少喝去几次蹦迪,你就是下一个被人人所羡慕的代码小男神,天天遇见桃花运。

javaScript专场,第一章,javaScript的认识与了解

本作者将会从javaScript的基本认识到j与后台数据交互全部过程。当然了来实操之前你得读懂javascript的含义,讲完文字性介绍后,本座在给大家带来视频代码性实际操作。

想要成为从事互联网这门web前端程序员,关注我,我会每天更新实用更多精彩内容哦~