对js的有感而发
1、什么是JavaScript?
他是一个脚本语言,也是一种解释性语言,也是一种弱类型语言。
2,当我们学习JavaScript时我们肯定要知道,js的组成是什么? 应该怎么用?这些是最基础的。
js的组成:核心ECMAScript DOM BOM。
js怎么用:(有几种方法)1.在Script对标签中写js代码
2.在外部js中写js,然后在引入进来;
3.在属性里面写js代码,(这种是不太推荐的,因为这样影响自己发现问题,不方便改)
这些方法其实是跟引入css样式差不多的,不同就是,js可以在body和head里面都可以写。
3.现在进入正题js的变量以及规范
我们一般使用var来申明变量了,这变量是在内存中申明的一段可以存储可变化的量,但是我们申明变量不是随便申明的,它是有一定规则的,比如不能用数字开头但可以用字母、下划线 和 $,还有不能关键字还有保留着、驼峰等。
4js的数据类型
4.1.数字类型number小数和整数 可以表示32位的整数 可以表示64位的浮点数
4.2string 需要用 "" 或''包括的就是字符串类型一个字符占两位
4.3boolean; true false
4.4undefined 就是定义一个空值,在""里面不写东西(这是个人理解仅供参考)
4.5null 可以把一个值定义为null
5.js的运算
5.1string + number = string
5.2string + boolean = string
5.3 number + boolean = number
5.4number + undefiend = NaN
5.5 boolean + undefiend = NaN
5.6 string + undefiend = string
6.关系运算
这几个运算符是我们常见的比如:什么< > <= => == === != !==等
这几个最后输出的结果一定都是Boolean类型的
== 判断两个数据是否相等
!= 不等于, 判断两个数据是否不相等
=== 判断数值和类型是否完全相等
!== 判断数值和类型是否完全不相等
比如判断一个东西是否涨价
var input = prompt("请输入价格");
var a = input>6888;
var b = input<6888;
console.log("涨价了" +a);
console.log("没有涨价"+ b);
7.位运算符
只能做数字的运算,且将数字转换成二进制,在做运算
& 按位 与 将两边的操作数转换成为二进制,每位的数字,只要对应都是1的时候,该位的结果才为1,否则该位结果为0
这是我自己做的一个小案例
var num1 = 6;
var num2 = 7;
var r = num1 & num2;
console.log(r) //110:6
可以用它来判断奇偶性,尾数是一为奇数,尾数为0为偶数;(%用取模的方法也可以判断奇偶)
| 按位 或 将两边的操作数转换成为二进制,比较每位上的数字,两个数字中有一个是1,则该位的结果就是1 ,否则 0
var num1 = 6;
var num2 = 7;
var r = num1 | num2;
console.log(r)//111:7
场合:向下取整 位运算一定会将数据转换为二进制,而小数会被转换为整数
<<按位左移 ,将二进制数,向左移动几位 ,右面以0 补位
>>按位右移 ,将二进制数,向左移动几位 ,右面以0 补位
^异或 将两边的数字转换为二进制 进行比较,每位上的数字,只有一个为1时,该位结果才为1,否则0
8.赋值运算
有单目运算 双目运算 三目运算
单目运算和双目运算相对较简单,我在这里主要是解释一下三目运算
这是我写的一个小案例,可以对着这个看
var het = prompt("请输入体重");
var weet = prompt("请输入身高");
var a = het/(weet*weet);
var a = b;
var b = a>=25 ?"偏胖":a>=20 && a<25 ?"正常":"偏瘦";
console.log(b)
这些都是个人的见解,可以给你们提供参考和学习,最主要的是自己理解和操作。
对js的有感而发的更多相关文章
- js ShowDialogModal 关闭子页面并刷新父页面,保留查询条件
不知道大家有没有碰到类似的问题,当时的你是什么思路来处理这个问题呢?是url,session,cookie,还是…… 今天笔者就遇到了这个问题,当时的想法如:url,session,cookie都尝试 ...
- Vue.js 和 MVVM 小细节
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...
- js学习笔记:操作iframe
iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- JS调用Android、Ios原生控件
在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
- 利用snowfall.jquery.js实现爱心满屏飞
小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...
- node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理
一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...
- JS正则表达式常用总结
正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...
随机推荐
- GTID复制的工作原理
参考自:https://dev.mysql.com/doc/refman/5.7/en/replication-gtids-lifecycle.html 笔记说明: 本文翻译自官网,当然会根据语义做一 ...
- 服务治理-Resilience4j(限流)
Bulkhead Bulkhead一般用于服务调用客户端,用于限定对特定的服务的并发请求数量,起到一下作用:1.防⽌下游依赖被并发请求冲击2.防⽌发⽣连环故障 1.配置规则“order” //允许最大 ...
- 如何使用终端默认情况下阻止Mac应用保存到iCloud
当您保存要在Mac上的Pages,Numbers,TextEdit或其他基于云的应用程序中处理的文档时,该保存的默认位置是iCloud.尽管这对某些人或某些文档来说可能是一件好事,但您可能会厌倦每次更 ...
- 【使用篇二】Quartz自动化配置集成(17)
出处:https://www.jianshu.com/p/49133c107143 定时任务在企业项目比较常用到,几乎所有的项目都会牵扯该功能模块,定时任务一般会处理指定时间点执行某一些业务逻辑.间隔 ...
- vue--过滤与动画
什么是过渡和动画 元素在显示和隐藏时,实现过渡或者动画的效果,常用的过滤和动画都是使用CSS来实现的. 在CSS中操作transition(过渡)或 animation(动画)达到不同效果 为目标元素 ...
- IPv6升级测试指南(Android/iOS/Mac)
目录 我们升级到IPv6的原因 测试的时候的注意要点 Android/IOS/MAC测试总结 Android测试IPv6的方法 IOS端测试IPv6的方法 MAC浏览器端测试IPv6的方法 升级IPV ...
- ABP之Logging
服务器端 ABP使用Castle Windsor的日志设施.它可以使用不同的日志库:Log4Net.NLog.Serilog等等.Castle为所有日志程序库提供了一个公共接口,这样,我们可以独立的使 ...
- Git - Git分支管理策略
前言 通常,合并分支时,如果可能,Git会用Fast forward模式,但这种模式下,删除分支后,会丢掉分支信息. 如果要强制禁用Fast forward模式,Git就会在merge时生成一个新的c ...
- ASP.NET Core 2.2 WebApi 系列【二】使用EF CodeFirst创建数据库
Code First模式 Code First是指"代码优先"或"代码先行". Code First模式将会基于编写的类和配置,自动创建模型和数据库. 一.准备 ...
- python爬虫-京东商品爬取
京东商品爬取 仅供学习 一.使用selenium from selenium import webdriver from selenium.webdriver.common.keys import K ...