草庐IT

JS-初识js

tomomo 2023-03-28 原文

一、诞生时间

           1995年

二、JavaScript包含内容

            ECMAScript:基本语法及相关对象es(包括我们了解的es3,es5,es6.es7...)

            DOM:文档对象模型,用来操作HTML

            BOM:浏览器对象模型,用来操作浏览器

三、书写方式

            1、书写在script标签里(比较常用)

            2、js文件里

            3、对应时间属性里面(比较少用,针对少代码单一模块)

四、变量定义(使用var关键词声明,区分大小写)

            1、见名知意

            2、只能是对应的字母或数字或下划线等字符(注:不能用数字开头)

            3、一般采用驼峰命名法(第一个单词首字母小写,其他单词首字母大写)

            4、不能用关键字(占用之前的关键词的引用空间)

            5、普通变量首字母小写,常量全大写(const)

            注:函数-->fn

                   正则-->re

五、数据类型(检验值的类型)

            1、number(所有数值)

            2、string(单引号,双引号均表示字符串)

            3、boolean(true or false)

            4、null(是null的情况下)

            5、undefined

注:number型在控制台的颜色为蓝色,字符串颜色为黑色,null和undefined为灰色

       typeof可以查看对应类型(null显示的是object,而undefined是null的对象扩展,属于父子关系)

六、常见类型转换

            1、number

                    1)number-->string

                          number.toString------隐式转换

                    2)number-->boolean

                           Boolean(number)-----非0为true,NaN和0为false

            2、string

                    1)string-->number

                          Number(string)--------直接转换成number,当数值无法解析,结果为NaN

                          parseInt()

                          parseFloat()--->从前到后解析,无数值变NaN

                    2)string-->boolean

                          Boolean(string)--------非空为true(空格或换行也占位置),空字符串为false

           3、undefined,null

                    1)转boolean

                             结果都是false

                    2)转number

                             前者为NaN,后者为0

           4、boolean转number

                            false-->0

                            true-->1

七、运算符和表达式

 1、算术运算符

                  +    -    *    /    %

                  1) ' + '

                        --两个number相加    正常运算(1+1结果2)

                        --一个string加一个number    拼接(‘123’+1结果1231)

                        注:true+1结果为2,boolean类型和null和undefined小于number,则自动转成number

                  2)' - '

                          --一个string减一个number(‘123’-1结果为122)

                          注:true-1结果为0,undefined-1结果为NaN,null-1结果为-1,null为0

                    3)' * '

                          true * 3 结果为3

                    4)' % '

                          注:大数取余小数,取余结果得到的是余数;小数取余大数,结果得到的是小数。

2、++/--前置,后置

        自增和自减的前置和后置的区别

        前置先执行对应的++(--) 再执行对应的代码

        后置先执行对应的代码 再执行++(--)

注:计算顺序(先算括号里面的 ++或-- 再进行乘除取余 再进行+- 再进行比较运算 再逻辑运费 再进行赋值)

3、逻辑运算

        1、与&&

                同为true才true

        2、或||

                有true就true

        3、非!

                做取反操作

4、比较

            >    ,    <    ,    >=    ,    <=    ,    ==    ,    !=    ,    ===(全等,一个东西)

5、赋值

            =    ,    +=    ,    -=    ,    /=    ,*/    ,    %=

6、位运算(转为二进制再进行位的变化运算)

        左移<<  

        右移>>    

        ~去小数

       谷歌面试题:

                怎样快速从2得到8?

                        方案:

                                2转换成二进制为    10

                                8转换成二进制为    1000

                                则进行(2<<2)即左移2位,补0操作,既可实现快速转换

7、三目运算符

                表达式(判断条件)?1:2

                                条件正确,则为1,反之,则为2

8、number扩展:保留小数方法

                number.toFixed(2)即为number数值保留2位小数

八、进制的转换

1、十进制二进制的相互转换

                十进制-->二进制    (除2取余法)

                二进制-->十进制    (对应位数乘2的多少次方相加)

2、十进制转八进制    (除8取余)

3、十进制转16进制    (除16取余)

注:1)将对应8进制,16进制字符串转换为十进制数值:parseInt或parseFloat方法

        2)将10进制数值转换成对应8进制或16进制字符串:toString方法

 

有关JS-初识js的更多相关文章

  1. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目,Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

  2. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

    rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:

  3. node.js - 如何在 Travis CI 上的一个项目中运行 Node.js 和 Ruby 测试 - 2

    我有一个包含多个组件的存储库,其中大部分是用JavaScript(Node.js)编写的,一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread,目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标,所以maketest在每

  4. 玩以太坊链上项目的必备技能(初识智能合约语言-Solidity之旅一) - 2

    前面一篇关于智能合约翻译文讲到了,是一种计算机程序,既然是程序,那就可以使用程序语言去编写智能合约了。而若想玩区块链上的项目,大部分区块链项目都是开源的,能看得懂智能合约代码,或找出其中的漏洞,那么,学习Solidity这门高级的智能合约语言是有必要的,当然,这都得在公链``````以太坊上,毕竟国内的联盟链有些是不兼容Solidity。Solidity是一种面向对象的高级语言,用于实现智能合约。智能合约是管理以太坊状态下的账户行为的程序。Solidity是运行在以太坊(Ethereum)虚拟机(EVM)上,其语法受到了c++、python、javascript影响。Solidity是静态类型

  5. node.js - 从未编写过任何自动化测试,我应该如何开始行为驱动开发? - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。多年来,我一直在使用多种语言进行编程,并且认为自己总体上相当擅长。但是,我从未编写过任何自动化测试:没有单元测试,没有TDD,没有BDD,什么都没有。我已经尝试开始为我的项目编写适当的测试套件。我可以看到在进行任何更改后能够自动测试项目中所有代码的理论值(value)。我可以看到像RSpec和Mocha这样的测试框架应该如何使设置和运行所述测试变得相当容易

  6. ruby-on-rails - 将 Angular JS 与 Rails 集成 - 2

    我需要一些指导来了解如何将Angular整合到rails中。选择Rails的原因:我喜欢他们偏执的做事方式。还有迁移,gem真的很酷。使用angular的原因:我正在研究和寻找最适合SPA的框架。Backbone似乎太抽象了。我不得不在Angular和Ember之间做出选择。我首先开始阅读Angular,它对我来说很有意义。所以我从来没有去读过关于ember的文章。使用Angular和Rails的原因:我研究并尝试使用小型框架,例如grape、slim(是的,我也使用php)。但我觉得需要坚持项目的长期范围。我个人喜欢用Rails的方式做事。这就是我需要帮助的地方,我在Rails4中有

  7. node.js - 如何比较图像并确定哪个内容更多? - 2

    目标:我想从动画GIF中抓取最佳帧并将其用作静态预览图像。我相信最好的帧是显示最多内容的帧-不一定是第一帧或最后一帧。以这张动图为例:--这是第一帧:--这是第28帧:很明显,第28帧很好地代表了整个GIF。我如何以编程方式确定一帧是否比另一帧具有更多像素/内容?如果您能向我指出任何想法、想法、包/模块或文章,我们将不胜感激。 最佳答案 实现此目的的一种直接方法是估计entropy每个图像的帧,并选择具有最大熵的帧。在信息论中,熵可以被认为是图像的“随机性”。单一颜色的图像是非常可预测的,分布越平坦,越随机。这与Arthur-R描述

  8. 【Linux】初识Linux --指令Ⅰ - 2

    Halo,这里是Ppeua。平时主要更新C语言,C++,数据结构算法,Linux…感兴趣就关注我吧!你定不会失望。目录1.ls显示当前目录下的文件内内容2.pwd-显示用户当前所在的目录3.cd-改变工作目录。将当前工作目录改变到指定的目录下1.cd-回到上一次待的工作空间2.cd..返回上一层目录1.相对路径:cd../aurora2.绝对路径:cd/home/aurora/lesson1/aurora3.cd~进入用户家目录4.cd/进入root目录4.mkdir-新建目录5.rmdir/rm-删除1.rmdir删除空文件夹2.rm删除1.rm-f2.rm-i3.rm-r1.ls显示当前目

  9. css - Less.js LoadError - 没有这样的文件要加载 - less 在 main .less 文件上 - 2

    我正在尝试在一个新元素中测试less.js。我100%确定javascript文件加载正常,但我的css文件夹中的less文件一直出现此错误。我打算在启动之前使用less.app编译它,但我宁愿让less.js在开发期间进行编译。由于它是.less或其他文件而不允许浏览器访问该文件是否存在问题?谢谢(运行ubuntu11.04和ruby​​v1.9.2,在firefox和chrome中同样的错误)这是我的head.haml文件,我在其中链接到less.js和app.less(它们都在正确的文件夹中)%link{:rel=>"stylesheet/less",:type=>"text/c

  10. ruby - I18n::InvalidLocaleData:I18n gem 在 js 导出中有问题 - 2

    我正在OSX10.13.4上使用Rails3.2.22.4、Ruby2.2.7开发一个应用程序。有多个翻译文件,例如。en.yml,sq.yml基于国家。从下面的ruby​​mine执行命令时,加载网页时出现错误。rake--tracei18n:js:export来自en.yml的yaml内容已经过验证并且是正确的。从文件中删除后引发错误的特定行将在其他一些.yml文件中给出错误。正在使用当前版本的gemi18n(0.9.5)。Rails服务器启动但加载Web应用程序第一页时因同样的错误而中断。代码遇到i18n翻译代码时抛出错误,当错误从一个文件转移到另一个文件时,yml格式不是问题。

随机推荐