小刘同学的第二十五篇博文

小刘- 小刘-     2022-10-10     164

关键词:

。。。昨天立的flag,第一天就没有坚持。。。

8点钟开始写的,写到9点半,差不多完工了,还是只写了一题,哎,这个效率啊……

最可怕的是自己打代码的时候还没有意识到,醉了 凸(艹皿艹 )

完成了作业二,只能说是完成了,感觉还有很多很多的细节问题,而且还可以再优化一下。

决定还是把代码贴出来吧,这样大家能更方便看一下。

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>homewrok2</title>
 6 </head>
 7 <body>
 8 <!-- 
 9 /**
10  * 
11  * @author: xiaoliu
12  * @type: NO.16-homework2
13  * @data: 2018-01-16
14  * @finished: 2018-01-17
15  *
16  */
17  -->
18 <div id="circle" style="height: 500px;width: 500px;background-color: red;border-radius: 100%;position: relative;left: 0;top: 0;"></div>
19 <script>
20     var cir = document.getElementById("circle");
21     //获取页面宽度
22     var wid = document.body.offsetWidth;
23     //获取页面高度
24     var het = document.documentElement.clientHeight;
25     // 还想到一个用字符串来判断的办法,可以把.后面连续的0过滤掉,然后取三、四位
26     setInterval(function () {
27         // 向下取整保证闭区间,余wid保证不超过最大值wid
28         var randWid = Math.floor(Math.random() * Math.pow(10, 4) % wid);
29         //宽:[0, wid - 500]
30         randWid = randWid > 500? randWid-500: randWid;
31         var randHet = Math.floor(Math.random() * Math.pow(10, 3) % het);
32         //高:[0, het - 500]
33         randHet = randHet > 500? randHet-500: randHet;
34         cir.style.top = randHet + "px";
35         cir.style.left = randWid + "px";
36     }, 500);
37 </script>
38 </body>
39 </html>

 

对了,我知道时间浪费在哪里了,找这个浏览器height上面,找了很久很久,刚开始试offsetHeight,发现不行,然后又试那个scrollHeight,一直试试试,就是发现不行,找到我都烦了。

其实后面用Chrome调试的时候才发现,body原来height真的是0……找了半天为什么body的height能是0px呢?找了很久很久,这里,明明有一个div的啊,怎么可能是0呢?至少是500px的啊?!,后面才想到是设了postion:absolute;整个元素浮起来了,难怪没有高度……

后面找行高API也是。。找到我快吐了还是没找到一个能正确获取浏览器窗口高度的API。

最后再百度时,突然发现一篇博客园的文章,找到了这个document.documentElement,clientHeight,能够获取行高(不过好像有点问题,具体什么问题后面再说)。

Math的API也是忘了不少,果然一段时间不用就一定会忘记的,像生成随机数和向下取整都忘记了。

重点是这个字符串拼接的 + "px" + "px" + "px" + "px" + "px" + "px" + "px" + "px" + "px"

下次绝对不想再漏了。。。

还是这样的代码看的清晰一些,博客自带的粘贴代码,不能语法高亮,就很不爽。

当终于能看到这个红色圆能随机移动起来的时候真是很爽的,哈哈哈,很开心。

其实还是有些问题在里面的。。。

明明写的范围是[0, rendHet - 500],按道理来说,应该不可能到这么下面啊,顶多是圆的最下面和浏览器最底端相切,就猜测应该是前面那个获取浏览器height出了问题

document.documentElement,clientHeight难道这个获取的不是行高??

刚刚调试了下好像也不对啊,bug留到明天吧,今天实在太晚了。睡了( ̄o ̄) . z Z

(¦3[▓▓] 晚安

小刘同学的第八十五篇博文

  今天下午才开始干活,真不应该纠结与webstrom的皮肤的。  为了装一个皮肤把一下午的时间都搭进去了,实在不应该。  不过总归是挑好了,而且还装上了最新版本,虽然今天没敲什么码,不过还是觉得,哎,终于解决... 查看详情

小刘同学的第九十五篇博文

今天没有好好复习。被突如其来的事情耽误了一天,其实主要还是自己的原因。所以大家还是要有及时调整好计划外事情的能力。今天想了想的确做错了一些事,本来可以不用耽误一天的时间。现在离考试越来越近,自己真是应... 查看详情

小刘同学的第一百一十五篇博文

    和昨天的fetch_friend一样,朋友圈文章的request请求也都大同小异了。    同样是set修改过后的数据返回给list。    然后是vuex的写法,看起来的确像是老师说的很简单呢,几行代码就搞定了。    朋友圈文章... 查看详情

小刘同学的第五十五篇博文

  昨天又双叒叕断更了。。。  希望明天不断更吧,留出足够多的时间来学习,毕竟已经是新的一年了,寒假也已经过去一大半了,自己知道自己现在是什么情况,加油吧,以后还是觉得能不断更就不断更,就算是上来随随... 查看详情

小刘同学的第二十七篇博文

。。。求期末不挂。。。今天完成了第四题,逻辑稍微有点纠缠,但还好问题不是很多<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>homework4</title></head><body><!--/****@author:x 查看详情

小刘同学的第二十篇博文

我有罪。。。昨天遗留的数据库的问题还没有解决,而且今天也没写js代码……这两天主要在看DOM的视频,其实DOM的用法大概懂一点,但是一直没有系统完整的去学。。。还是对着文档来写吧,就这样听老师讲了一遍其实印象并... 查看详情

小刘同学的第二十八篇博文

今天状态不是很好,不知道怎么的,坐在椅子都感觉很难受,难得晚上吃的麻辣香锅有毒?特别难受,一阵阵的恶心,强打起精神来,把16次课的最后一道逻辑题写完了,其实这个挺简单的,不过没思考,很简单的用了很多ifififi... 查看详情

小刘同学的第二十九篇博文

很遗憾今天没有干货分享出来,不过明天就考试了,衷心希望SQLServer数据库可以过啊!!!白天状态都不怎么好,也不知道是快考试了还是怎么,反正都不是很好。下午自己找了很多鸡汤读,还打印出来了,希望能对自己有点帮... 查看详情

小刘同学的第二十一篇博文

...蠢了,晚上自暴自弃去隔壁寝看了一波吃鸡,爽的一匹,小刘啊!你今天还叫别人坚持住,你自己呢???原则都跑哪里去了……今天必须要抽出时间来好好反思一下,为什么自己已经坚持自律一段时间了,还是控制不住自己,... 查看详情

小刘同学的第二十六篇博文

又是纠缠的一天。。。忙于找老师别让我挂了。。。。。觉得很麻烦啊,越到期末越是这样,特别是考试周,真的烦呐,烦(╬◣д◢),神烦晚上的代码写的很简单,可能又得水点字数才行了,而且,前天立的flag好像做不到了,3... 查看详情

小刘同学的第五篇博文

状态不是很好,晚上听了一波培训机构的免费课。。。。。白天都在写数据库SQLServer看书学起来真是吃力啊看书学的很慢,特别是一个人在自习室啃书,总是会走神,其实学习最忌讳走神,不专注。。。 第一个问题就把我难... 查看详情

小刘同学的第一百零五篇博文

  把昨天添加文章和编辑文章都是弹出添加文章的对话框,这个bug给解决了。  原因是函数名写混了……    本来是editPost,写成addPost了……    今天又多了新的bug,不知道哪来代码改动了,现在编辑文章,提交的... 查看详情

小刘同学的第一百二十八篇博文

  今天还是在理解这整个项目的代码,尽量做到一行行的写注释,除非是特别简单的代码。  其实昨天虽然匆匆忙忙的大致看了下意思,但没有写注释,今天补上。    这个方法,我是按函数名字面意思理解的,大概就... 查看详情

小刘同学的第九十八篇博文

  第二节课也听到一半了,建好了另外的两张表requst和relation,用图展示一下它们之间的关系吧。    还是用sequelize生成的,贴一下代码。    request是加好友请求用到的,两个belongTo,是为了表示是谁加的谁,这两个... 查看详情

小刘同学的第一百三十五篇日记

  今天大致把论文改完了。  还剩一章的内容,明早大概2个小时就能改完整片论文了。  今天收到录用通知了……  感觉很殇……可能要去小县城上班去了。  而且也不是做技术……  不知道后面的路会怎么样,... 查看详情

小刘同学的第七十一篇博文

  今天把昨天遗留的问题解决了。  点击过后终于出现效果了,以后尽量赶在11点睡吧。  大家晚安。 查看详情

小刘同学的第六十二篇博文

  回家的第27天、开通博客园的62天、返校还有7天  今天算是看了点程序吧,因为今天开始看Node.js的视频了,就是没写代码。。。  不过还是不怎么静的下心来学,还是不够有毅力,自己可能还是不明确自己到底是怎么了... 查看详情

小刘同学的第五十三篇博文

  目标不明确导致的断更3天。。。  勉强将之前homework4的代码,完完全全整理了一遍。  作为断更3天的反思,待会儿再更一次吧。 查看详情