Web前端学习第十四天·fighting_JavaScript概述

  来了来了,又来了!历史又来了!!!每门新语言的学习不都是以历史开始嘛!(说的你好像学了很多似的……)

  其实今天不是很想记笔记啦,今天看了些JavaScript最基础的语法,看的是《DOM编程艺术》这本书,视频才看了一点点,有小伙伴问我看的什么视频,好吧,楼楼太穷,买不起视频,上不起培训机构,但我个人觉得51CTO的视频还是挺好的(靠!我真的不是做广告的……希望51CTO内部的大神们看到了适当支付几毛钱的宣传费喔……)。

  因为书的内容比较浅显(啊,不要喷我,个人意见,言论自由,确实没有往深里去说啊),再加上已经学习过VB(什么鬼?这你也敢说??)、C++、Java,所以这刚开始看起来应该还是比较快和轻松的。(What are you 弄啥嘞?这你也敢bb?)(为什么不敢呢?嗯,这个,学过和学会和学好是完全不同的概念好嘛!!!那我只是说学过,,,仅仅是学过,学得太垃圾,说出来据说会掉粉……没关系,掉吧,反正我也当不了网红/(ㄒoㄒ)/~~但我有一个志向,我要当网红她妈~~~)

  好了,笔记要开始了。

什么是JavaScript?

  JavaScript是一种具有面向对象(OOP)能力的,解释型的程序设计语言。

    解释型:直接读它的代码,而不是像java等需要经过编译器编译成.class文件后,执行.class文件。

  它是基于对象和事件驱动并具有相对安全性的客户端()脚本语言。

    事件驱动:比如点击按钮,选中文本等的操作,触发一些事件。(艾玛,我就这么理解的)

    相对安全:删除文件文件夹等诸如此类的相对恶意的操作是没有的。

    客户端:并不在服务器上执行,而是打开一个网站他的网页存放在本地临时空间上才执行JavaScript代码,所以它是客户端的语言。服务器端就不是本地的,是远程的。

    脚本语言:不像java需要jdk环境一样需要特殊的环境,只需要有浏览器即可。

JavaScript的特点

  松散性:变量不需要明确指定一个类型。

  对象属性:JavaScript中的对象把属性名映射为任意的属性值。像哈希表和关联数组。

    关联数组:填充数组时为每个元素明确的给出下标,而这种下标不仅仅局限于数字,也可以是字符串,例如:arr[“name”]=“Kity”,arr[“age”]=23。

  继承机制:基于原型。(不懂……学到后面应该会懂吧呵呵呵……据我所听说,还有什么原型链,应该跟这个有关系。今天的笔记太没营养了,我嫌弃自己!)

JavaScript核心

  ECMAScript(语法部分)+DOM(文档对象模型)+BOM(浏览器对象模型)

    ECMAScript:与浏览器没有依赖关系,定义的是语言的基础,组成部分有:语法,类型,语句,关键字,保留字,操作符,对象等。

    DOM:Document Object Model 文档对象模型。针对XML但是经过扩展用于HTML的API(Application Programming Interface)应用程序编程接口。W3C对DOM的定义是“一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档的内容、结构和样式”。

    BOM:Browser Object Model 浏览器对象模型。使用BOM可以控制浏览器显示页面以外的部分。 

<script></script>标签放置的位置

  有三种放置方法:

    1.放在<head>标签中,将脚本直接写在<script type="text/javascript">标签里面。

    2.放在<head>标签中,将脚本写在js文件中,通过<script type="text/javascript">标签的src属性引入。

    3.引入外部js文件,<script type="text/javascript">标签放在html文档的最后,</body>标签之前,这样能使浏览器更快的加载页面。

  引入js文件的方法,优点是:可维护性高,可缓存(加载一次,无需再加载),方便扩展。

  

浏览器使用的渲染引擎

  基于Webkit:Safari、Chrome

  基于Gecko:FireFox

  基于Trident:IE

  基于Presto:Opera

  还有很多不同种类的页面渲染引擎。

关于JavaScript的一些基础语法

  允许直接对变量赋值而无需事先声明。

  变量名和其他语法元素的名字区分大小写。

  变量名中不能包含空格或者标签符号($符号除外),允许包含字母、数字、下划线和美元符号,但第一个字符不能是数字。

  强类型:必须明确类型声明的语言称为强类型语言。

  弱类型:不需要进行类型声明的语言称为弱类型语言,如JavaScript。

  反斜线对字符进行转义。如:var mood = ‘don\‘t ask’;

  数组用Array关键字声明。声明方式有以下几种:

    1.var arr = Array(4); 或者不给出元素个数,而后利用下标进行数组的填充。如:arr[0] = 123;

    2.var arr = Array(123,4,"abs","http");

    3.var arr = [123,4,"abs","http"];

  关联数组:填充数组时为每个元素明确的给出下标,但是这个下标不仅仅可以是数字,也可以是字符串。如:arr["name"] = "Candy";

  对象的创建方法有两种:

    1.var lennon = Object();

     lennon.name = "Candy";

     lennon.year = 1993;

     lennon.sex = "female";

    2.var lennon = {name:"Candy",year:1993,sex:"female"};

  “==”  相等操作符。相等操作符认为空字符串与false的含义相同,所以严格比较相等时可以使用“===”。同理,严格比较不等时使用“!==”。

  var关键字与变量的作用域:如果函数中使用了var,那么这个变量是局部变量,只存在于这个函数中;如果没有使用var,那么这个变量是一个全局变量,如果脚本里已经存在一个与之同名的全局变量,这个函数就会改变那个全局变量的值。在定义一个函数时,一定要把它内部的变量都声明为局部变量,这样就能避免任何形式的二义性隐患。

  对象有三类:

    用户定义对象:程序媛自己定义的对象。

    内建对象:JavaScript预先定义的一系列对象,如:Math(Math.round()方法可以把十进制数舍入为一个与之最接近的整数)、Array、Date(用来存储和检索与特定日期和时间有关的信息)。

    宿主对象:有浏览器提供的预定义对象,如:Form、Image、Element、document(能用来获取网页上的任何一个元素的信息)。

全是概念!再见~~~

时间: 2024-10-13 12:37:41

Web前端学习第十四天·fighting_JavaScript概述的相关文章

Web前端学习第十五天&#183;fighting_JavaScript(DOM编程艺术3-4章)

DOM中常用的节点 DOM中有许多不同类型的节点,通常使用的有三种: 元素节点 文本节点 属性节点 3种DOM方法获取元素节点 通过元素ID(id)   getElementById(“idName”),返回一个对象. 通过标签名字   getElementsByTagName(“tagName”),返回一个对象数组,每个对象分别对应着文档里给定标签的一个元素. 通过类名字(class)   getElementsByClass(“className”),返回一个对象数组.使用这个方法还可以查找

Web前端学习第十六天&#183;fighting_JavaScript(DOM编程艺术5-6章)

平稳退化 如果正确的使用了JavaScript脚本,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览网站.这就是平稳退化,即虽然某些功能无法使用,但最基本的操作仍能顺利完成. 平稳退化的经典例子:(比较以下几条语句) 1 <a href="javascript:popUp('http://www.example.com/');">Example</a> 2 <a href="#" onclick="

web前端【第十四篇】Bootstrap简单使用

一.一个小知识点 1.截取长屏的操作 2.设置默认格式 3.md,sm, xs 4.空格和没有空格的选择器 二.响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等- 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺点:工作量大,网页响应慢 - 优点: 专治疑难杂症 3. 用框架 - Bootstrap 测试用css 媒体查询实现响应式 方式一.link.css文件 主文件中导入link.css文件 方式二.

Java中执行存储过程和函数(web基础学习笔记十四)

一.概述 如果想要执行存储过程,我们应该使用 CallableStatement 接口. CallableStatement 接口继承自PreparedStatement 接口.所以CallableStatement 接口包含有Statement 接口和PreparedStatement 接口定义的全部方法,但是并不是所有的方法我们都要使用,主要使用的方法有这样几个: CallableStatement 常用方法: 返回类型 方法签名 说明 boolean execute() 执行 SQL 语句

Web前端面试指导(十四):如何居中一个元素(正常、绝对定位、浮动元素)?

题目点评 这道题目的提问比较多,连续问了三个问题,正常元素.绝对定位元素.互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚.可以先把水平居中各种情况说清楚,然后在把垂直居中说清楚. (一)元素水平居中的方式 1)行级元素水平居中对齐(父元素设置 text-align:center) [html] view plain copy <div style="width: 200px; height: 100px;b

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

web前端入坑第四篇:你还在用 jQuery?

web前端入坑第四篇:你还在用 jQuery? 大妈都这么努力,我们有几个人回家还看书的? 先来补齐[web前端入坑系列]前三篇的连接web前端入坑系列:点击标题进入第一篇: web 前端入坑第一篇:web前端到底是什么?有前途吗第二篇: web前端入坑第二篇:web前端到底怎么学?干货资料!第三篇:web前端入坑第三篇 | 一条"不归路" - 学习路线! 再说这个话题之前,我们先来扫盲普及一下 [jquery] 到底是什么以及它火爆将近十年的重要原因. [ 重新认识 - Jquery

好程序员web前端学习路线分享web测试之Js中的函数

好程序员web前端学习路线分享web测试之Js中的函数,在JS中,一般使用函数其实就是为了封装某些操作,或者把编写的程序进行模块化的操作. 一.函数的声明方式 1.普通的函数声明 function box(num1, num2) { return num1+ num2; } 2.使用变量初始化函数 var box= function(num1, num2) { return num1 + num2; }; 3.使用Function构造函数 var box= new Function('num1'