zoukankan      html  css  js  c++  java
  • 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

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

    !==不全等于

  • 相关阅读:
    Core Animation 文档翻译—附录C(KVC扩展)
    Core Animation 文档翻译—附录B(可动画的属性)
    Core Animation 文档翻译—附录A(Layer样貌相关属性动画)
    Core Animation 文档翻译 (第八篇)—提高动画的性能
    Core Animation 文档翻译 (第七篇)—改变Layer的默认动画
    Core Animation 文档翻译 (第六篇)—高级动画技巧
    Core Animation 文档翻译 (第五篇)—构建Layer的层次结构
    用Markdown快速排版一片文章
    Core Animation 文档翻译 (第四篇)—让Layer的content动画起来
    Core Animation 文档翻译(第三篇)—设置Layer对象
  • 原文地址:https://www.cnblogs.com/qinlinkun/p/9794586.html
Copyright © 2011-2022 走看看