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 ...
随机推荐
- 434. Number of Segments in a String
原题: 434. Number of Segments in a String 解题: 刚看到题目时,觉得可以通过统计空格个数,但想想有可能会有多个空格的情况 思路: 一:遍历字符,if条件碰到非空格 ...
- ArcGIS案例学习笔记4_1_矢量校正
ArcGIS案例学习笔记4_1_矢量校正 概述 计划时间:第四天上午 教程:Editing编辑教程 pdf 目的:矢量数据的空间校正 案例1:仿射变换 数据:Editing编辑数据/spatialAd ...
- vue 巧妙的运用sass px 转 rem
<template> <div id="app"> <!-- <img src="./assets/logo.png"> ...
- 无线渗透wpa加密路由器
破解wpa加密路由器的原理不同于破解wep加密路由器,只能通过暴力破解获取. 但是获取握手keystream的原理差不多 首先杀死可能会和破解冲突的进程 airmon-ng check kill 开启 ...
- python3 获得shell的输出内容(subprocess.getstatusoutput)
默认通过os.system(“shell")命令赋值,结果是0之类的,0表示shell命令运行正确 如果想获得shell输出的内容,可以通过[subprocess.getstatusoutp ...
- contextlib 上下文管理器
在Python中,读写文件这样的资源要特别注意,必须在使用完毕后正确关闭它们.正确关闭文件资源的一个方法是使用try...finally: try: f = open('/path/to/file', ...
- js中获取一个对象里面的方法和属性的javascript
<script type="text/javascript"> var obj = { attribute:1, method:function() { alert(& ...
- mysql分组GROUP BY常用sql
数据分组 GROUP BY GROUP BY可以根据一个或多个字段进行分组. 比如,根据prod_id分组: SELECT prod_id ,user_id FROM products GROUP B ...
- pm2-zabbix 安装与配置
官方GITHUB路径 https://github.com/greatcare/pm2-zabbix 环境要求,zabbix-agent zabbix-sender需要安装 npm安装要求 npm i ...
- Python+Selenium学习--键盘事件
场景 我们在实际的测试工作中,有时候需要使用tab键将焦点移动到下一个元素,用于验证元素的排序是否正确.webdriver的Keys()类提供键盘上所有的操作,甚至可以模拟一些组合键的操作,如Ctrl ...