2022年2月24日
移动端触摸事件
摘要： 1.1手指触摸事件 <script> 2 var div = document.querySelector('div'); 3 //手指触屏事件 4 div.addEventListener('touchstart',function (){ 5 console.log('我摸了你'); 6 }) 阅读全文
posted @ 2022-02-24 18:06 椿c 阅读(25) 评论(0) 推荐(0)
css overflow属性的用途
摘要： 就是规定当元素内部的内容超出元素自身的尺寸范围时应该如何来处理 比如说可以把超出的部分隐藏（hidden），或者自动添加滚动条（auto），或者什么也不处理（默认值） 阅读全文
posted @ 2022-02-24 00:29 椿c 阅读(63) 评论(0) 推荐(0)
offsetLeft,clientX ,offsetX ,window.pageYOffset定义和区别
摘要： offsetLeft,clientX ,offsetX 定义和区别 被卷去的距离 scrollHeight： 对象的滚动高度（滚动条的高度，可滚动的高度） scrollWidth： 对象的滚动宽度（同上） scrollLeft： 对象左边界和窗口中目前可见内容的左端之间的距离（滚动条已滚动的距离） 阅读全文
posted @ 2022-02-24 00:27 椿c 阅读(193) 评论(0) 推荐(0)
2022年2月23日
css中定位position的四种属性
摘要： position: relative | absolute | static | fixed • static： 自动定位，自动定位就是元素在页 面普通文档流中由HTML自动定位，普通文档里中的元素也称为流动元素。不能通过z-index进行层次分级。 • relative： 相对定位，相对定位不脱离 阅读全文
posted @ 2022-02-23 15:53 椿c 阅读(126) 评论(0) 推荐(0)
2022年2月22日
对字符串的简易操作
摘要： //查找字符串中a出现的位置以及次数 1 var str = "abcdabcdabcdabcd"; 2 var index = str.indexOf('a');//查找第一个a的索引值 3 var num = 0; 4 while (index !== -1){ 5 console.log(in 阅读全文
posted @ 2022-02-22 19:03 椿c 阅读(63) 评论(0) 推荐(0)
初学数组的案例
摘要： //翻转数组案例 instanceof 检查是不是输入是参数arr是不是一个数组也就是检测某个对象是不是另一个对象的实例。 1 function fan_arr(arr){ 2 var newarr=[]; 3 if (arr instanceof Array){ 4 for(i = arr.len 阅读全文
posted @ 2022-02-22 18:38 椿c 阅读(34) 评论(0) 推荐(0)
初学对象的构造函数以及内置对象
摘要： 构造函数 因为每次创建一个对象，里面很多方法的属性是大量相同的，我们只能复制。 所以可以利用函数的方法，重复这些相同的代码，把这个函数称为构造函数 但是这个函数不一样，里面封装的不是普通代码，而是 对象 构造函数，就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面 构造函数名首字母要大写 阅读全文
posted @ 2022-02-22 16:35 椿c 阅读(93) 评论(0) 推荐(0)
初学函数的练手案例
摘要： //简易函数：求累加和 1 var num = 0; 2 function getnum(num1,num2) { 3 for (var num1 = num1;num1 <= num2;num1++){ 4 num = num + num1; 5 } 6 console.log(num); 7 } 阅读全文
posted @ 2022-02-22 16:28 椿c 阅读(40) 评论(0) 推荐(0)
初学数组和循环结合的小案例
摘要： //求数组的元素和 1 var arr = [2,6,1,7,4]; 2 3 var num = 0; 4 for(var i = 0;i < arr.length;i++){ 5 console.log(arr[i]); 6 var num = num + Number(arr[i]); 7 } 阅读全文
posted @ 2022-02-22 16:22 椿c 阅读(53) 评论(0) 推荐(0)
初学javascript循环适合练手的小案例~
摘要： //判断闰年 1 var year = prompt('请输入您要判断年份：'); 2 if(year % 4 == 0 && year % 100 != 0 || year % 400 == 0) 3 { 4 alert('您输入的是闰年！');} 5 else 6 { 7 alert('您输入的 阅读全文
posted @ 2022-02-22 16:14 椿c 阅读(125) 评论(0) 推荐(0)