1.js介绍

Js全称叫javascript,但不是java,他不仅是是一门前台语言,经过发展,现在也是一门后台语言;而java是后台语言。

Js作者是布兰登艾奇。

前台语言:运行在客户端的

后台语言:跟数据库有关的。

2.能干什么?

页面特效,开发页面游戏,后台开发等等。

3.js和ECMAscript的关系

ES不是语言,是js的标准,我们学习js得按es的标准学习。

4.前端的三个层次

Html  结构层

Css  表现层

Js   行为层

5.Js写在哪里

因为js和php都是脚本语言,js写在script这个标签里,php写在<?php>标签里

JS的两种书写方式

  A

  

  直接写在script标签中

  B

  

  写在JS文件中,用src引入

6.变量

变量:可以改变的量,往往用英文字母代替变量,并且区分大小写。

变量的定义(声明): var 加 字母  var a   我声明了一个变量叫a

变量的用途:变量其实是一个容器,起到临时存储数据的作用。

通过=进行赋值。 var a=12;

7.js语言的输出

alert() 这是js中的一个方法 弹出框

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

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

8.js的注释

(1) 单行注释 //

多行注释  /*   内容    */

9.常量 不变的量

汉字  数字  往往当做值使用。除了数字之外 其它值要带引号””   ‘’

红色的报错,说雅宁是一个变量,但是这个变量没有声明。

说明有这个变量,但是没有赋值。

变量起名的规则:不能使用汉字 区分大小写  不能特殊符号开头除了_  $

_a  √    -a  ×   a3   √    3a   ×

带引号和不带引号

带引号的 是什么就输出什么 ----叫字符串

变量不是 变量输出的是他后面的值 如果没有赋值就是undefined

带引号的45是字符串,用+ 只是拼接 没带的是数字

+是四则运算

Js的关键字  var  function

10.js语言的四则运算

+

纯数字之间就是加法  3+6

和字符串之间   + 就是拼接

-

纯数字是减法

和字符串之间   - 还是减

*

纯数字还是乘法

和字符串之间 还是乘

/

纯数字是除 和字符串还是除

减乘除 三者有隐式转换的能力。在计算的过程中 将字符串强制转成了数字。

%

取余数

数字

整数(整型)和小数(浮点型)

parseInt() 将字符串强制转换成整型  parseFloat() 将字符串强制转换成浮点型

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

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

Js代码执行

Js代码执行前,浏览器会给他(js)一个全局环境,叫window(全局作用域)。在window下浏览器找到所有的带var和function的关键字然后给他们分配内存地址。不管你赋值没赋值,浏览器告诉所有的子模块,这个东西存在了。这种能力叫变量提升。

变量的值

我们学了两个了,一个是字符串,数字。不管是字符串还是数字,后面的值统统称为数据。

数据的类型有哪些?

字符串  数字    数组   json   对象  布尔  null  undefined  函数

基本和复合类型

运算

1.四则运算 + - * /在一起 先算* / 后算加减

2.逻辑运算 或(||) 且(&&) 非(!)   结果是布尔  true和false

3.比较运算  > >= < <= !(取反)  == (双等号)

= 是赋值运算   结果是true和false

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

== 也有隐式转换的能力

JS(JavaScript)的初了解(更新中···)的更多相关文章

  1. 我觉得有意思的JavaScript题目(01-05更新中)

    对于以下js题目均来至于网络中.有的来至于文章之中,有的也许来至于问答题型中.如果您有更好的问题解释,请留言交流! 1.相关问题描述:到底该怎么去理解闭包? 代码片段A !function(){ va ...

  2. javascript算法汇总(持续更新中)

    1. 线性查找 <!doctype html> <html lang="en"> <head> <meta charset="U ...

  3. 前端常用场景总结CSS/JS/插件(实用篇更新中...)

    <div class="box box1"> <span>垂直居中</span> </div> .box1{ display: ta ...

  4. JavaScript对象(持续更新中)

    1Array对象 2.Boolean对象 3.Date对象 4.Math对象 5.Number对象 6.String对象 ※String.replace():替换字符串 实例: str.replace ...

  5. 【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

    Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包 ...

  6. JavaScript 笔记(7) -- 在HTML中嵌入 js (外部引用)

    本节主要说明,在HTML中嵌入自定义 JavaScript.通过HTML的script标签加载JavaScript文件 为防止网页加载缓慢,也可以把非关键的JavaScript放到网页底部,例如下面的 ...

  7. JavaScript资源收集分享,持续更新中。。。

    平时收集的一些JavaScript资源,分享给大家 jQuery UI jEasyUI Extensions http://jqext.sinaapp.com 布局做的挺不错,有比较复杂的菜单导航.P ...

  8. js坑爹笔试题目汇总(持续更新中)

    把你的面试官问倒,你就是一个合格的面试者了,以下总结一些易错的js笔试题目,会持续更新中.欢迎关注 1,考察this var length = 10 function fn(){ alert(this ...

  9. 前端深入之js篇丨Array数组操作从入门到成神Up Up Up,持续更新中

    写在前面 随着前端深入的不断学习,发现数组这个数据结构在前端中有着相当大的存在感,由于我初学前端的时候并没有系统性的学习数组,所以我将通过这篇文章同你一起学习数组,希望我们能一起进步,学会熟练操作数组 ...

  10. js常见错误类型及chrome常见报错(更新中)

    ECMA-262 定义了下列 7 种错误类型: 1.Error 错误 2.EvalError 全局错误 eval函数没有正确执行 3.RangeError 范围错误 4.ReferenceError ...

随机推荐

  1. R 540

    好久没写题解了嘻嘻嘻,昨天补edu自闭了一天还没补完fg这div3令人愉悦. A: #include <bits/stdc++.h> #define mk(a,b) make_pair(a ...

  2. js中 变量的解构赋值

    es6新特性, 提取数组或对象中的值,按照对应位置, 为变量赋值. let [a, b, c] = [1, 2, 3]; 交换变量的值变得容易 let x = 1; let y = 2; [x, y] ...

  3. ubuntu下搭建LAMP环境

    本文参考:http://www.linuxdiyf.com/linux/21265.html 请支持原创. 步骤一:安装apache root@mrwang:~$ sudo apt install a ...

  4. 布局fixed和sticky

    sticky非常非常非常好用怎么用看代码: 这里为什么没有设置高度呢,因为这个高度应该是浏览器高度,浏览器高度在时刻变化怎么办? js处理: 此JS里面会有执行方法一步一步看 这个里面有JS方法 这个 ...

  5. DATEADD日期函数的使用

    在当前日期加上几天:https://www.cnblogs.com/shitaotao/p/7648198.html 计算本月的第一天:https://www.cnblogs.com/lcyuhe/p ...

  6. CentOS 7.6 安装Oracle 12c

    下载地址: http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.html https://www ...

  7. [AI][tensorflow][keras] archlinux下 tersorflow and keras 安装

    tensorflow TensorFlow is an open-source machine learning library for research and production. https: ...

  8. 树莓派3 之 USB摄像头安装和使用

    需求 如果你想在树莓上拍照或者录影,你可以安装树莓派的摄像头(有点贵).如果你不想要为摄像头模块花费额外的金钱,那有另外一个方法,就是你常见的USB 摄像头.你可能已经在PC上安装过了.我买的如图的这 ...

  9. webpack的externals的使用

    externals 官网文档解释的很清楚,就是webpack可以不处理应用的某些依赖库,使用externals配置后,依旧可以在代码中通过CMD.AMD或者window/global全局的方式访问. ...

  10. 笔记:Linux(AWS Redhat)开机启动workman进程(/etc/rc.local必须是755权限)

    1.使用which命令查看php的安装路径 [root@ip---- ~]# which php /usr/bin/php 2.使用vim /etc/rc.local将要执行的命令加入/etc/rc. ...