JS基础语法---冒泡顺序】的更多相关文章

冒泡排序: 把所有的数据按照一定的顺序进行排列(从小到大,从大到小) 1. 画图帮助理解如下: 2. 从小到大排序: var arr = [10, 0, 100, 20, 60, 30]; //循环1:控制比较的轮数 for (var i = 0; i < arr.length - 1; i++) { //循环2:控制每一轮比较的次数 for (var j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var…
第2章 你要懂的规则(JS基础语法) 2-1什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等.…
JS基础语法---roadmap Part 1 - 2: Part 3 - 4:   Part 5 - 6…
css3拓展: <display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏 <display:block>  显示                     <visibility:visible>  显示 <display>与<visibility>的区别在于:<display>隐藏后不占位置   <visibility>隐藏后位置还在 当两个<…
目录 JavaScript基础语法(二) 八. 函数 1. 函数的概念 2. 函数的使用 声明函数 调用函数 3. 函数的封装 4. 函数的参数 函数的参数匹配问题 5. 函数返回值 6. arguments 7. 函数调用函数 九. 作用域 1. 概述 2. 全局作用域 3. 局部作用域 4. 作用域链 十. 自定义对象 1. 概念 2. 创建对象 3. 遍历对象 十一. 内置对象 1. 概念 2. 查文档 3. Math对象 封装自己的数学对象 随机数方法 猜数字游戏 4. Date对象 日…
JavaScript的概述: 1.组成 三部分组成 ecmaScript 基础语法 (es5) dom document object model 文档对象模型 (操作html文档内容) bom borswer object model 浏览器对象模型 (操作浏览器相关内容) JavaScript书写位置: 三种方法: 1.写在标签里面 javascript:void 没有操作 2.script可以放在网页任意位置 一般用来书写全局js 3.链入js文件 JavaScript 变量 声明 命名规…
前言 JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等) JS进阶篇学习什么? 在JavaScript入门篇中,我们学习了如何插入JS.输出内容及简单的DOM操作,JavaScript进阶篇让您进一步的了解JS的变量.数组.函数.语法.对象.事件.DOM操作,制作简单的网页动态效果. 正式学习 什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值…
1.变量 定义:从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 命名:变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字.如下: 正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开…
vue学习的一系列,全部来自于表哥---表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 前言: 前端解析数据更好,因为更灵活,且用户体验更好,还能节省服务器资源. “指哪打哪”,用到了才去取,有点类似分片加载. 但是也有不好的地方,如果是稍微大一点复杂一点的项目,开发的压力较大,更麻烦,像表单验证这种.还有路由,放在前端会更复杂,但是省资源. 原生js就能做到前端渲染,但是开发成本太高.而vue可以低成…
1.注释语法://单行注释./*多行注释*/. 2.输出语法:{1.alert("要输出的字符串"):.alert(输出其类型):  2.confirm():弹出一个可以和用户交互的对 话框. 3.prompt():弹出一个可以让用户输入的对话框.} 3.嵌入JS代码:尽量靠下写.一般写在下面的body和html中间   <script tybe="text/javascript"></script>. 4.运算符表达式:数学运算符 :+  …
根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 表达出你的想法(表达式)表达式与数学中的定义相似,表达式是指具有一定的值.用操作符把常数和变量连接起来的代数式.一个表达式可以包含常数或变量. 字符串表达式:"I" + "love" + "you" + mychar…
普通函数 function foo(a, b){ return a + b; } foo(10, 20) >>> 30 匿名函数 var f = function(){console.log(123)}; f() >>> 123 自执行函数 (function(a,b){return a + b})(10, 20) >>> 30 内置函数forEach 传一个参数: var a1 = [11, 22, 33, 44, 55]; a1.forEach(f…
vue学习的一系列,全部来自于表哥---表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 1过滤器filter 例如商城中商品的价格,既是动态的,而且重复出现的频率非常高,这就意味着,一些信息是重复的,像前面可以加一个“¥”,后面接一个单位“元”:¥10元.想实现只传价格10,其他信息让其自动生成,vue里提供了过滤器filter来实现. 例1: <!DOCTYPE html> <html>…
    * 编程思想:     * 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程     * 面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果     *     * 面向对象的特性:封装,继承,多态,(抽象性)     *     * JS是一门什么样的语言?     * 是一门解释性的语言     * 是一门脚本语言     * 是一门弱类型的语言     * 是一门基于对象的语言     * 是一门动态类型的语言     *     * 对象:有属…
JS是一门什么样的语言? 是一门解释性的语言 是一门脚本语言 是一门弱类型语言,声明变量都用var 是一门基于对象的语言 是一门动态类型的语言:            1. 代码(变量)只有执行到这个位置的时候,才知道这个变量中到底存储的是什么,如果是对象,就有对象的属性和方法,如果是变量就是变量的作用             2. 对象没有什么,只要点了,通过点语法,那么就可以为对象添加属性或者方法       1. 字面量创建对象的缺陷: 一次性的对象 2. 点语法:   对象.名字=值; …
* JavaScript简称为JS * JavaScript是什么?     * 是一门脚本语言:不需要编译,直接运行     * 是一门解释性的语言:遇到一样代码就解释一行代码     * C#语言是一门面向对象的语言,也是编译语言,是.net技术使用的     * 是一门动态类型的语言---不解析     * 是一门基于对象的语言---不解释     * 是一门弱类型的语言,声明变量的时候都使用var (     * 强类型的语言:C#就是----->     * 存储一个数字: int n…
JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使用方法有两种: (1)typeof 变量 (2) typeof(变量) undefined派生自null,所以undefined==null返回的结果是true 用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的…
一,调试语句 二,JS的引入方式 三,变量的使用 四,基本的数据类型 4.1,基本数据类型转换 4.2,字符串的常用方法 五,复杂数据类型 5.1,Array(数组)及常用方法 六,流程控制( 逻辑与&&.逻辑或|| ) 七,Math内置对象的方法 八,函数的使用 九,JavaScript中对象的创建方式 十,arguments的使用:(类似于python中的*args) 十一,Date类的使用 十二,JSON的序列化反序列化 -------------------------------…
1.运算符 比较运算符(7种):==/===/!=/>/</<=/>= ===(全等于) 2.字符串substring的用法 3.练习题:累加求和(运用Js的方法) 4.进制转换…
vue学习的一系列,全部来自于表哥---表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 把一段经常要用的东西封装成一个组件,就可以重复使用它,很方便的扩充它. 组件具有可重用性.可维护性. 1组件定义 Vue.component('组件名称',{ template:'组件内容', methods:{ 方法定义... } }); 例: <!DOCTYPE html> <html> <h…
String---->是一个对象 字符串可以看成是字符组成的数组, 但是js中没有字符类型 字符是一个一个的, 在别的语言中字符用一对单引号括起来 在js中字符串可以使用单引号也可以使用双引号 因为字符串可以看成是数组, 所以, 可以通过for循环进行遍历 字符串特性: 不可变性, 字符串的值是不能改变 字符串的值之所以看起来是改变的, 那是因为指向改变了 ,并不是真的值改变了 var str = "123"; str = "456"; console.log…
js学习中三种对象: 内置对象----js系统自带的对象 自定义对象---自己定义的构造函数创建的对象 浏览器对象---BOM的时候讲 内置对象: Math Date String Array Object //如何验证变量是不是对象? console.log(Array instanceof Object); var obj={}; console.log(obj instanceof Object);…
创建对象三种方式: 调用系统的构造函数创建对象 自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象) 字面量的方式创建对象 第一种:调用系统的构造函数创建对象 //小苏举例子: //实例化对象 var obj = new Object(); //对象有特征---属性:和 行为---方法 //添加属性-----如何添加属性? 对象.名字=值; obj.name = "小苏"; obj.age = 38; obj.sex = "女"; //添加方法----如何…
编程思想: 把一些生活中做事的经验融入到程序中 面向过程:凡事都要亲力亲为,每件事的具体过程都要知道,注重的是过程 面向对象:根据需求找对象,所有的事都用对象来做,注重的是结果 面向对象特性: 封装,继承,多态 (抽象性)    js不是面向对象的语言,但是可以模拟面向对象的思想 js是一门基于对象的语言   什么是对象? 看的见,摸得到 or 具体特指的某个东西 1. 找对象 描述找对象 文字描述找对象 2. 分析对象有什么特点:特征和行为 3. 对象:有属性和方法,具体特指的某个事物 4. …
作用域:使用范围 全局变量: 声明的变量是使用var声明的, 那么这个变量就是全局变量 全局变量可以在页面的任何位置使用 除了函数以外, 其他的任何位置定义的变量都是全局变量 局部变量:在函数内部定义的变量,是局部变量,外面不能使用 全局变量,如果页面不关闭,那么就不会释放,就会占空间,消耗内存 全局作用域:全局变量的使用范围 局部作用域:局部变量的使用范围 块级作用域: 一对大括号就可以看成是一块, 在这块区域中定义的变量, 只能在这个区域中使用 但是在js中在这个块级作用域中定义的变量,外面…
数组: 一组有序的数据 数组的作用: 可以一次性存储多个数据 数组的定义: 1. 通过构造函数创建数组   语法: var 数组名=new Array(); var array=new Array();//定义了一个数组 数组的名字如果直接输出,那么直接就可以把数组中的数据显示出来,如果没有数据,就看不到数据   var 数组名=new Array(长度); 如果数组中没有数据,但是有长度---,数组中的每个值就是undefined 构造函数的方式创建数组的时候,如果在Array(一个数字)--…
调试:调试代码---高级程序员都是从调试开始的 调试: 写代码---打开浏览器--F12(开发人员工具)--->Sources---双击文件,在某一行代码前面点击一下(出现的东西就是断点) 一元运算符:  ++  --             如果不参与运算, ++在前面还是在后面结果都是一样的  +1       如果不参与运算, --在前面还是在后面结果都是一样的  -1             var num=10;       num++;   后+       ++num;   前+…
for循环 语法: for(表达式1;表达式2;表达式3){ 循环体; } 执行过程: 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环 如果表达式2成立,执行循环体的代码,结束后,跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立,则跳出循环 如果表达式2成立,则执行循环体,然后再跳到表达式3,再跳到表达式2,判断是否成立,一直如此 练习1: 打印10次,哈哈,我又变帅了 for (var i = 0; i < 10; i++) { console.log("…
1. 总结:while循环和do-while循环 while循环特点:先判断,后循环,有可能一次循环体都不执行 do-while循环特点:先循环,后判断,至少执行一次循环体   对比体会:   1. do-while循环特点: 先循环,后判断,至少执行一次循环体 var i = 0; do { console.log("阿涅哈斯诶呦!"); i++; } while (i < 1); 2. while循环特点: 先判断,后循环,有可能一次循环体都不执行 var i = 5; wh…
switch-case语句---分支语句---多分支语句 语法: switch(表达式){ case 值1:代码1;break; case 值2:代码2;break; case 值3:代码3;break; case 值4:代码4;break; ...多个case default:代码5; }       *注意问题:      * default后面的break是可以省略的      * default也可以省略            * switch-case 语句中和case后面的值比较的时…