12 2021 档案

#前端学习笔记js#day5 乘法表 质数 构造函数
摘要：9*9乘法表 打印2-100之间所有的质数 质数练习的优化 break和continue 可以为循环语句创建一个label，来标识当前的循环 语法 label:循环语句，比如下面这个叫做hello 使用break语句时，我们可以在break后面跟一个label，这样break将会结束指定的循环，而不 阅读全文
posted @ 2021-12-23 11:19 tanyayangyang 阅读(48) 评论(0) 推荐(0)
#前端学习笔记js#day4 条件分支语句 for循环
摘要：条件分支语句switch 语法：switch(条件表达式){case 表达式: 语句... break;case 表达式: 语句... break;case 表达式: 语句... break; default: 语句... break;} 执行流程： switch..case..语句 在执行时，会依 阅读全文
posted @ 2021-12-13 21:33 tanyayangyang 阅读(71) 评论(0) 推荐(0)
#前端学习笔记js#day3 基础语法 prompt 条件判断语句
摘要：NaN不和任何值相等，包括他自身 可以通过isNaN()函数来判断值是否为NaN != 表示不相等 不相等也会对变量自动的类型转换，转换后相等也会返回false '1' != 1 返回false 全等，和相等类似，不同的是它不会做自动的类型转换 如果两个类型不同直接返回false !== 不全等，和 阅读全文
posted @ 2021-12-13 10:15 tanyayangyang 阅读(341) 评论(0) 推荐(0)
#前端学习笔记js#day2 基础语法
摘要：Number JS中所有数值都是Number类型 包括整数和浮点数 使用type of来检查数据类型 语法: typeof 变量 检查字符串时 返回string JS中表示的最大值 Boolean 布尔值 只有两个true false Null null类型的值只有一个null 专门用来表示一个为空 阅读全文
posted @ 2021-12-11 21:18 tanyayangyang 阅读(52) 评论(0) 推荐(0)
#前端学习笔记js#day1 基础语法
摘要：js要写在html文件中script的标签中 警告框 <script type="text/javascript"> alert('这是第一行'); </script> 页面中写东西，document.write('hi')，向body中输出一个内容 向控制台输出内容 console.log('wh 阅读全文
posted @ 2021-12-09 14:40 tanyayangyang 阅读(66) 评论(0) 推荐(0)
#前端学习笔记#day14 美图手机
摘要：rem 1rem = 1 html的字体大小，这边的1rem就等于100px，如果width=3rem.就是300px，html中的font-size和width是倍数关系，乘法关系 font-size设置为0.133333vw，但是网页中字体大小最小是12px，不可以设置比12像素还要小的字体，除 阅读全文
posted @ 2021-12-06 10:43 tanyayangyang 阅读(38) 评论(0) 推荐(0)
#前端学习笔记#day13_1 淘宝导航条 像素
摘要：淘宝导航条 需要横向排列的nav-inner设置flex flex默认是initial，我们设置为auto这样拉宽屏幕，里面的元素也会跟着拉宽 设置成15%也会随着放大而拉宽，值越小，图片中间的空隙就越大 图片设置宽度和父元素一样，这样就不会因为放大缩小而溢出 text-align: center; 阅读全文
posted @ 2021-12-03 09:02 tanyayangyang 阅读(66) 评论(0) 推荐(0)
#前端学习笔记#day13 弹性盒 弹性元素
摘要：弹性盒 是css中另外一种布局手段，它主要是用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小而改变 —弹性容器 要使用弹性盒，必须先将一个元素设置为弹性容器 我们通过display来设置弹性容器 display: flex; 设置为块级弹性容器 display: i 阅读全文
posted @ 2021-12-02 20:09 tanyayangyang 阅读(99) 评论(0) 推荐(0)
#前端学习笔记#day12 旋转 平移 变量
摘要：变形平移 变形就是指通过css来改变元素的形状和位置，变形不会影响页面的布局 transform: ; transform用来 设置元素的变形效果 平移： transform: translateX();沿着x轴方向平移 translateY();沿着Y轴方向平移 translateZ();沿着Z轴 阅读全文
posted @ 2021-12-01 21:59 tanyayangyang 阅读(116) 评论(0) 推荐(0)