07 2020 档案
摘要:看透网页布局的本质 网页布局过程 ** 先准备好相关的网页元素,网页元素基本都是盒子Box. ** 利用CSS设置好盒子样式,然后摆放到相应位置。 ** 在盒子里面装内容 网页布局的核心本质:就是利用css摆盒子。
阅读全文
摘要:background-attachment 属性设置背景图像是否固定或者随页面的其余部分滚动 background-attachment后期可以制作视差滚动的效果。 background-attachment: scroll | fixed
阅读全文
摘要:css的背景 background-position: x y; 参数的意思:X坐标和y坐标。可以使用方位名词或者精确单位 参数是方位名词 如果指定的两个值都是方位名词,则两个值前后顺序无关,比如left top 和 top left效果一致 如果只指定一个方位名词,另一个值省略,则第二个值默认居中
阅读全文
摘要:上传步骤: git add . git commit -m "提示消息" git push origin master 出错: ! [rejected] master → master (fetch first) error: failed to push some refs to ' 。。。' 出
阅读全文
摘要:em是相对单位,如果当前的字体样式 font-size是16px; 那么em就是16px;2em自然就是32px <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
阅读全文
摘要:首先下载代码有两种方式 1.一种通过git来克隆项目 2.直接下载下来文件 (我这边是直接下载的文件) 要想办法在自己电脑上将程序跑起来 列出来我们需要的东西 1.node下载 2.vue-cli脚手架工具
阅读全文
摘要:<body> <div class='wrapper'> <button class='like-btn'> <span class='like-text'>点赞</span> <span>👍</span> </button> </div> </body> <script> const butto
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图书购物车</ti
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue点击列表切换
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>垂直居中</tit
阅读全文
摘要:var arr = [ [1, 2, 3, 4, 5], [6, 7, 8, 9, 10], [11, 12, 13, 14, 15], [16, 17, 18, 19, 20], [21, 22, 23, 24, 25] ]; for(var i = 0; i< arr.length; i++)
阅读全文
摘要:/* 定义一个含有30个整形元素的数组,按顺序分别赋予从2开始的偶数 然后从顺序每五个数求出一个平均数,放到另一个数组中并求出 */ var arr = new Array(30); for (var i = 0; i<arr.length; i++) { arr[i] = i * 2 + 2; }
阅读全文
摘要:/* 输入年月日,输出当前年第多少天/多少周? */ var year = 2018; var month = 8; var date = 8; var sum = 0; // 记录总天数 switch(month) { case 12: sum += 30; case 11: sum += 31;
阅读全文
摘要:输入两个数,求两个数的最小公倍数(能够同时被两个数整除最小数) 思路: 1.先找出两个数中的最大值 2.最大数++,直到找出能被两个数整除的数(退出循环) 最小公倍数:最大两个数的积,最小两个数中的较大数 var num1 = 6; var num2 = 12; var max = num1 > n
阅读全文
摘要:// 输入两个数 求两个数的最大公约数(能够同时整除两个数的最大数) // 思路: 先找出两个数的最小的那个数 // 最大公约数,最小是1 最大只能是两个数中的最小数 var num1 = 8; var num2 = 6; var min = num1 < num2? num1:num2; for(
阅读全文
摘要:var num = 1; // 每一个的麦子数 var sum = 0; for (var i = 0; i<64; i++) { sum += num; num *= 2; } alert(sum);
阅读全文
摘要:var num = 7; var isYes = false; // 是质数 for (var i = 2; i<num; i++) { if (num % i == 0) { isYes = true; } } if (isYes) { alert(num + "是偶数"); } else { a
阅读全文
摘要:var water = 15; var count = 0; // 计数 while (water < 50) { count++; water += 5; } alert(count);
阅读全文
摘要:for(var i = 1; i<= 5; i++) { // 打印空格 for(var k = 1; k <= 5-i; k++) { document.write("  "); } for(var j = 1; j<= i; j++) { document.write("○")
阅读全文
摘要:for(var i = 1; i<= 9; i++) { for(var j = 1; j<= 9; j++) { document.write(j +"x"+ i + "=" + (i * j + "  ")); } document.write("<br/>"); }
阅读全文
摘要:for(var i = 1; i<= 5; i++) { for(var j = 1; j<= 5; j++) { document.write("○"); } document.write("<br/>"); }
阅读全文
摘要:var i = 1; var sum = 0; while(i <= 100) { // 判断分母是偶数还是奇数 偶数为- 正数为+ if(i % 2 == 0) { sum += -1/i; } else { sum += 1/i; } i++; } alert(sum)
阅读全文
摘要:var i = 1000; var count = 0; while(i <= 2000) { if (i % 2 == 0 && i % 100 !=0 || i % 400 == 0) { document.write(i, " "); count++; if(count % 4 ==
阅读全文
摘要:var month = 7; var year = new Date().getFullYear(); switch(month) { case 1: case 3: case 5: case 7: case 8: case 10: case 12: alert(`${year}年${month}月
阅读全文
摘要:var year = 2020; // 闰年公式:是4的倍数且不是100的倍数 或者是400的倍数 if (year % 2== 0 && year % 100 != 0 || year % 400 == 0) { alert(year + "是闰年"); } else { alert(year +
阅读全文
摘要:var arr = ["America","Greece", "Britain", "Canade", "China", "Egypt"]; var count = 0; for(var i in arr) { if (arr[i].indexOf("a") != -1 || arr[i].inde
阅读全文

浙公网安备 33010602011771号