专栏首页web前端教室【笔记】web前端零基础课0904_学习笔记

【笔记】web前端零基础课0904_学习笔记

今天下午开始学习Js,一般我们会说它是JavaScript,

刚开始的一段时间,我会慢一点讲。

JavaScript,是一种目前最流行的web编程语言。

JavaScript,它是一种脚本语言。

<!-- 脚本语言这种说法,是相对于例如Java之类的语言来说的,

Java它的源码要编译之后才能运行,

这种方式,对真正的源码是一种保护,

也就是说,未经允许的情况下,你不能得到真正的源码。 -->

脚本语言它不需要编译,你写成什么样,它在浏览器里就是按什么样去运行。

Js不能隐藏自己的源码。所以它的安全性不是很高,这是js本身的情况。

<!-- 现在流行的所谓Js混淆,无非是把一些名称变得不那么容易读而已。 -->

它在浏览器中,也是从上到下,一行一行的读取并执行,

当在某一行发生错误的时候,就会自动的停止执行。

<!-- -->

JavaScript,它的运行必须位于<script></script>标签之间,

这个script标签可以放在页面的head部分,一般会把它放在页面最尾部。

<!-- 了解即可 -->

JavaScript它是官方名称是:ECMA-262。

JavaScript,它的核心是 ECMAScript 标准,

它描述并定义了该语言的语法和基本的对象,

- 语法

- 类型

- 语句

- 关键字

- 保留字

- 运算符

- 对象

JavaScript,它不是完全面向对象的语言。

它是基于对象的,它没有类,没有多态。

在Js里面,可以说,所有的东西都是对象。

ECMAScript,可以为不同的宿主环境提供核心脚本的编程能力。

- 宿主环境,一般是指用来运行JS的环境。

JavaScript只是实现了 ECMAScript 这个标准。

<!-- -->

JavaScript由以下三部分共同组成:

- 核心,ECMAScript;

- 文档对象模型,DOM,其实就是网页,就是html文件

- 浏览器对象模型,BOM,就是浏览器

<!-- -->

js的输出语句,用于在控制台中输出一些信息,

console.log('这是要在控制台中输出的内容');

document.write('要在html页面中输出的内容');

- document,是网页

- .write(),是document的一个方法,用于向网页中写入内容;

<!-- 变量 -->

变量,用于存储数据的容器。

声明变量,使用 var 关键字

例如,var xx = 123,

声明了一个名为xx的变量,

在其中保存了123这个值。

<!-- -->

var _xx = 'afdads';

变量名左边有一个下划分, _,干啥用的呢?

- 表明此变量为局域变量。局域变量以后再说;

- Js变量的命名方式之一;

<!-- 变量的命名方式 -->

- 必须以字母开头;

- 特别符号只支持, $ 和 _;

- 区分大小写;

<!-- 了解,目前 -->

JavaScript,是一种弱类型的语言,

也就是说,它不具体区分是哪种数据的类型;

也就是说,哪一种类型的数据,都可以放在变量里。

var _x1 = 123; //数字 Number

var _x2 = '我我我'; //字符串 String

这是数字、字符串,都可以放在变量里。

但是Js,依然有自己的数据类型,

- 五种基本类型,

String, Number, Boolean, Null, Undefined

- 一种复杂数据类型,Object

<!-- 这个东西目前不要求记 -->

<!-- -->

Boolean,它只有二个值,true 、false

它一般用于逻辑判断语句,

if( 条件 ){

语句块111

} else {

语句块222

}

当条件为true时,执行语句111

否则执行语句222

<!-- -->

true 和 false,你就可以先理解为,真、假

一般这二个值,是通过比较运算符得出的结果,

>

<

>=

<=

==

// 全等、及其它比较运算符,先不提

<!-- -->

for循环,根据指定的条件,把代码块运行指定的次数。

for( 条件1, 条件2, 条件3 ){

语句块

}

其实for循环的三个条件,都不是必须的,你可以不写。

for( ; ; ){

console.log(i)

}

这样你将创建一个无限循环,这个我就不演示了。

<!-- -->

JavaScript语言,它十分的简单,真的很简单。

现在咱们就可以写一些js的操作了。

看,demo4.html

<!-- -->

++, --,是递增、递减运算符;

var i = 0;

i++;

这种写法等于,

var i=0;

i = i+1;

递减同上

递增、递减又分为前置、后置,

以后再说。

<!-- -->

JavaScript,它的运行环境(宿主环境),主要是浏览器。

看,demo5.html

<!-- -->

如果在开发当中,你有哪个“东西”不知道是什么?

那就 console.log(),打印一下看看。

document,它有一些最常用的方法,

- .getElementById('idxx');

通过id查找某个html标签;

使用这个方法,得到某个html标签,

这时,我们说,“我获得了id为idxx的dom节点”。

<!-- -->

前端开发最让人讨厌的一点,同一个东西,在不同的情况下,有不同的名称。

html标签;

html容器;

dom节点;

这三个说法,说的都是同一个东西。

<!-- -->

设置html标签的内容,

.innerHTML = 值

.style.css的属性名 = 值

<!-- -->

今天先就这些,

作业:

1、把页面做完;

2、把这几个js的小例子抄一遍;

目标:

1、掌握基本的js语法;

2、能够查找dom,设置基本的css样式;

打包发我。

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-09-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 教你在Java接口中定义方法

    接下来,SimpleTimeClient类实现了TimeClient接口,具体代码如下:

    哲洛不闹
  • Java性能小技巧

    哲洛不闹
  • 源代码的寿命

    看看你现在日常工作中的代码。已经运行了多久了?代码有多老了?有六个月?一年?可能都有五年这么久了吧?十年?二十年呢?!这样的代码有多老了?不到10%?还是一半?...

    哲洛不闹
  • 你真的会写单例模式吗——Java实现

    单例模式可能是代码最少的模式了,但是少不一定意味着简单,想要用好、用对单例模式,还真得费一番脑筋。本文对Java中常见的单例模式写法做了一个总结,如有错漏之处,...

    哲洛不闹
  • 调查:Java程序员最亲睐的Web框架

    只有少数几种语言像Java一样提供了各种各样的web框架,上面的统计图就是一个证据。下面是其他开发者所使用web框架列表:

    哲洛不闹
  • 40+个对初学者非常有用的PHP技巧(二)

    考虑使用ob_gzhandler?不,别这样做。它没有任何意义。PHP应该是来写应用程序的。不要担心PHP中有关如何优化在服务器和浏览器之间传输的数据。

    哲洛不闹
  • Maven 扫盲(下)

    第一篇文章大概的介绍了一下Apache Maven以及它的下载和安装,并且运行了一个简单的示例。那么在对maven有了一点接触后,接下去的一步是要了解maven...

    哲洛不闹
  • 理解Java Integer的缓存策略

    本文将介绍 Java 中 Integer 缓存的相关知识。这是 Java 5 中引入的一个有助于节省内存、提高性能的特性。首先看一个使用 Integer 的示例...

    哲洛不闹
  • 常见Java面试题 – 第四部分:迭代(iteration)和递归(recursion)

    A. 可重入方法(re-entrant method)是可以安全进入的方法,即使同一个方法正在被执行,深入到同一个线程的调用栈里面也不会影响此次执行的安全性。一...

    哲洛不闹
  • Java虚拟机体系结构,你知道吗?

    众所周知,Java支持平台无关性、安全性和网络移动性。而Java平台由Java虚拟机和Java核心类所构成,它为纯Java程序提供了统一的编程接口,而不管下层操...

    哲洛不闹

扫码关注云+社区

领取腾讯云代金券