- 博客(56)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 [js] 判断质数
3 7 13是质数 var m = Number(window.prompt('请输入')) var flag = true; for(var j=2;j<m/2;j++){ if(m%j===0){ console.log(`${m}不是质数`) flag = false; break; } }
2021-08-31 11:53:57
68
原创 [js] 百鸡百钱
2, 百鸡百钱有一百钱 要买一百鸡公鸡 5钱一只母鸡 3钱一只仔鸡 三只1钱100钱 必须都花完 鸡总数必须是100只三种鸡 都必须要有// 公鸡最多20只 for (var i = 1; i < 20; i++) { // 母鸡最多33只 for (var j = 1; j < 33; j++) { var k = 100 - i - j; if ((
2021-08-31 11:48:50
63
原创 [js] 水仙花数
水仙花数100 - 999 的三位数值如果 每一位上 数值的 立方和 等于这个数值本身就 称为 水仙花数153 1的立方 + 5的立方 + 3的立方 === 153 本身数值数值数值 (1) 获取 每一个数值 (2) 判断 立方和// 通过循环生成 100 - 999 所有的三位数 for( var i = 100 ; i <= 999 ; i++ ){ // 获取每一位上的数
2021-08-31 11:47:10
73
原创 [js] 最小公倍数
求最小公倍从输入框 输入两个数据 求这两个数据的最大公约数 区分 两个数值的 大 小 大 可以 整除 小 大的数值 就是 最小公倍数 大 不能 整除 小 大的数值 每次 累加1 第一个可以同时 整除 大和小的数值就是 最小公倍数var m = window.prompt('请输入数据：') v
2021-08-31 11:24:04
360
原创 [js] 最大公约数
求最大公约数从输入框 输入两个数据 求这两个数据的最大公约数 区分 两个数值的 大 小 大 可以 整除 小 小的数值 就是 最大公约数 大 不能 整除 小 小的数值 每次 累减1 第一个 可以同时 被大数 和 小数整除的数值 就是 最大公约束 var m = window.prompt('请输
2021-08-31 11:22:42
298
原创 [笔记] html5基础
html5基础新增的语义化标签主体导航主体中的主要内容侧边栏或，某一个小的独立区域文章区域独立的文档流区域独立的文档流区域的标题音频视频videocontrols控件loop循环播放autoplay自动播放autoplay与muted一起使用muted静音poster转圈加载智能表单input颜色拾取器：滑块value.
2021-08-23 19:30:15
74
原创 [css3] nth-child(n)使用注意
:nth-child(n) ---->选中某个元素，该元素必须是某个父元素下的第n个子元素；p:nth-child(n) ---->选中p元素，且该p元素必须是某个父元素下的第n个子元素
2021-08-20 21:58:56
81
原创 [css3] 小案例---旋转相册
技术：animation: donghua 10s linear infinite;transform: rotateY(36deg) translateZ(500px) ;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me
2021-08-18 19:19:15
78
原创 [css3] 小案例---旋转立方体
技术：animation: donghua 8s linear infinite;transform: rotateX(30deg);transform: rotateY(30deg) ;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-08-18 19:16:03
93
原创 [css3] 小案例---旋转立方体
技术：animation: donghua 5s linear infinite;transform: translateX(-100px) rotateY(-90deg);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met
2021-08-18 19:09:28
73
原创 [css3] 动画小案例-小羊
效果：会跳素材：长1260，宽300方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=
2021-08-18 11:07:26
190
原创 [css3] 小案例---动画版轮播图（屏幕宽度）
方法一animation: donghau 5s steps(5) infinite;margin-left: -500%;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
2021-08-18 10:30:17
189
原创 [css3] 小案例---动画版轮播图（有固定视口）
方法一：animation: donghau 5s linear infinite;margin-left: -1600px;一点点挪<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor...
2021-08-18 10:27:50
108
原创 [css3] 动画案例---会呼吸的圆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-08-17 17:14:15
2103
原创 [css3] 小案例---旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-17 12:06:41
120
原创 [css3] 小案例-扇子
使用到的知识点:过渡，旋转，透明，调整旋转中心，定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-08-17 11:16:26
111
原创 [css3] 过渡---小案例 一级菜单缓慢变换图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-16 16:35:50
60
原创 [css3] 过渡---二级菜单案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-16 16:32:24
217
原创 [移动端] 小案例---flex 不等高-瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/flexble.js"></script> <link rel="stylesheet" href="font/iconfont.css"> <link rel="stylesheet" href="css/02.css">
2021-08-16 11:26:14
1284
原创 [移动端] 小案例---分类某一项页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/flexble.js"></script> <link rel="stylesheet" href="font/iconfont.css"> <link rel="stylesheet" href="css/01.css">
2021-08-16 11:24:34
139
原创 [移动端] 小案例---横向滚动-女装首页页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal
2021-08-16 11:22:34
106
原创 [移动端] 小案例---左右滚动 分类页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scal
2021-08-16 11:19:57
312
原创 [响应式布局] 小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-16 11:15:41
86
原创 [css3] 多列布局案例
使用 多列划分 属性： column-count: 5;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
2021-08-12 22:10:43
180
原创 [css3] Flex布局 —— 实例篇(骰子示例)
1.1 单项目1首先，只有左上角1个点的情况。Flex布局默认就是首行左对齐，所以一行代码就够了。.box { display: flex;}2设置项目的对齐方式，就能实现居中对齐和右对齐。justify-content,调整子元素在主轴上的对齐方式.box { display: flex; justify-content: center;}3.box { display: flex; justify-content: flex-end;}4设置交
2021-08-12 21:42:54
308
原创 [css] 半圆
制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和右上角的圆角半径定义为元素的高度一致，而右下角和左下角的圆角半径定义为0.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>半圆角</title> <style type="text/css"> div {
2021-08-11 22:01:54
113
原创 [css3] 多背景属性background
background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
2021-08-11 16:34:58
189
原创 [css] box-shadow练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-11 15:20:39
133
原创 [css] 修改input样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-11 11:30:11
1417
原创 [css] 二级菜单---仿照京东
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D..
2021-08-10 17:04:21
155
原创 [css] 二级菜单布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-10 16:43:16
324
原创 [css] 经典的两栏三栏布局
需用到宽度自适应，窗口自适应上下布局 下(左右)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1..
2021-08-09 15:05:34
68
原创 [css] 剩余高度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-09 12:12:07
241
原创 [css] 高度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-09 12:10:46
62
空空如也
sqlServer2008求助。。
2017-01-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人