1.<!DOCTYPE html> 为 HTML 5 的语言格式
2.head 是网路爬虫爬的区块，可以放很多资讯，如meta、css、Javascript…等等。
3.<script src="档案名称"></script> 放head跟body的差异为:
window.onload = function() {
// 程序码内容
}
4.设计资料一定要赋予值给变数，值就是设计的资料。
// 例如:
const bmiStatesData = {
"overThin": {
"state": "过轻",
"color": "蓝色"
},
"normal": {
"state": "正常",
"color": "红色"
}
};
5.设计资料是由最外面的范围设计到最里面的范围(最大->最小)。
let company = {
comName: "创见",
department: [
{
departmentName: "SMT",
cName: "黄晓明",
rName: "黄大铭",
staff: [
{
name: "员工1"
},
{
name: "员工2"
},
{
name: "员工3"
}
]
},
{
departmentName: "生产部",
cName: "黄晓明",
rName: "黄大铭",
staff: [
{
name: "员工1"
},
{
name: "员工2"
},
{
name: "员工3"
}
]
}
]
};
6.在 Html 里，要先给id或class，JS才抓的到 html 的区块
例如:
<div id="block"></div>
<scrtip>
document.querySelector("#block");
</scrtip>
7.forEach的前面一定是阵列，里面的函式第一个位子是资料内容，第二个位子是阵列的第几笔，第三个是原本的阵列内容。
写forEach的目的是资料的处理，例如印在画面上。
例：
let company = {
department: [ ...内容 ]
};
company.department.forEach(function (item, index, arr) {
console.log("item", item); // 印出资料内容
console.log("index", index); // 印出阵列的第几笔资料
console.log("arr", arr); // 印出原本的阵列内容
});
8.宣告变数目的是取代很长的资料内容。
9.不知道变数内容就用 console.log 做小步测试。
1.axios要先引入套件，官方文件网址是(https://github.com/axios/axios)，套件网址为：https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js
2.html也要引入
写法范例：
let apiUrl = "api网址";
axios.get(apiUrl)
.then(function (response) {
console.log(response);
});
官方文件: https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
const items = ['item1', 'item2', 'item3'];
items.forEach(function(item){
console.log(item)
});
innerHTML写法
document.querySelector("#resBlock").innerHTML = `<div>内容</div>`;
>>: Day05 UIKit 04 - 在 Storyboard 上设计画面
经过了残酷的 PS3 一役、SONY 内部深刻的意识到：已不是能盲目复制过去的成功经验的时代了、必须...
前情提要 你有想过 Line、KKBOX 等 App 上面的「与外部帐号连结」是怎麽做到的吗 ▲ L...
Youtube-downloader 不管是在做声音研究或是音乐研究的时候，虽然已经有很多资料集可以...
梯度提升树是什麽? 讲人话就是将随机森林的概念更进一步应用，策略性地逐步建构多棵决策树模型，间接让重...
这周要开始学习 cli, git, 用文字指令做一些事情，但还没开始写程序。本周要突破的一道难关...