Javascript学习
HeavenChildren
那春天最初的蝴蝶,橘黄而紫红,轻快飞过我的路。一朵飞翔的花,改变着日子的颜色。
展开
-
新制作了一个网站专门下载魔兽地图
新制作的一个站点原创 2022-07-12 10:56:51 · 819 阅读 · 1 评论 -
js 关于js冒泡排序的理解
冒泡排序虽然已经学完了,但是再次去写的时候,总是写不出来,而且每次写的时候需求研究很久很久,对于 i < arr.length的理解也有问题,单独拿出时间来仔细研究一下.我们把这个流程分成几步来做,能稍微简单的去理解他,是在记不住的…就死记吧…是固定的一个东西.我们用函数实现一个数组从小到大的排序:[5,178,3,8,12,56,157]第一步:我们首先实现的是把这个数组最大数放到数组的最后面看代码:<script>function sort(arr) { //函数的名称.原创 2021-04-01 11:30:55 · 220 阅读 · 0 评论 -
js 创建对象的第二种方式 new Object
创建对象的第二种方法,之前是字面量形式创建var obj = {} //利用new Object方式创建对象 var obj = new Object(); // 属性名与属性值书法方式与字面量有区别. 对象名.属性名 = 属性值,每个属性用分号;结尾 //之前的是 name:'张三李四', obj.name = '张三李四'; obj.age = 20; obj.sex = '男', .原创 2021-03-31 16:18:08 · 5657 阅读 · 0 评论 -
js 对象-属性和方法
对象 语法:对象名{},他是由属性和方法组成var obj = { //对象的属性,采用键值对形式 name:'张三', age:14, aihao:'读书', //对象的方法,是一个匿名函数 job : function(){ console.log('你好!') } } .原创 2021-03-31 15:13:20 · 371 阅读 · 0 评论 -
js 预解析-变量提升与函数提升
函数的预解析练习<script> f1(); console.log(c); console.log(b); console.log(a); function f1(){ var a = b = c= 9;//这个写法是这样的:var a = 9;b=9;c=9 所以b与c属于全局的变量 console.log(a); console.lo.原创 2021-03-31 11:14:54 · 162 阅读 · 0 评论 -
js 函数的两种声明方式
函数的两种声明方式:命名函数与匿名函数<script> // 1、命名函数 function fn(name0){ console.log(name0) } fn('张三李四2');//调用 // 2、匿名函数 var fn2 = function(name){ console.log(name); } fn2('.原创 2021-03-30 17:29:43 · 703 阅读 · 0 评论 -
js 函数调用另一个函数:判断任意年份2月份天数
判断任意年份的2月份有多少天,有个隐藏信息,如果是闰年那么2月份有29天,如果是平年有28天。<script> // 闰年的条件:能被4整除并且不能被100整除,或者能被400整除的数 function backDay(){ var year = prompt('输入年份:'); if(runnian(year)){ //调用runnian()函数,返回值为true或者false,根据不同返回值弹窗。 .原创 2021-03-30 15:03:34 · 1897 阅读 · 0 评论 -
js 函数判断闰年
之前写过闰年的练习,学习函数后,函数的方法实现闰年的判断如果是闰年输出true,否则输出false。注:判断闰年的条件:能被4整除并且不能整除100的数,或者能被400整除的数<script> //判断闰年,这个是最初学习的版本。 function isRunYear(year){ if(year % 4 ==0 && year % 100 !=0 || year % 400 ==0){ .原创 2021-03-30 14:34:37 · 3940 阅读 · 1 评论 -
js中 || 与 &&的白话理解
这个文章仅代表自己的想法,比一定正确,谨慎对待。一直对于js中,的 || ‘或’ 以及 && '与’搞不清楚,遇到用的时候必须得使劲琢磨一下,费时费力.然后自己就寻思了一下.做了一个自己认为能比较简单去区分他俩的区别,以及遇到使用它们的时候也能比较快速的使用.看这个时候你就把之前学的 关于这俩的"真前假后"或者"真后假前"先放一边,我们就以最基本的逻辑去理解.比如:a && b,这个最简单的一种比较. 按照汉语的理解这个&& 就是: 与、并且、和 的原创 2021-03-30 11:58:14 · 340 阅读 · 0 评论 -
js 函数的返回值return
不要在函数内部去输出结果,因为函数只是做某件事情,最终函数的处理结果应该返回给调用者.谁是调用者:谁调用函数谁就是调用者.最终理解的意思就是,输出语句提出一个’要求’,然后函数去完成这个要求,最后把完成的这个’要求的结果’再给输出语句.<script> function gethe(a,b){ return a+b; //使用return 返回值 } console.log(gethe(1,2));//输出语句写在函.原创 2021-03-29 10:16:32 · 580 阅读 · 0 评论 -
js 函数的练习计算两个数的和以及计算两个数之间的数值和
<script> //计算两个数的和 function gethe(a,b){ console.log(a + b); } gethe(1,2); //计算任意两个数之间的数的和 function gethes(c,d){ var he = 0; for(var i = c;i<=d;i++){ .原创 2021-03-27 17:37:39 · 4306 阅读 · 0 评论 -
js 形参与实参
函数的形参与实参,形参是接收实参的.<script> function getname(a){ //a就是形参,形参可以多个,数量无限 console.log(a); } getname('我是实参');</script>原创 2021-03-27 17:15:53 · 200 阅读 · 0 评论 -
js 函数的基本使用
函数方法;计算1-100的和<script> //函数方法;计算1-100的和 function gethe(){ var sum = 0; for (var i = 1;i<=100;i++) { sum= sum+i; } console.log(sum); } gethe(); .原创 2021-03-27 16:09:17 · 144 阅读 · 0 评论 -
js 函数function语法与规范
开始函数了,等看完这些再从头走一遍吧,有点晕~~~函数:function 的基本语法:function 函数名(){}<script>function sayhi(){ console.log('你好啊!!~~');}sayhi();//调用的基本语法:函数名()即可</script>...原创 2021-03-27 15:59:34 · 340 阅读 · 0 评论 -
js 数组冒泡排序
今天刚看了js里的数组冒泡排序,有点头大,评论说这个是js里面最简单的一种算法,压力很大…废话不说,看练习吧.将数组[5,4,3,2,1]数组按照从小到大排序<script> var arr=[5,4,3,2,1]; var temp; for (var i = 0;i < arr.length;i++ ) { //总共多少趟,也就是第一个数排好算一趟,案例里面是需要4趟,为什么不是5趟,因为第4趟排好后,第5趟就好了.这里的 i <原创 2021-03-27 15:21:21 · 505 阅读 · 0 评论 -
js 数组基础概念
数组:一组数据的集合,使用单个变量存储多个数据.数组可以有两种方式创建:new关键字与字面量形式数组元素可以为任何类型:字符串/数值/布尔值,每个数组元素使用英文逗号分隔.<script> // 数组有两种方式创建 // 1. 利用new关键字创建,这个不是很常用 var arr = new Array[]; // 2. 利用字面量进行创建数组,这个方式是最常用的 var arr2 = []; .原创 2021-03-26 11:13:12 · 192 阅读 · 1 评论 -
js 实现一个简单的存钱/取钱/查询/退出等操作的ATM功能.
ATM有4个选项:1/存钱 2/取钱 3/查询余额 4/退出, 输入对应的数字进行操作.卡里默认有100元,对卡里的100元进行存取查询等操作.<script> var qian=100; do { var layer = prompt('输入你的操作:' + '\n' + '1/存入' + '\n' + '2/取出' + '\n' + '3/查询' + '\n' + '4/退出'); if (la.原创 2021-03-26 10:22:27 · 2577 阅读 · 3 评论 -
for循环/while循环综合练习
for循环在js里,貌似很重要,而且还挺让人晕头转向的…这个需要多练习了<script type="text/javascript"> // 1-100所有整数的和与平均值 var he = 0; for (var i=0;i<=100;i++) { he = he + i; } console.log('1-100的整数和是:' + he); console.lo.原创 2021-03-25 14:24:30 · 247 阅读 · 0 评论 -
js 循环中的continue使用方法,以及计算1-100除7外整数的和
continue 作用是循环中跳过其中某一个循环.//吃5个苹果,其中第2个坏掉了,扔掉它,继续吃第3.4.5个 for (var i =1;i<=5;i++) { if (i == 2) { continue; //遇到continue 那么就退出本次循环,继续执行下一次循环. } console.log('我正在吃第'+i+'个苹果'); } </scr.原创 2021-03-25 09:19:19 · 2979 阅读 · 0 评论 -
js do while实现3个案例:循环1-100岁;1-100整数的和;弹窗循环效果
<script type="text/javascript"> //计算人的一生, 1-100岁 var i = 1; do { console.log('今年'+i+'岁了'); i++; } while ( i<=100 ); //计算1-100整数的和 var he = 0; var i = 1; do {原创 2021-03-24 18:14:34 · 716 阅读 · 0 评论 -
js dowhile循环基本语法
<script type="text/javascript"> //do while循环 至少会执行循环体一次 var str = ''; var i = 1; do { var t = '你好'; str = str + t + '\n'; i++; } while (i <= 10原创 2021-03-24 18:02:01 · 388 阅读 · 0 评论 -
js while三个简单案例:一个人1-100岁的循环/1-100之间所有整数的和/弹出对话框
<script type="text/javascript"> //打印一个人的一生,从1岁-100岁 var age = 1; while (age <= 100) { if (age == 1) { console.log('出生了'); } else if (age == 100) { console.log('他离开了人世间!')原创 2021-03-24 17:17:01 · 1215 阅读 · 0 评论 -
javascript while循环基本
while循环与for实现的效果类似,语法有些差别:语法:当条件表达式结果为真(true)时,执行循环体,否则退出循环while (条件表达式) {//循环体//还需要计数器更新,否则会陷入死循环}<script type="text/javascript"> //while循环 var number = 1; while (number <= 50) { //条件满足,执行循环体(console.log...) c.原创 2021-03-24 16:50:36 · 181 阅读 · 0 评论 -
for嵌套循环实现九九乘法表
使用for循环的嵌套的循环实现九九乘法表的效果,效果其实不复杂,主要搞清楚哪个值对应的是什么就可以.<script type="text/javascript"> //99乘法表 var str = ''; for (var i=1;i <= 9;i++) { for (var q=1;q<=i;q++) { str = str + q + '×' + i + '=' + i.原创 2021-03-24 16:18:13 · 2132 阅读 · 0 评论 -
js for嵌套循环实现正三角与倒三角效果
JavaScript实现五角星每行递增或递减实现正三角或者倒三角,虽然不怎复杂,但是需要好好琢磨琢磨.<script type="text/javascript"> //正三角形 var str = ''; for (var i = 0 ; i<= 10 ; i++) { //外循环:实现行数 for (var q = 1 ; q <= i ; q++) { // 内循环:实现列表 .原创 2021-03-24 15:52:05 · 3372 阅读 · 0 评论 -
7、运算符
+ 两数相加,如果都是number那么得和,如果其中有一个字符串,那么他会拼成一个字符串。- 两数相减* 两数相乘 / 两数相除% 取模,就是取两数相除的余数。+号运算时,如果其中有字符串,那么他会把相连的值转换为字符串String。-号、*号、/号、%取模运算时,会把所有运算转换为数值Number。...原创 2021-01-11 16:54:31 · 87 阅读 · 0 评论 -
6、转换Boolean布尔值
使用Boolean()函数,String、Number、Null、Undefined、Object转换为布尔值的情况,这个比较重要,具体情况如下:var a = 123;//truevar a = -123;//truevar a = "qweqw";//truevar a = "";//falsevar a = 0;//falsevar a = Infiniti;//truevar a = NaN;//falsea = Boolean(a);document.write(a);Str原创 2021-01-11 16:06:26 · 375 阅读 · 0 评论 -
5、parseInt、parseFloat
字符串转数值,分为两种方法:1、Number()函数,只能转换整数数值。<script>var a = "123123123";a = Number(a);document.write(typeof a);</script>2、parseInt()函数:将数字转为整数,他会丢弃掉小数点等其他字符。<script>var a = "65.23";a = parseInt(a);document.write(a);//最终结果为65</scr原创 2021-01-11 15:11:40 · 255 阅读 · 0 评论 -
4、数据类型-转义符
js编写过程中会遇到一些情况:比如:张三说:“我很帅!~”,如果这句话作为一个变量来使用的话,按照一般的想法是怎么写呢?是这样:var a="张三说:"我很帅!~~"";document.write(a);上面是按照之前学习之后的写法,但是这样却会报错。因为出现了4个"引号,js认为两个是一对,那么后面出现的它不认识。所以报错。怎么解决呢?js中有一个\符号,可以进行转义,只要在不想让js识别的引号之前增加一个\就可以。var a="张三说:\"我很帅!~~\"";document.write原创 2021-01-11 10:07:21 · 107 阅读 · 0 评论 -
3、字面量、变量
这篇文章讲的是字面量与变量的一些基本的定义。字面量:就是一些不可变的量。不管什么时候他是一只不会变的。按照网上找到的定义为:字面量分为字符串字面量(string literal )、数组字面量(array literal)和对象字面量(object literal),另外还有函数字面量(function literal)。number literal 8 就是数字字面量string literal 'hello' 字符串字面量object literal {} 对象字...原创 2021-01-09 10:26:08 · 229 阅读 · 1 评论 -
2、简单的onclick点击事件
这篇文章讲的是简单的onclick点击事件,后面会有更详细与复杂的讲解与用法。这个代码实现的效果就是一个简单的弹窗,点击一个按钮,弹出一个alert。看代码:<button onclick="alert('点击显示')">按钮名称</button><!--按钮上有一个onclick,当按钮onclick时点击时操作的是alert,alert的内容为:点击显示。-->完整的HTML代码:<!doctype html><html.原创 2021-01-09 09:48:33 · 3542 阅读 · 0 评论 -
1、输出语句alert、document.write、console
目前的前端的学习成本越来越高了,新技术层出不穷,最近为了更好的学习vue,准备学习js,对于js算是稍微了解一点,简单的js可以修改使用,但是遇到复杂的就傻眼了,看不懂改不了。对于使用vue来说更是一头雾水,所以计划拿出一些时间来学习一下,提高自己的技术,以及为后续的工作变道准备。原创 2021-01-08 11:53:41 · 1125 阅读 · 0 评论