Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情。
学习js的第一天
愈来愈发现前端的重要性和竞争力。这几天在使用MDN进行前端知识的学习。前几天学习和巩固了HTML与CSS的基本语法，以及WEB开发的基本知识，今天开始正是学习Javascript的第一天，谨此发布我的学习笔记，作为留念。
添加js的三个方法
-
内部js：在html文件中编写
<script> // code your code! </script>最好的方式是在
<head>标签中编写，并且如下写在大函数里：<script> // code your code! document.addEventListener("DOMContentLoaded", function() { ... }); </script> -
外部js：
<script src="main.js" async></script>async告知浏览器在遇到<script>元素时不要中断后续 HTML 内容的加载。 -
内联 js,不要这样做：
<button onclick="doSomething()">我是一个按钮</button>
defer和async:
- 如果脚本无需等待页面解析或者页面的body部分很简短，且无依赖独立运行，那么应使用
async。 - 如果脚本需要等待页面解析，且依赖于其它脚本，调用这些脚本时应使用
defer，将关联的脚本按所需顺序置于 HTML 中。
js 每日新用法
-
向界面添加元素与删除元素：
btn = document.createElement('button'); btn.textContent = 'newgame'; document.body.appendChild(btn);btn.parentNode.removeChild(btn); -
使按钮或者文本框无法使用：
box.disabled = true; -
添加click事件的两种方式：
button.onclick = function () {} button.AddEventListener("click",function(){}); -
Math的用法：
Math.floor(a)返回a向下取整
Math.Random()返回0到1的随机数 -
操纵元素的属性：
res.textContent = "wrong!"; res.style.backgroundColor = "red"; -
focus()方法：使光标在此框内
总结
今天是学习js的第一天，使用js编写了一个猜数字的代码。以下收获：
- 得知js的三个添加方法，浏览器渲染顺序和sync与defer的区别
- 添加元素，删除元素，修改元素，添加事件
- 其他冷知识，如focus、disable、Math.floor/Random等等函数
