1、JS 介绍

js的全称是JavaScript,它是一门前台语言

Java是一门后台语言 ,它们两个之间毫无关系

JavaScript的作者是布兰登,艾奇

前台语言:运行在客户端

后台语言:与数据库有关

2、js的作用

用于:页面特效 开发页面游戏 后台开发

3、js和ECMAscript的关系

ES不是一门语言,而是一个标准,规则

则ES是JS的书写输入标准

4、web前端的三个层次

html 结构层

css 表现层

JS 行为层

5、JS写在哪儿

js写在<script></script>标签里

PHP写在<?php>标签里

js两种输写方式

(1)<script>    。。。</script>

(2)<script  src=“x.js”></script>

6、变量

变量:顾名思义则是可以改变的量,往往用英文字母代替变量(类似于起个名字),区分大小写

变量的定义(声明):var +字母 

var a

变量的用途:临时存储数据的容器

通过“=”给变量赋值:var a=12;

7、js语言的输出

alter()弹出框

console.log()浏览器控制台输出,用于代码测试

document.write()在浏览器中写出

8、js的注释

(1)单行注释//

(2)多行注释/*...*/

9、常量

常量就是不变的量,则为变量等于号后面的值,为汉字,数字,除数字以外,要带引号“”

变量起名的规则,不能使用汉字,区分大小写,不能使用特殊符号,除了-和$

❤带引号和不带引号

带引号“”的内容,输入什么就是什么,叫做字符串,但变量不是字符串,变量的输出是它后面的值,

如果没有赋值,则是undefined

❤var a="45";

console.log(a+1)    显示451

var b=21;

console.log(b+1)    显示22

"45"是字符串,则+的作用是拼接

21是数字,则+的作用为运算

10、js的四则运算

(1)+ 纯数字之间为加法

  与字符串之间为拼接

(2)-、x、/、与数字、字符串之间的作用都是运算,这三种运算有隐式转换的能力,在计算过程中,将字符串强制转化为数字

(3)% 取余数

(4)数字

整数(整型

小数(浮点型)

parseint()将字符串强制转换成整型

parsefloat()将字符串强制转化成浮点型

11、代码的执行顺序是从上往下,一个模块一个模块的执行

❤变量提升:浏览器的功能

JS代码执行前,浏览器会给JS一个全局环境,教window(全局作用域)

在window下,浏览器找到所有的带var和function的关键字,然后给他们分配内存地址,不管赋值没赋值,浏览器会告诉所有

的子模块,这个东西存在了,这种能力叫做变量提升

13、数据类型

字符串、数字、数组、json、对象、布尔、null、undefined、函数{基本类型和复合类型}

14、运算

(1)四则运算

(2)逻辑运算

  或(||)、且(&&)、非(!)、

  结果是true false

(3)比较运算

>,>=,<,<=,!(取反)

==(双等于号)等于   也有隐式转换的能力

“=”是赋值运算

结果是 true false

=== 全等 数据的类型和值都一样

!==不全等于

10.15 JS日记的更多相关文章

  1. Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析

    一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...

  2. js课程 1-5 js如何测试变量的数据类型

    js课程 1-5 js如何测试变量的数据类型 一.总结 一句话总结:用typeof()方法. 1.js如何判断变量的数据类型? 用typeof()方法. 13 v=10; 14 15 if(typeo ...

  3. 背水一战 Windows 10 (15) - 动画: 缓动动画

    [源码下载] 背水一战 Windows 10 (15) - 动画: 缓动动画 作者:webabcd 介绍背水一战 Windows 10 之 动画 缓动动画 - easing 示例演示缓动(easing ...

  4. Linux Kernel 3.11.4/3.10.15/3.4.65/3.0.99

    Linux 今天又发布了4个更新版本,分别是: 3.11.4 2013-10-05 [tar.xz] [pgp] [patch] [view patch] [view inc] [cgit] [cha ...

  5. CVE-2015-1328 Ubuntu 12.04, 14.04, 14.10, 15.04 overlayfs Local Root

    catalog . 引言 . Description . Effected Scope . Exploit Analysis . Principle Of Vulnerability . Patch ...

  6. WTL汉化版2013.10.15

    汉化内容: 2013.10.15 版本:当前可下载Trunk最新版,wtl-code-467-trunk.zip 汉化内容: 1.应用向导的部分汉化,考虑到部分词汇的表述问题,只汉化无影响部分 2.资 ...

  7. [Mon Feb 10 15:21:06 2014] [notice] child pid 7101 exit signal File size limit exceeded (25)

    今天遇到的问题: LAMP的LOG里报如下错误. 然后IE和FIREFOX里显示连接被重置或是无法访问. 但自己建一个正常的PHP测试探针倒可以. 原来是PHP错误日志太多,无法写入LOG导致. [r ...

  8. macOS 10.15 开启 HiDPI

    普通的显示,接上 MacBook 发现原生的分辨率设置在 2K 显示器上字体很小,换成 1080P 分辨率显示效果又特别模糊.下面介绍MacBook强行开启 HiDPI. 什么是 HiDPI 它使用横 ...

  9. npm install 提示 `gyp: No Xcode or CLT version detected!` MacOS 10.15

    https://github.com/nodejs/node-gyp/issues/569 https://github.com/nodejs/node-gyp/issues/1927 解决链接:ht ...

随机推荐

  1. 那些年,我们追过的PHP自加自减运算(2)

    ----------------------------------------------------------------------------------------- 先来一段例子,来引出 ...

  2. 19.JDBC和数据库访问.md

    1.基本功能: Java通过JDBC完成: 2.基本类型,通常用最后一种 3.JDBC简介 Java连接SQL例子: 参考:http://blog.chinaunix.net/uid-20726500 ...

  3. Unity3D架构设计NavMesh寻路

    Unity3D架构设计NavMesh寻路 发表于2013年10月6日由陆泽西 国庆闲来没事把NavMesh巩固一下.以Unity3D引擎为例写一个底层c# NavMesh寻路.因为Unity3D中本身 ...

  4. property 、classmethod 、 staticmethod 的用法

    @property # property是一个装饰器函数 ,作用:将一个方法伪装成属性 # 所有的装饰器函数都怎么用? 在函数.方法.类的上面一行直接@装饰器的名字 # 装饰器的分类: # 装饰函数 ...

  5. 2018面向对象程序设计(Java)第15周学习指导及要求

    2018面向对象程序设计(Java)第15周学习指导及要求 (2018.12.6-2018.12.9)   学习目标 (1) 掌握Java应用程序打包操作: (2) 了解应用程序存储配置信息的两种方法 ...

  6. 《xss跨站脚本剖析与防御》实验笔记

    1.书籍<xss跨站脚本剖析与防御>上介绍的xss测试代码 <img src="javascrpt:alert('xss');">, <table b ...

  7. java面试:HR面

    就算技术面全都答对了,有时也会因为HR面没有认真对待而拿不到offer. HR的想法 找工作难,招人也好难.HR想要招什么样的人? 稳定.如果你跳槽频繁,HR可能会担心你干了没一年就跑路了,她又得重新 ...

  8. mysql5.6 基于Binlog ROW记录方式进行数据恢复(无备份)

    数据库配置注意事项 /etc/my.cnf 必须要开户binlog支持,字符集要求 是utf8 binlog类型为row server-id=121 log_bin=/home/mysqllog bi ...

  9. Django2.1在根据models生成数据库表时报 __init__() missing 1 required positional argument: 'on_delete'

    解决办法: a=models.ForeignKey('BookInfo',on_delete=models.CASCADE,) 即在外键值的后面加上 on_delete=models.CASCADE ...

  10. pta l2-6(树的遍历)

    题目链接:https://pintia.cn/problem-sets/994805046380707840/problems/994805069361299456 题意:给出一个二叉树的结点数目n, ...