发表于： 2019-11-29 22:52:01
1 957
今日完成:
任务总结:
1.运用Math.random()意思为0~1之间的随机小数,再配合乘以需要随机的整数,在通过舍入的方式取整,得到一个目标范围内的伪随机数
两种方式:Math.round(Math.random() * (num.length - 1));=Math.floor(Math.random() * (num.length));
2.随机颜色,rgb颜色,只需要256随机数3个组合成字符串,而16进制颜色,需要toString(16);把9以上的数字转换成16进制的字母
Math.floor(Math.random() * 16).toString(16);通过自加的方式ne=ne+num(ne+=num)循环6次得到需要的#后面的字符串
3.通过html dom树,三种方式id,类名,标签名,绑定的方式,操作dom树改变对应目标的元素或样式
4.setInterval(jishi, 1000)每隔一秒运行一次函数,clearInterval(myvar),清除函数,通过点击事件,把两个连接起来
5.代码出现bug时,需要学会运用consile.log()查看控制台中,js代码的输出,查看错误出现的地方
6.感觉还是自己理解能力有点弱,做了10天,把代码完成,四天看概念,六天写代码和调试,因为整体看完之后,概念相互混淆,为了理清之间的关系,慢了点,
但是碰到不会的,或者不理解的知识,就多看,什么不理解就反复的看,就慢慢了解了,之后算是从0到1吧,就是理解概念上的东西,任务一需要学习逻辑关系,实际操作反而不多,
整体总结就是,碰到不会的多看几遍,一遍遍的看,磨到会位置,做代码,不要快捷打入,或者复制粘贴,或者,在教程的模板上改动,自己设置demo,很可能有自己实际设置时会忽略的细节,
再接再厉吧
开始js tash2
查看任务前的要求,明确围绕什么目的去做
收获什么：
1.如何使用JS进行页面跳转和传参；
2.使用JS对input等页面元素进行更复杂的操作；
3. 进一步理解JS的数组；
4.了解JS正则表达式
----------------------------------------------------
任务详解
1.html的标签支持哪些事件
想要操作某个HTML元素时启动一些JS代码，那么首先就要了解这些标签支持哪些事件来触发浏览器中的行为。
除了最常用的click之外，还有change、focus、blur、keydown等，
通过搜索学习不同元素上的不同事件，才能应对以后更加复杂的需求。
2.JS数组对象的特性和常用方法
可以随意存放不同类型的元素，长度也可以动态调整。
3.正则表达式是什么有什么用?
查找和替换是它最基本的用途
---------------------------------------------------------------------------------------------------------------------
下载手机app桌游精灵,体验了一下简单版,知道了大概的效果
但是,以整个效果实现,不知道该怎么去想,知识点欠缺太多,所以,先跟任务走,一步一步相互印证
----------------------------------------------------------------------------------------------------------------------
js2-1
写伪代码，用伪代码来实现本次任务, 查看学习资料——《JS页面跳转》
打开CSS任务中完成的桌游精灵页面，为杀人游戏简化版这个按钮添加一个点击事件，点击后跳转到玩家配比页面
遇到问题:什么是伪代码?
解决:伪代码（Pseudocode）是一种非正式的，类似于英语结构的，用于描述模块结构图的语言。
不清晰,待解决,是css,html代码,还是注释什么的?
先写出js2-1的静态页面
需要知识点,点击跳转
--------------------------------------
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
window.location 对象在编写时可不使用 window 这个前缀。
ex:
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http: 或 https:）
---------------------------------------------------------------------
JavaScript 页面跳转、页面重定向
JavaScript 实现页面跳转重定向可以使用以下两种方法：
window.location.replace("url")
类似 HTTP 重定向
将地址替换成新 url，该方法通过指定 URL 替换当前缓存在历史里（客户端）的项目，
因此当使用 replace 方法之后，不能通过"前进"和"后退"来访问已经被替换的URL，这个特点对于做一些过渡页面
ex:
类似 HTTP 重定向到xxx(目标页面)
window.location.replace("www.xxx.com");
-----------------------------------------------
window.location.href="url"
类似点击 a 标签的链接。
跳转到指定的 url。
ex:
类似点击（a 标签）
类似点击（a 标签）
window.location.href = "www.xxx.com"
总结:前者是只能"前进"不能后退的,后者是能点击后退按钮,返回原来页面的(类似a标签)
代码:
<div onclick=a() class="main-a">
简化版
</div>
js
function a(){
window.location.href="../js2-2/js2-2.html";
}
页面侧边栏,任务十三做过略,制作下一个页面
今日完成:
1.任务一总结
2.任务二第一个页面,两种跳转方式,可后退和不可后退原页面
遇到困难:ps一键切图一蹦,自己手动切的时候,太差了,找时间系统的学下基本的切图
明日计划:继续任务js2,尽量效率更高
返回列表
评论