- 博客(41)
- 收藏
- 关注
RSS订阅转载 学习笔记（1):Vue全家桶基础+实战高仿美团外卖App-Vue组件
【为什么前端都要学习Vue】 这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲，作者是我国的尤雨溪大神。相对于其他前端框架，Vue 更容易上手！正因为它简单易学，很多前端开发工程师可以很快掌握并且应用到实际开发中。如果说你想用最短的时间来学习一个框架，快速上手项目，Vue是不二之选。 ...
2020-09-11 15:02:04
218
原创 javascript DOM节点类型
<!--DOM节点类型根据W3C的HTML DOM标准 ，html文档中的所有内容都是节点：1.整个文档都是一个文档节点————document节点：代表整个文档，也代表根节点。2.每个HTML元素是元素节点 ————Element:元素节点3.HTML元素内的文本是文本节点————Text：文本节点4.每个HTML属性是属性节点————Attr：属性节点5.注释是注释节点——————Comment:注释节点-->...
2020-06-27 14:46:30
233
原创 写一个函数：传入年月日时分秒，如果没有传入的情况下，默认使用系统的时间
/*练习：写一个函数：传入年月日时分秒，如果没有传入的情况下，默认使用系统的时间* 要以* XXXX年XX月XX日 HH时MM分SS秒 document.write("2020年11月9日9时50分26秒")* test(2020.11,9,9,50,26)* 返回给调用者** */function test() { let d=new Date();//创建一个日期对象 console.log(arguments);//传入的参数 if(arguments.leng.
2020-06-18 16:25:14
440
原创 javascript 获取系统时间或自定义时间
<script> /*Array Math String Date*/ //系统当前时间 let d=new Date(); console.log("创建的日期对象："+d); console.log("获取年份："+d.getFullYear()); console.log("获取月份："+(d.getMonth()+1));//月份从0开始 所以要+1 console.log("获取日："+d.getDate());//获取日 .
2020-06-18 15:56:12
195
原创 javascript字符串常用的使用方法有哪些？
<script> /*创建字符串的方法及区别*/ // let str="hello";//字面量方法 基本类型值 // let str1=new String("hello");//String 对象 // console.log(str1==str);// true // console.log(str1===str);// false // console.log(str);//string // console.log(str1).
2020-06-18 14:47:46
139
原创 写一个函数，参数为一个字符串，返回这个字符串的反向字符串
<script> /*写一个函数，参数为一个字符串，返回这个字符串的反向字符串。("abcde""edcba")*/ var str="abcde"; function test(str) { let newStr=""; for (let i=str.length-1;i>=0;i--){ newStr=newStr+str[i] console.log(newStr); .
2020-06-16 00:14:24
1953
原创 javascript es6扩展运算符
<script> /*扩展运算符...:可以将一个数组转为用逗号分隔的参数序列 * 解构赋值可以和扩展运算符一起使用 * */ // let [head,...tail]=[1,2,3,4,5,6]; // console.log(head);//[1] // console.log(tail);//[2 3 4 5 6] // // let myArr=[1,2,3]; // console.log(...myArr);.
2020-06-15 17:29:41
116
原创 javascript 对象的解构赋值
<script> /*字面量方式创建对象：{} * 在花括号的内部，对象的属性以属性名称：值的形式定义 * 属性有逗号分隔 * */ // let cat={ // catName:"ketty", // sex:"man", // age:5 // }; // console.log(cat); // console.log(cat.catName);//获取对象属性 /.
2020-06-15 16:31:13
226
原创 javascript变量的解构赋值
<script> // 第一种写法 // let a=1; // let b=2; // let c=3; // 第二种写法 // let a=1,b=2,c=3; //es6:可以对数组解构赋值 // let [a,b,c]=[1,2,3];//可以从数组中提取，对变量赋值 // console.log(a); // console.log(b); // console.log(c); //只.
2020-06-15 15:47:16
86
原创 javascript 箭头函数书写方式及使用方法
<script> // var a=10; // function test(number) { // console.log("赋值前："+number); // number=20; // console.log("赋值后："+number); // } // test(a); // console.log(a); // var a=[10,20]; // function test(.
2020-06-15 14:49:17
555
原创 javascript 函数的局部变量和函数的全局变量
<script> // //关于形参 // function sumR() { // console.log(arguments); // console.log(arguments.length); // let sum=0; // for (let i=0;i<arguments.length;i++){ // sum=sum+arguments[i]; // //.
2020-06-15 01:33:04
189
原创 javascript函数的使用
<script>/*函数：代码重用function 关键词 函数名(【可选】形参........){函数体---要执行的内容return 返回值//只能有1个return,return之后的内容不会被执行,函数执行到return就结束}* *///用函数画矩形 // function juxing(hang,lie) { //行参 在函数内部可以当做变量使用 // for (let i=0;i<hang;i++){ //画行 // .
2020-06-15 00:56:42
97
原创 猜数字游戏，有一个0-100随机数，玩家有5次输入的机会猜。
/*猜数字游戏，有一个0-100随机数，玩家有5次输入的机会猜。* 每次猜一次，都要讲结果告诉玩家是小了还是大了，如果在5次机会内猜中，* 输出“聪明”，程序结束，如果5次机会用完，程序直接结束* */let myNumber=parseInt(Math.random()*101);//0-100的随机数alert(myNumber);for (let i=1;i<=5;i++){ let guess=parseInt(prompt("猜猜随机数")); if (gue.
2020-06-14 23:20:08
6117
原创 有一个4个长度的数组，每个位置装有0-9之间的随机数，有10次输入的机会来猜每个位置的上的 数是什么，每次猜完4个数字以后都要给出提示，正确几个，错误几个，只有位置和数字完全正确才算
/*有一个4个长度的数组，每个位置装有0-9之间的随机数，有10次输入的机会来猜每个位置的上的数是什么，每次猜完4个数字以后都要给出提示，正确几个，错误几个，只有位置和数字完全正确才算正确，其他情况全是为错误* *///第一步：有一个4个长度的数组，每个位置装有0-9之间的随机数let ansArray=Array(4);//长度为4的数组for(let i=0;i<ansArray.length;i++){ ansArray[i]=parseInt(Math.random(.
2020-06-14 23:03:54
746
原创 Math对象用于执行数学任务
<script> /*Math对象用于执行数学任务 * 1.随机数：Math.random():默认执行0-1之间的随机数 * */ // let random=parseInt(Math.random()*11);//0-10之间的随机数 // document.write(random); /*40-60*/ //公式：(Math.random()*(大-小)+小) let a=parseInt(Math.random().
2020-06-14 01:31:04
164
原创 javascript 运用数组的几种方式合并，抽取，排序，串联，复制
<script> //数组合并 concat() 会返回一个合并了的新数组 var arr6=[1,2,3]; var arr7=[4,5,6];//两个数组合并之后需要返回一个新数组，所以必须要创建一个新的数组 var arr8=[7,8,9]; var newArr=arr6.concat(arr7).concat(arr8);//arr6与arr7数组合并 console.log(newArr);//1 2 3 4 5 6 7 8 9 .
2020-06-14 01:00:15
188
原创 javascript ES6数组新增方法
<script> //======================Array.of=========== //1.Array.of 用于将一组值转为数组 let myArr=Array.of(11,2,8); console.log(myArr)//现在myArr已经是一个数组了 lenght是3 下标0=11 1=2 2=8 //Array和Array.of的区别 console.log(Array());//创建一个空数组 conso.
2020-06-13 01:54:10
168
原创 javascript数组的创建方式
<script> /*创建数组的时候定义数组的长度 在括号里面直接输入一个数字，代表定义数组的长度 当在括号里面输入多个数字 代表创建数组的时候初始化数组 * */ var arr3=Array(10,20,"hello",null,true);//只要数组里面的内容是基本数据类型都可以往里面装 这里的lenght是5 console.log(arr3.length);//lenght 5 console.log(arr3[1]);/.
2020-06-13 01:27:38
108
原创 javascript 数组的创建方式
/*一个变量，存储多个同类型的信息数组----连续的存储空间1.创建数组--JS原生对象new 关键词* */ // let arr= new Array();//创建一个数组 let arr= Array();// 创建数组可以省略new console.log(arr.length)//0 数组的默认长度是0 // 添加内容通过下标添加内容 arr[0]=100; arr[1]=200; arr[2]=300; //lenght 数.
2020-06-13 01:14:27
194
原创 javascript使用*符号画矩形
for (let j=1;j<=5;j++){//这里写的是行 for (let a=4;a>=j;a--){//画空格 a=0 document.write(" "); } for (let i=1;i<30;i++){ document.write("*") } document.write("<br>");} ***************************..
2020-06-12 18:48:40
302
原创 有一对兵，他想知道有多少人，便让士兵排队报数：按从1至五报数，最末一个士兵报的数为1
有一对兵，他想知道有多少人，便让士兵排队报数：按从1至五报数，最末一个士兵报的数为1；按从1至6报数，最末一个士兵报的数为5;按从1至7报数，最末一个士兵报的数为4；最后再按从1至11报数，最末一个士兵报的数为10.编程求韩信至少有多少兵for(var number=1;true;number++){//true条件 表示韩信有N个兵 从第一个兵计算 if (number%5==1&&number%6==5&&number%7==4&&..
2020-06-12 15:27:22
3011
原创 小球从100米掉落，弹起到50米，然后在掉落，弹到25米， 弹10次以后，小球经过的路径是对少米（截止第10次弹地）
let m=100//路径的总和 初始化100 let m1=m/2;//每次弹起后的距离 for (i=1;i<=10;i++){ m=m+m1*2; m1=m1/2; }console.log(m);
2020-06-12 15:05:47
1005
原创 javascript输入三位一个数，判断是不是水仙花数
var a=parseInt(prompt("请输入一个三位数"));if (a>=100&&a<=999){ let bw=parseInt(a%100);//这里是拿到百位数 三位数除以100 然后取整就是百位数 let sw=parseInt(a%100/10);//这里拿到百位数的十位数 三位数磨100 取余就是几十的数 然后在除十 等于几点几 然后在取整 就拿到十位数 let gw=a%10;//这里是拿到个位数 百位数除以十 取余就是个位数.
2020-06-12 13:46:32
1072
1
原创 javascript 在ul中循环添加li标签
var a="";for(var i=0;i<10;i++){ a+="<li>菜单1</li>"}document.write("<ul>"+a+"</ul>")首先声明一个变量 空字符串循环变量Li标签，需要几个li就循环几个 这里记得用+= 不然会覆盖a标签，否则只能输出最后一个a最后页面输出时，因为我们只循环了li标签 所以在页面输出时 只需添加ul标签在把循环变量a放入ul标签即可！...
2020-06-12 01:59:24
4982
原创 javascript三种循环方式及写法
<script> /*三大结构： * 顺序结构：从上往下依次执行 * 选择结构-单分支 if/双分支if else/多分支 if else if else/if嵌套 * 循环结构 1.选循环后验证 2.先验证后循环for * */ //1.先验证后循环 //while （条件）{循环体-要执行的循环语句} // let count=1; // while (count<=3){ // console..
2020-06-12 00:57:02
785
原创 请输入一个数字作为秒数，在页面按时间，分钟，秒的格式输出（如输入600，页面显示：0时10分0秒
let time=window.parseInt(prompt("请输入一个正数数字"));let h=parseInt(time/3600);//小时let m=parseInt(time%3600/60);//拿到分钟数let s=parseInt(time%3600%60);//拿到秒数document.write(h+"小时"+m+"分钟"+s+"秒")
2020-06-11 01:33:26
2521
原创 根据三角形的三条边长（长、中、短三条边），来判断三角形类型。注意： 1.一个三角形的边长应该都为正数 2.一个三角形的边长都应该满足三角形条件：两边之和大于第三边 如果有两边的
/*根据三角形的三条边长（长、中、短三条边），来判断三角形类型。注意：1.一个三角形的边长应该都为正数2.一个三角形的边长都应该满足三角形条件：两边之和大于第三边如果有两边的平方和比第三边的平方小，他就是钝角三角形比如：a*a+b*b<c*c如果两边的平方和等于第三边的平方，他就是直角三角形比如：a*a+b*b==c*c如果任意两边的平方和都大于第三边的平方，他就是锐角三角形* */let a=parseInt(prompt("请输入三角形的第一条边"));let b=parse.
2020-06-11 00:45:35
3318
原创 判定2000-2500年中是闰年的年，输出闰年的条件是： （1）.能被4整除，但同时不能被100整除的年份都是闰年 （2）.能被400整除的年份是闰年 其他情况都不是闰年
判定2000-2500年中是闰年的年，输出闰年的条件是：（1）.能被4整除，但同时不能被100整除的年份都是闰年（2）.能被400整除的年份是闰年其他情况都不是闰年let leap=parseInt(prompt("请输入一个2000-2500之间的年份"));if (leap%4==0&&leap%100!=0||leap%400==0){ console.log("你输入的年份："+leap+"是闰年")}else { console.log("你输入的.
2020-06-11 00:18:57
1347
原创 某运输公司，官网上可以让用户根据所托运的货物重量和运输距离来自助计算送货费，每公里每吨货物 的基本运费为10元，货物重量为weight，距离为space，折扣为discount，距离越远运费越
某运输公司，官网上可以让用户根据所托运的货物重量和运输距离来自助计算送货费，每公里每吨货物的基本运费为10元，货物重量为weight，距离为space，折扣为discount，距离越远运费越低。总运费freight的计算公式为：f=10*weight*space*(1-discount)space<250km 无折扣250<=space<500 2%折扣500<=space<1000 5%折扣1000<=space<2000 .
2020-06-11 00:04:54
618
原创 用户输入整数：如果输入的是1~6的整数，则程序输出：your number is in 1-6.c=(用户输入的数)如果输入的是其他数字，输出：Your number is too large.
var c=parseInt(prompt("请输入一个整数"));if (c>=1&&c<=6){ c="you number is in 1~6."+c;} else{ c="you number is too large."+c;}console.log(c);
2020-06-10 23:39:22
405
原创 同javascript写：输入a b c三个 个位数（0-9）之间，组成一个最大的三位数
let a=parseInt(prompt("请输入一个0-9之间的整数"));let b=parseInt(prompt("请输入一个0-9之间的整数"));let c=parseInt(prompt("请输入一个0-9之间的整数"));let large,mid,small;if(a>=0&&a<=9&&b>=0&&b<=9&&c>=0&&c<=9) { console..
2020-06-10 23:37:02
857
原创 javascript 单分支 双分支 多分支和switch case知识点讲解及案例
<script> /*单分支 * if(条件，表达式：返回布尔值true/false){ * 如果括号中的表达式成立true,就执行花括号中的所有语句 * 如果括号中的表达式不成立false,就直接跳过花括号，不执行花括号里面的内容 * } * */ // let a=-10; // if(a>1){ // console.log(a+",是大于1的数") // } // console.l.
2020-06-10 17:46:32
336
原创 javascript赋值运算符和三元运算符使用语法及案例
<script> /*赋值运算符 * =，+=，-=，*=，/= */ var a=1; let b=1; //b+=1;//可以理解这样的写法 b=b+1 // b+=5//b=b+5 b-=5//b=b-5 console.log(b); /*三元运算符 * 语法：表达式？值1（true）:值2（false）; * */ // let str; // let number1=6.
2020-06-10 16:47:17
700
原创 javascript逻辑运算符讲解
<script> /*逻辑运算符 * 比较表达式和表达式之间的关系，最终返回布尔值 true/false * * && 并且的意思 * \\ 或者的意思 * ！ 逻辑非（取反） * * */ let a=2,b=5,c=10,d=0; /* 并且条件：所有的表达式都需要返回true*/ console.log(a<b&&a>c);//false conso.
2020-06-10 16:05:38
161
原创 javascript关系比较运算符知识点讲解
/*关系比较运算符:使用关系比较运算符会得到布尔值 true、false* > < == >= <= != === !== */console.log(5<3); //falselet number1=10;//numberlet number2="10";//stringconsole.log(number1==number2);//true 两个等号只比较值 10=10 成立 所以返回trueconsole.log(number1===number2);/.
2020-06-10 15:47:10
97
原创 javascript算数运算符讲解及操作
/* +(加法)、-（减法）、/（除法）、*（乘法）、%（取余）、++（递增）、--（递减）*/let number1=10;number1=number1+3;console.log(number1)//13console.log(10%3);//取余：10/3余1 控制台输出结果是1console.log(number1++);//递增 结合上面的输出 这里的结果是13//++ --var c=1;//c++;//++c//console.log(c++);//1//co.
2020-06-10 14:30:08
201
原创 javascript数据转换及使用
<script> // const myStr="常量是不可重新赋值的" // var mystr="变量可以重新赋值" //数字==》字符串 let myNo=1; console.log(myNo);//1 console.log(typeof myNo)//number //myNo开始转字符串 myStr=String(myNo);//String这里已经把myNo转成字符串了 console.log(myStr.
2020-06-10 01:44:33
120
原创 javascript基本数据类型和引用数据类型有哪些
JS-------基本数据类型1.字符串（文字）string;只要有引号都表示是文字2.数字number:正数、负数、浮点（小数）3.未定义/未知类型 undefined 未定义4.空值 null 空对象5.布尔值boolean：true/false 是/否6.Symbol:Es6 表示独一无二的值JS----------引用数据类型：1.Object 对象2.Array 数组3.Function 函数JS中=是用来赋值的，并不是代表等于符号！！！=的左.
2020-06-10 00:38:09
1096
原创 javaScript变量语法、书写规范
JS变量就相当于一个容器语法：关键词 变量名; var product1; //定义了一个变量 变量名书写规范：只能是英文、数字、_下划线、$ 要做到见名知意，可以运用驼峰命名法，不能出现空格JS关键词/保留词不能用作于变量名称例如： open name close true false null......解决办法：加前缀或后缀 可以避免使用到关键词或保留词 例如：myOpen\myName这样子做...
2020-06-10 00:14:37
201
原创 javascript的引入方式
JS的引入方式1.内嵌：script标签2.外联script标签的src属性引入3.直接写在元素的事件属性上（所有以on开头命名的属性）4.伪URL方法，a标签的默认属性href上写入JS Title点我点我伪URL执行JS方法...
2020-06-09 23:50:17
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人