lanshanxiao - 博客园

2020年4月22日

摘要： JavaScript获取一个从最小值到最大值的随机数： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2020-04-22 11:27 lanshanxiao 阅读(642) 评论(0) 推荐(0) 编辑

7.JavaScript数组乱序排序

摘要： 1.对数组打乱顺序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文

posted @ 2020-04-22 11:22 lanshanxiao 阅读(338) 评论(0) 推荐(0) 编辑

2020年4月21日

6.JavaScript中的new.target

摘要： new.target 该表达式在函数中使用，返回的是当前的构造函数。若该函数不是通过new调用的，则返回undefined 通常用于判断某个函数是否是通过new在调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me 阅读全文

posted @ 2020-04-21 19:46 lanshanxiao 阅读(351) 评论(0) 推荐(0) 编辑

2020年4月20日

5.JavaScript自定义数组排序

摘要：写一个自定义的数组排序，可以自己制定数组的排序规则： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s 阅读全文

posted @ 2020-04-20 18:55 lanshanxiao 阅读(442) 评论(0) 推荐(0) 编辑

4.JavaScript中的in关键字和for-in循环

摘要： 1.in关键字属性名 in 对象，用来判断某个属性在对象中是否存在与其严格相等的属性名，返回boolean值属性名必须是字符串或数字 var obj = { a : 1, b : 2 } console.log('a' in obj);//返回true，obj对象中存在a属性名 var arr 阅读全文

posted @ 2020-04-20 13:25 lanshanxiao 阅读(626) 评论(2) 推荐(0) 编辑

2020年4月19日

3.JavaScript求余和求模的区别

摘要： 1.求摸：摸等于 y - n * x ，n是y/x后的商（要向下取整）：算出摸的值符号与x相同 7 / 3 的摸， n = 7/3 为2.3333，向下取整为2，所以n等于2 所以7/3的摸是 7 - 2 * 3 = 1 7 / (-3)的摸，n = 7 / (-3)为 -2.3333，向下取整阅读全文

posted @ 2020-04-19 23:04 lanshanxiao 阅读(613) 评论(0) 推荐(0) 编辑

2020年4月17日

13.制作一个直角三角形

摘要：使用div元素制作一个三角形： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2020-04-17 14:25 lanshanxiao 阅读(669) 评论(0) 推荐(0) 编辑

12.居中总结

摘要：居中：盒子在其包含块中居中 1.行盒（行块盒）水平居中：直接设置行盒（行块盒）父元素的text-align属性：center 2.常规流块盒水平居中：定宽，设置左右margin为auto; div{ width:100px; margin:0 auto; } 3.绝对定位的水平居中：定宽，设置阅读全文

posted @ 2020-04-17 11:23 lanshanxiao 阅读(211) 评论(0) 推荐(0) 编辑

11.行盒垂直对齐和图片的底部白边问题

摘要： 1.行盒内容垂直方向对齐：在行盒元素上使用vertical-align：bottom/middle/top 或者像素值 2.图片的底部白边问题：图片的父元素是一个块盒，块盒高度自动，图片底部和父元素底部之间往往会出现空白如下图所示：解决方法： 1.设置父元素的字体大小为0，font-size 阅读全文

posted @ 2020-04-17 09:35 lanshanxiao 阅读(280) 评论(0) 推荐(0) 编辑

2020年4月12日

10.布局:两栏和主区域在后的三栏布局，实现侧边栏和主区域伪等高、实现主区域在前的三栏布局

摘要：主区域自适应可视窗口的两栏布局： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2020-04-12 23:03 lanshanxiao 阅读(233) 评论(0) 推荐(0) 编辑

公告