我的前端学习之路<js>

js的三大核心

        1,ECMAscript

                js的语法,规则,必须遵守的

        2,DOM-Doucment Object Model 文档对象模型

                使用js的语法,去操作页面的元素(标签)

        3,BOM-Browser Object Model 浏览器对象模型

                使用js的语法,去操作页面浏览器相关部分

js的核心

        使用js的语法让浏览器和页面元素发生一些变化

        前后端交互

js的书写

        行内式

                a标签        alert("hello world")

                        借助href属性

                        在href属性上书写JavaScript:一段js代码

                        

<a href="JavaScript:alert('hello,world'):">点我一下试试看</a>

                非a标签

                        需要借助一个行为属性来实现,onclick属性,当点击时触发

        内部式

                把所有的js代码书写在一个script标签内

                注意:1,script标签内的代码不需要依赖任何行为,打开页面直接显示

                        2,script推荐书写在head末尾或者body末尾

                        3,一个页面可以书写多个script标签,会按照从上到下的顺序依次执行

        外部式

                把所有的js代码书写在一个 .js 后缀的文件内

                在html文件内,以script标签的src属性引入文件

变量

        变量命名规范

                1,变量只能由数字,字母,下划线,美元符($)组成

                2,不能由数字开头

                3,不要有中文和空格

                4,不能使用关键字和保留字

        规范

                驼峰命名法:当变量由多个单词组成时,第二个单词首字母大写(username—userName)

                尽量语义化:尽量使用一些有意义的单词

js的变量

        定义:语法:var 变量名=值

                                var 定义变量的关键字

                                变量名  我们定义的一个字

                                =   赋值

                                值   我们给该变量所赋予的值

        注意:一个变量只能有一个值

        书写形式:1,声明变量不赋值           var  变量名

                        2,声明变量并赋值        var  变量名=值

                        3,同一个var声明多个变量          var 变量名,变量名=值,变量名,变量名=值(多个变量名之间用(,)分隔

基本数据类型:一个变量可以存储哪些数据类型

        number数据类型

                整数,浮点数,科学计数法

        string数据类型

                一切以单引号和双引号包裹的都是字符串类型

        boolean数据类型

                只有两个值

                true 表示真,在计算机存储时,以1的形式存储

                false表示假,在计算机存储时,以0的形式存储

        空数据类型(undefined和null)

                undefined类型只有一个值,为undefined,表示本该有一个值,但是没有,当变量定义未赋值时就是undefined

                null类型只有一个值,为null,表示这里有一个值,但是这个值为空值,需要赋值为null才为null        

数据类型检测

        语法:typeof   变量

                   typeof   (变量)

        返回值:以一个字符串的形式返回给你检测的变量的数据类型

        注意:1当typeof关键字检测任何数据类型返回的内容一定是字符串类型的结果

                当typeof连用时,得到的结果一定是'string'

                    2小括号可以提高运算优先级

转数值类型(将其他数据类型转换为数值类型)

        1number方法

                语法:number(要转换的变量)

                返回值:转换好的数字

                转换规则:把要转换的内容当作一个整体看待,如果可以转换为合法数字,那就是一个合法数字,如果不能转换为合法数字,就是NaN(数值类型,非数字)

        2,parseInt方法

                语法:parseInt(要转换的变量)

                返回值:转换好的数值类型的数据

                转换规则:不管是什么数据,都是一位一位的看待

                                如果第一位不能转换为合法数字,那么直接给结果NaN

                                如果第一位可以,继续向后,直到不能转换为合法数字为止

                注意:不认识小数点,,转换小数时,小数点后将被省略

        3,parseFloat方法

                语法:parseFloat(要转换的变量)

                返回值:转换好的数值类型数据

                转换规则:和parseInt一样,唯一区别是认识小数点,但是只认识一次

        4,使用非加法的数学运算

                使用减乘除方法运算

                把数据先转换,在运算

                转换规则:和number一样,当成整体看待

转字符串类型(把其他类型转换为字符串类型)

        1,String方法

                语法:String(要转换的变量)

                返回值:转换好的字符串类型数据

        2,toString方法

                语法:要转换的变量  . toString()

                返回值:转换好的数据类型

                注意:不能转换undefined和null

        3,使用字符串拼接

                在js内,加号(+)有两个意义

                        1,数学运算,要求符号两边都是数值类型或布尔类型,才会进行数学运算

                        2,字符串拼接,只要符号任意一边是字符串类型,那么就会进行字符串拼接

转布尔类型

        1,boolean方法

                语法:Boolean(要转换的变量)

                返回值:转换好的布尔类型

                注意:在js内,所有数据转换为布尔类型时,只有五个内容转换为false(undefined,null,数值0,数值NaN,空字符串)其余所有内容都是true

运算符        含义:进行运算的符号

        算术运算符        (+,-,*,/,%)

                含义:进行数学运算的符号

        赋值运算符        (=,+=,-=,*=,/=,%=)

                含义:进行赋值运算的符号

                作用:把符号右边的内容给到符号左边的变量

        比较运算符        (>,<,>=,<=,==,===,!=,!==)

                两个数据之间进行比较的运算符号
                注意:比较符号的返回值都是布尔类型

        逻辑运算符         (&&(与),||(或),!(非))

                进行逻辑运算的符号

         自增自减运算符

                是一元运算符(一个符号带上一个数据就能完成运算)的一种

                前置加加(++变量)        后置加加(变量++)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值