04 2020 档案

摘要:除了系统自带的sort()数组排序方法,我们还可以自己编写函数进行数组排序; 比如下题: var arr=[3,4,5,6,7] 首先我们可以选择冒泡法进行如下比较(以下数字代表索引) // 0-1,1-2,2-3,3-4 // 0-1,1-2,2... 阅读全文
posted @ 2020-04-29 20:49 Cupid05 阅读(114) 评论(0) 推荐(0)
摘要:除了系统自带的sort()数组排序方法,我们还可以自己编写函数进行数组排序; 比如下题: var arr=[3,4,5,6,7] 阅读全文
posted @ 2020-04-29 20:49 Cupid05 阅读(165) 评论(0) 推荐(0)
摘要:###利用递归求斐波那契数列 function fn(n){ if(n 1 || n 2){ return 1; }else{ return fn(n-1) + fn(n-2); } } console.log(fn(10)); 兔子繁殖问题,设有一对新生兔子,从第四个月开始他们每个月月初都生一对兔 阅读全文
posted @ 2020-04-28 20:23 Cupid05 阅读(544) 评论(0) 推荐(0)
摘要:利用递归求斐波那契数列 function fn(n){ if(n === 1 || n === 2){ return 1; }else{ return... 阅读全文
posted @ 2020-04-28 20:23 Cupid05 阅读(47) 评论(0) 推荐(0)
摘要:js递归法求阶乘 阅读全文
posted @ 2020-04-28 20:21 Cupid05 阅读(42) 评论(0) 推荐(0)
摘要:js递归法求阶乘 阅读全文
posted @ 2020-04-28 20:21 Cupid05 阅读(687) 评论(0) 推荐(0)
摘要:运动js递归的方法计算两个数字的最大公约数 阅读全文
posted @ 2020-04-28 18:54 Cupid05 阅读(551) 评论(0) 推荐(1)
摘要:运动js递归的方法计算两个数字的最大公约数 var txt1=document.getElementById("txt1"); var txt2=document.getElementById("txt2"); v... 阅读全文
posted @ 2020-04-28 18:54 Cupid05 阅读(68) 评论(0) 推荐(0)
摘要:js编写一个函数,输入n为偶数时,调用函数求1/2+1/4+...+1/n,当输入n为奇数时,调用函数求1/1+1/3+...+1/n 用递归实现 function js(n){ ... 阅读全文
posted @ 2020-04-28 17:57 Cupid05 阅读(206) 评论(0) 推荐(0)
摘要:js编写一个函数,输入n为偶数时,调用函数求1/2+1/4+...+1/n,当输入n为奇数时,调用函数求1/1+1/3+...+1/n 用递归实现 阅读全文
posted @ 2020-04-28 17:57 Cupid05 阅读(2213) 评论(0) 推荐(1)
摘要:在js中当var遇到赋值时函数 赋值时函数提升的是var,函数并没有提升 执行过程如下 阅读全文
posted @ 2020-04-28 12:18 Cupid05 阅读(514) 评论(0) 推荐(0)
摘要:在js中当var遇到赋值时函数 赋值时函数提升的是var,函数并没有提升 fn(); //fn is not a function // console.log(fn) //undefined var fn=funct... 阅读全文
posted @ 2020-04-28 12:18 Cupid05 阅读(38) 评论(0) 推荐(0)
摘要:js中var的变量和function的函数名重名时的执行结果 如果var的变量和function的函数名重名时,var的优先级更高,先执行var,按照var划分区域,但是遇到function,function会直接占用,也就是说最终执行function ... 阅读全文
posted @ 2020-04-28 12:04 Cupid05 阅读(83) 评论(0) 推荐(0)
摘要:js中var的变量和function的函数名重名时的执行结果 如果var的变量和function的函数名重名时,var的优先级更高,先执行var,按照var划分区域,但是遇到function,function会直接占用,也就是说最终执行function 执行过程如下: 阅读全文
posted @ 2020-04-28 12:04 Cupid05 阅读(623) 评论(0) 推荐(2)
摘要:js的变量提升 找到所有的var关键字,把var的执行,提升到作用域顶端,也就是var声明提前了,但是赋值还是在原地。例如: console.log(a); //undefined var a=10; console.log(a); //10 执行过程变成了如下: var a; console.lo 阅读全文
posted @ 2020-04-28 11:58 Cupid05 阅读(139) 评论(0) 推荐(0)
摘要:声明式函数是整体提升 fn(); function fn(){ console.log("hello"); }; fn(); 执行过程如下: function fn(){ console.log("hello");... 阅读全文
posted @ 2020-04-28 11:58 Cupid05 阅读(22) 评论(0) 推荐(0)
摘要:var的执行提升问题-console.log(a); var a=10; console.log(a); 的执行结果 找到所有的var关键字,把var的执行,提升到作用域刚开始的位置,也就是var声明提前了,但是赋值还是在原地。例如: console.... 阅读全文
posted @ 2020-04-28 11:55 Cupid05 阅读(40) 评论(0) 推荐(0)
摘要:var的执行提升问题 console.log(a); var a=10; console.log(a); 的执行结果 找到所有的var关键字,把var的执行,提升到作用域刚开始的位置,也就是var声明提前了,但是赋值还是在原地。例如: 执行过程变成了如下: 阅读全文
posted @ 2020-04-28 11:55 Cupid05 阅读(435) 评论(0) 推荐(0)
摘要:js变量的读写规则 读的规则: 向上级作用域查找,找到了,就使用,同时,停止查找;找到顶级作用域,都没有,报错 写(设置,赋值)的规则: 向上级作用域查找,找到了,就写入,同时,停止查找;找到顶级作用域,都没有,会默认在顶级作用域声明这个变量,然后使用 阅读全文
posted @ 2020-04-28 09:58 Cupid05 阅读(254) 评论(0) 推荐(0)
摘要:js变量的读写规则 读的规则: 向上级作用域查找,找到了,就使用,同时,停止查找;找到顶级作用域,都没有,报错 写(设置,赋值)的规则: 向上级作用域查找,找到了,就写入,同时,停止查找;找到顶级作用域,都没有,会默认在顶级作用域声明这个变量,然后使用 ... 阅读全文
posted @ 2020-04-28 09:58 Cupid05 阅读(29) 评论(0) 推荐(0)
摘要:js的作用域子函数可以拿父函数的值,父函数不可以拿子函数的值 function abc(a){ // console.log(a); //a=2 return function(b){ // cons... 阅读全文
posted @ 2020-04-28 09:53 Cupid05 阅读(23) 评论(0) 推荐(0)
摘要:js的作用域子函数可以拿父函数的值,父函数不可以拿子函数的值 阅读全文
posted @ 2020-04-28 09:53 Cupid05 阅读(112) 评论(0) 推荐(0)
摘要:编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数。 阅读全文
posted @ 2020-04-27 20:52 Cupid05 阅读(1027) 评论(0) 推荐(0)
摘要:编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数。 阅读全文
posted @ 2020-04-27 20:52 Cupid05 阅读(65) 评论(0) 推荐(0)
摘要:某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,返回密文 ... 阅读全文
posted @ 2020-04-27 20:03 Cupid05 阅读(45) 评论(0) 推荐(0)
摘要:某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,返回密文 也可以简写如下: 阅读全文
posted @ 2020-04-27 20:03 Cupid05 阅读(291) 评论(0) 推荐(0)
摘要:运用js做一个简易的计算器效果,实现加减乘除取余 阅读全文
posted @ 2020-04-27 10:32 Cupid05 阅读(453) 评论(0) 推荐(0)
摘要:运用js做一个简易的计算器效果,实现加减乘除取余 阅读全文
posted @ 2020-04-27 10:32 Cupid05 阅读(63) 评论(0) 推荐(0)
摘要:鼠标类: 单击:click 双击:dblclick 按下:mousedown 抬起:mouseup 移动:mousemove 进入:mouseover / mous... 阅读全文
posted @ 2020-04-27 09:44 Cupid05 阅读(45) 评论(0) 推荐(0)
摘要:鼠标类: 键盘类: 网页的特色事件浏览器类: 表单类: 阅读全文
posted @ 2020-04-27 09:44 Cupid05 阅读(124) 评论(0) 推荐(0)
摘要:按自己输入的行和列输出一个表格,表格内容填充为1~100之间的随机数 阅读全文
posted @ 2020-04-26 19:52 Cupid05 阅读(776) 评论(0) 推荐(0)
摘要:按自己输入的行和列输出一个表格,表格内容填充为1~100之间的随机数 阅读全文
posted @ 2020-04-26 19:52 Cupid05 阅读(101) 评论(0) 推荐(0)
摘要:冒泡排序法 1)先比较a和b的大小,把最大值赋值给a 2)再比较b和c的大小,把最大值赋值给b 3)再比较a和b的大小,把最大值赋值给a function size(a,b,c){ var num,a,b,c; ... 阅读全文
posted @ 2020-04-26 19:50 Cupid05 阅读(210) 评论(0) 推荐(0)
摘要:冒泡排序法 1)先比较a和b的大小,把最大值赋值给a 2)再比较b和c的大小,把最大值赋值给b 3)再比较a和b的大小,把最大值赋值给a 穷举法 阅读全文
posted @ 2020-04-26 19:50 Cupid05 阅读(2126) 评论(0) 推荐(0)
摘要:在函数内部有个神秘的空间(arguments),这个空间会将所有的实参全部保存,不论有没有被接收 ​ 长度(个数),表示接收到了几个实参 ​ ​ 索引(序号,编号),表示数组内部的数据位置,索引从0开始 ​ 阅读全文
posted @ 2020-04-26 19:47 Cupid05 阅读(674) 评论(0) 推荐(0)
摘要:在函数内部有个神秘的空间(arguments),这个空间会将所有的实参全部保存,不论有没有被接收 ​ - 长度(个数),表示接收到了几个实参 ​ - arguments.length ​ - 索引(序号,编号),表示数组内部的数据位置,索引从0开始 ... 阅读全文
posted @ 2020-04-26 19:47 Cupid05 阅读(33) 评论(0) 推荐(0)
摘要:举个简单的例子:篮球初始高度5米,往下落,弹起,每次弹起是原来的30%,问经过几次弹起,高度小于0.1 var h=5 var i=0; while(true){ h=h*0.3 if(h<0.1){ ... 阅读全文
posted @ 2020-04-26 10:59 Cupid05 阅读(58) 评论(0) 推荐(0)
摘要:举个简单的例子:篮球初始高度5米,往下落,弹起,每次弹起是原来的30%,问经过几次弹起,高度小于0.1 阅读全文
posted @ 2020-04-26 10:59 Cupid05 阅读(544) 评论(0) 推荐(0)
摘要:第一种方法:把三角形分成一个倒三角形和一个正三角形 第二种:把三角形分成一个倒三角形和两个正三角形 阅读全文
posted @ 2020-04-26 10:42 Cupid05 阅读(176) 评论(0) 推荐(0)
摘要:第一种方法:把三角形分成一个倒三角形和一个正三角形 var l=6; for(var i=1;i0;j--){ document.write("-"); } for... 阅读全文
posted @ 2020-04-26 10:42 Cupid05 阅读(40) 评论(0) 推荐(0)
摘要:注意:var cj=1放在第一个循环的里面,参考全局变量和局部变量 var sum=0; for(var i=1;i<21;i++){ var cj=1; for(var j=1;j<=i;j++){ ... 阅读全文
posted @ 2020-04-26 10:07 Cupid05 阅读(49) 评论(0) 推荐(0)
摘要:注意:var cj=1放在第一个循环的里面,参考全局变量和局部变量 阅读全文
posted @ 2020-04-26 10:07 Cupid05 阅读(440) 评论(0) 推荐(0)
摘要:水仙花数是指每个位上的立方等于他本身例如:153=1X1x1+5x5x5+3x3x3 阅读全文
posted @ 2020-04-26 10:00 Cupid05 阅读(1073) 评论(0) 推荐(0)
摘要:水仙花数是指每个位上的立方等于他本身例如:153=1X1x1+5x5x5+3x3x3 for(var i=100;i"); } 阅读全文
posted @ 2020-04-26 10:00 Cupid05 阅读(118) 评论(0) 推荐(0)
摘要:js九九乘法表 document.write("九九乘法表") for(var n=1;n") ; } 阅读全文
posted @ 2020-04-24 11:06 Cupid05 阅读(32) 评论(0) 推荐(0)
摘要:js九九乘法表 阅读全文
posted @ 2020-04-24 11:06 Cupid05 阅读(145) 评论(0) 推荐(0)
摘要:js输出每5个数据为一行 阅读全文
posted @ 2020-04-24 11:04 Cupid05 阅读(1615) 评论(0) 推荐(0)
摘要:js输出每5个数据为一行 var count=0; var i=20; while (i") } } i++ } ... 阅读全文
posted @ 2020-04-24 11:04 Cupid05 阅读(96) 评论(0) 推荐(0)
摘要:switch的穿透作用计算当前日期是这一年的第几天 var y =2020; var m = 04; var d =22; var sum = 0 switch(m){ case 12: sum += 30; ... 阅读全文
posted @ 2020-04-24 10:50 Cupid05 阅读(46) 评论(0) 推荐(0)
摘要:switch的穿透作用计算当前日期是这一年的第几天 阅读全文
posted @ 2020-04-24 10:50 Cupid05 阅读(302) 评论(0) 推荐(0)
摘要:数值转布尔:非0为true,0为false 字符转布尔:非空字符,为true,空字符,为false 对象转布尔:对象为true 数组转布尔:数组为true 函数转布尔:函数为true 特殊数据转布尔:undefined,NaN,null都为false 阅读全文
posted @ 2020-04-24 10:42 Cupid05 阅读(206) 评论(0) 推荐(0)
摘要:数值转布尔:非0为true,0为false字符转布尔:非空字符,为true,空字符,为false对象转布尔:对象为true数组转布尔:数组为true函数转布尔:函数为true特殊数据转布尔:undefined,NaN,null都为false ... 阅读全文
posted @ 2020-04-24 10:42 Cupid05 阅读(35) 评论(0) 推荐(0)
摘要:逻辑运算符 所有的隐式类型转换,仅仅发生在该数据被使用时,该数据还是原本的内容 || 或运算 基础规则 或的两边只要出现一个true就是true如果两边都是false,就是false 原理 如果左侧是true,那么就确... 阅读全文
posted @ 2020-04-24 10:39 Cupid05 阅读(21) 评论(0) 推荐(0)
摘要:逻辑运算符 所有的隐式类型转换,仅仅发生在该数据被使用时,该数据还是原本的内容 或运算 基础规则 或的两边只要出现一个true就是true 如果两边都是false,就是false 原理 如果左侧是true,那么就确定 或 的结果了,不再向右检测 如果左侧是false,不能确定结果,需要继续向右检测, 阅读全文
posted @ 2020-04-24 10:39 Cupid05 阅读(122) 评论(0) 推荐(0)
摘要:数据类型的转换方法 一 强制转换(显示转换,主动转换) (1)字符转数值 1)parseInt(要转换的数据或变量) 从左向右依次检测,遇到第一个非数字的字符,停止转换 忽略小数点后所有的内容,其实是将小数点识别成了非数字 如果第一位就是非数字,直接NaN NaN是什么?not a number 不 阅读全文
posted @ 2020-04-24 10:03 Cupid05 阅读(140) 评论(0) 推荐(0)
摘要:数据类型的转换方法 一 强制转换(显示转换,主动转换) (1)字符转数值 1)parseInt(要转换的数据或变量) 从左向右依次检测,遇到第一个非数字的字符,停止转换忽略小数点后所有的内容,其实是将小数点识别成了非数字如果第一位就是非数字,直接N... 阅读全文
posted @ 2020-04-24 10:03 Cupid05 阅读(41) 评论(0) 推荐(0)
摘要:js中的三大特殊数据:undefined,null,NaN NaN:非法的数值运算得到的结果 特殊之处: 是一个数值型的数据,但是不是一个数字NaN不等于任何值,和任何数据都不相等,NaN不等于NaN 检测方法:isNaN(要检测的数据... 阅读全文
posted @ 2020-04-24 09:54 Cupid05 阅读(35) 评论(0) 推荐(0)
摘要:js中的三大特殊数据:undefined,null,NaN :非法的数值运算得到的结果 特殊之处: 1. 是一个数值型的数据,但是不是一个数字 2. NaN不等于任何值,和任何数据都不相等,NaN不等于NaN 检测方法: true:检测结果为 NaN 或能转成 NaN false:检测结果不是 Na 阅读全文
posted @ 2020-04-24 09:54 Cupid05 阅读(303) 评论(0) 推荐(0)
摘要:1)用BDC实现分2栏:右栏自适应 2)弹性盒实现中间一栏自适应 3)用BFC实现分3栏,中间一栏自适应 4)用padding实现分三栏,中间一栏自适应 5)用margin实现分3栏,中间一栏自适应 阅读全文
posted @ 2020-04-17 21:08 Cupid05 阅读(494) 评论(0) 推荐(0)
摘要:1)用BDC实现分2栏:右栏自适应 111111111 2)弹性盒实现中间一栏自适应 3)用BFC实现分3栏,中间一栏自适应 ... 阅读全文
posted @ 2020-04-17 21:08 Cupid05 阅读(47) 评论(0) 推荐(0)
摘要:在我们正常的项目开发中,最小高度直接用min-height即可! 如果考虑兼容的话,iE6不兼容。 IE6默认把height解析成最小高度,如果height 和 min-height同是出现,IE6执行height固定高度! 那么我们如何进行设置: 第一种... 阅读全文
posted @ 2020-04-17 14:49 Cupid05 阅读(37) 评论(0) 推荐(0)
摘要:在我们正常的项目开发中,最小高度直接用min height即可! 如果考虑兼容的话,iE6不兼容。 IE6默认把height解析成最小高度,如果height 和 min height同是出现,IE6执行height固定高度! 那么我们如何进行设置: 第一种方法:min height:300px; _ 阅读全文
posted @ 2020-04-17 14:49 Cupid05 阅读(166) 评论(0) 推荐(0)
摘要:1)给滚动条的部分设置宽高为100%, overflow y: auto; 2)设置滚动条的部分:: webkit scrollbar{ width: 0; display:none; } 阅读全文
posted @ 2020-04-16 23:08 Cupid05 阅读(385) 评论(0) 推荐(0)
摘要:1)给滚动条的部分设置宽高为100%, overflow-y: auto; 2)设置滚动条的部分::-webkit-scrollbar{ width: 0; display:none; } 阅读全文
posted @ 2020-04-16 23:08 Cupid05 阅读(33) 评论(0) 推荐(0)
摘要:(一)背景属性 1)Background-origin 背景原点(背景的起始点yoush)Background-origin 背景原点(背景的起始点you)Background-origin 背景原点(背景的起始点yoush)Background-ori... 阅读全文
posted @ 2020-04-13 23:33 Cupid05 阅读(39) 评论(0) 推荐(0)
摘要:(一)背景属性 (二)图片边框 (三)CSS圆角 阅读全文
posted @ 2020-04-13 23:33 Cupid05 阅读(161) 评论(0) 推荐(0)
摘要:(一)语义化标签 + (二)多媒体标签 + 属性 + source (三)HTML5新增表单 + 新增type类型 + 新增表单属性 + 新增表单标签 + outpu:结果输出显示 + datalist 必须和list属性结合使用。做提示信息。 阅读全文
posted @ 2020-04-13 12:46 Cupid05 阅读(257) 评论(0) 推荐(0)
摘要:(一)语义化标签 . section元素 表示页面中的一个区块. article元素 表示一块与上下文无关的独立的内容. aside元素 在article之外的,与article内容相关的辅助信息 . header元素 表示页面中一个内容区块或整个页面... 阅读全文
posted @ 2020-04-13 12:46 Cupid05 阅读(58) 评论(0) 推荐(0)
摘要:css属性选择器: 通过html属性选择对应的标签 ​ 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ​ 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ​ 3 选择符[属性~="属性值"] 当前属性... 阅读全文
posted @ 2020-04-12 00:55 Cupid05 阅读(38) 评论(0) 推荐(0)
摘要:css属性选择器: 通过html属性选择对应的标签 ​ 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ​ 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ​ 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只 阅读全文
posted @ 2020-04-12 00:55 Cupid05 阅读(158) 评论(0) 推荐(0)
摘要:BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block level box(块)参与, 它规定了内部的Block level Box如何布局,并且与这个区域外部毫不相干。 一 BFC的布局规则 1.1 BFC触发条件 1. 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(277) 评论(0) 推荐(0)
摘要:BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 一... 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(62) 评论(0) 推荐(0)
摘要:宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点: 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 宽度自适... 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(39) 评论(0) 推荐(0)
摘要:宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(106) 评论(0) 推荐(0)
摘要:css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 | 属性值 | 描述 | | | | | static(静态定位) | 正常显 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(164) 评论(0) 推荐(0)
摘要:css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 属性值描述static(静态... 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(53) 评论(0) 推荐(0)