10.15 JS日记
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日记的更多相关文章
- Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析
一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...
- js课程 1-5 js如何测试变量的数据类型
js课程 1-5 js如何测试变量的数据类型 一.总结 一句话总结:用typeof()方法. 1.js如何判断变量的数据类型? 用typeof()方法. 13 v=10; 14 15 if(typeo ...
- 背水一战 Windows 10 (15) - 动画: 缓动动画
[源码下载] 背水一战 Windows 10 (15) - 动画: 缓动动画 作者:webabcd 介绍背水一战 Windows 10 之 动画 缓动动画 - easing 示例演示缓动(easing ...
- 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 ...
- 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 ...
- WTL汉化版2013.10.15
汉化内容: 2013.10.15 版本:当前可下载Trunk最新版,wtl-code-467-trunk.zip 汉化内容: 1.应用向导的部分汉化,考虑到部分词汇的表述问题,只汉化无影响部分 2.资 ...
- [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 ...
- macOS 10.15 开启 HiDPI
普通的显示,接上 MacBook 发现原生的分辨率设置在 2K 显示器上字体很小,换成 1080P 分辨率显示效果又特别模糊.下面介绍MacBook强行开启 HiDPI. 什么是 HiDPI 它使用横 ...
- 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 ...
随机推荐
- 如何使用JDBC删除一条记录
//根据学生id删除操作 public void deleteOne(int id) { Statement stmt=null; // 发送SQL语句,返回执行结果 ...
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 一个神奇的BUG :Failed to finalize session : INSTALL_FAILED_INVALID_APK: /data/app/vmdl99393454.tmp/10_slice__ signatures are inconsistent
Android Studio 在Gradle编译完成后安装APK时总是失败,EventLog提示如下信息: Failed to finalize session : INSTALL_FAILED_IN ...
- angularjs 与 UEditor开发,添加directive,保证加载顺序正常
'use strict'; angular.module('app.core').directive('ueditor', [function () { return { restrict: 'A', ...
- 0 开发的准备工作一一虚拟机virturalbox
https://www.virtualbox.org/wiki/Linux_Downloads官网下载linux版本 https://www.ubuntu.com/desktop/developers ...
- web前端面试题HTML/CSS部分
web前端面试题HTML/CSS部分 前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面“内容是什么”的问题 ...
- Javascript中构造函数的返回值问题和new对象的过程
首先明确一点:javascript中构造函数是不需要有返回值的,这一点跟java很类似.可以认为构造函数和普通函数的最大差别就是:构造函数中没有return语句,普通函数可以有return语句:构造函 ...
- A*寻路初探(转载)
启发式搜索:启发式搜索就是在状态空间中的搜索对每一个搜索的位置进行评估,得到最好的位置,再从这个位置进行搜索直到目标.这样可以省略大量无畏的搜索路径,提到了效率.在启发式搜索中,对位置的估价是十分重要 ...
- k近邻算法(KNN)
k近邻算法(KNN) 定义:如果一个样本在特征空间中的k个最相似(即特征空间中最邻近)的样本中的大多数属于某一个类别,则该样本也属于这个类别. from sklearn.model_selection ...
- Java文件上传:Restful接口接收上传文件,缓存在本地
接口代码 import lombok.extern.slf4j.Slf4j; import org.springframework.web.bind.annotation.PostMapping; i ...