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 ...
随机推荐
- JS封装Cookie
/* @黑眼诗人 <www.farwish.com> */<script> //设置cookie: cookie名,cookie值,天数 function setCookie( ...
- C# windows服务:C#windows服务中的Timer控件的使用
C# windows服务程序中的Timer控件的使用问题是如何解决的呢? 今天和同事一起研究了下C# windows服务程序中的Timer控件的使用的写法. 我们在建立一个C# windows服务程序 ...
- javascript 中Array.prototype.sort 函数的用法
来源:http://www.jb51.net/article/5769.htm JavaScript中对变量的操作都是通过引用方式,而对数组也一样. 前两天想要对一个数组进行复制,一直苦于找不到办法( ...
- Java学习04 (第一遍)
封装.抽象.继承和多态.封装:在面向对象语言中,封装特性是由类来体现的,我们将现实生活中的一类实体定义成类,其中包括属性和行为(在Java中就是方法),就好像人类,可以具有name,sex,age等属 ...
- 关于池化(pooling)理解!!!
网上看到一个池化的解释是: 为了描述大的图像,可以对不同位置的特征进行聚合统计,如计算平均值或者是最大值,即mean-pooling和max-pooling 我的想法是,图像做卷积以后,将图像信息(特 ...
- js高级-原型链
JavaScript是基于原型的面向对象的语言(相当于一个基类,父类),而不是像Java通过类模板构造实例,通过原型实现属性函数的复用 函数都有 prototype属性 指向函数的原型对象 只有函数根 ...
- Spark Streaming之五:Window窗体相关操作
SparkStreaming之window滑动窗口应用,Spark Streaming提供了滑动窗口操作的支持,从而让我们可以对一个滑动窗口内的数据执行计算操作.每次掉落在窗口内的RDD的数据,会被聚 ...
- linux安装mysql5.1
一.卸载mysql 1.检测系统是否已经安装过mysql或其依赖,若已装过要先将其删除 # yum list installed | grep mysql mysql-libs.i686 ...
- 渲染Keynote
[渲染Keynote] 1.渲染图元(rendering primitives),可以是点.线.三角. 2.显卡对于显存的访问速度更快,而且大多数显卡对于RAM没有直接的访问权利 . 3.裁剪(Cli ...
- JSF web.xml的各类参数属性配置
出处:http://www.cnblogs.com/zxpgo/articles/2570175.html 感谢作者的分享!! ———————————————————————————————————— ...