2023-07-09~07-15第一周暑假生活

本周平均学习时间应该是2小时每天，代码时间要短一点在1个小时的样子，解决问题总时长估计是三个小时

学习内容和代码内容大部分是js的知识，也有在学习Linux的操作和搭载大数据环境。

下周计划重心仍然是放在熟练掌握java web目标上——继续学习练习HTML、学习Spring boot。

下个月再把重心转移到大数据技术的学习上。

跟着mooc上老师推荐的课程学习大数据技术。

(HTML之前用的太少了，虽然掌握了jsp的知识，但是我发现好像还是HTML的应用更广泛，而且学习HTML还能促进我对Javascript的学习，目前主流的Java web框架是Spring boot，所有 Spring boot 学习是必不可少的)

本周遇到的问题：

学习环境换到家里还是有点不习惯，而且我又重新背上了大一欠下的债——只完成了1/4的驾校生活，每天5点半起来练科二实在是有点痛苦，基本上奠定了我精神不振的基调。这俩给我上了debuff而且短期内还解决不了。

大数据技术上遇到的问题，目前跟着林子雨老师的课一步步走还没有遇到什么确切的问题，但也是因为没有遇到问题，学习进度比较缓慢理解也不够深刻。

写web时遇到的问题：

如何通过JavaScript新增元素：

<script>
    var obj=document.getElementById("objId");/* 获取父辈元素 */
    var add=document.createElement("tagName");/* 根据标签名创建对应元素 */
    var p=document.getElementById("objChildId");/* 获取父辈元素的一个子元素 */
    
    obj.appendChild(add); /* 在最后的地方添加 */
    obj.insertBefore(p,add);/* 在obj的子元素p后面添加 */
    obj.replaceChild(p,add);/* 替换obj的子元素p */
</script>

新增元素后可以用JavaScript的各种方法设置他的各种值，但是创建之后必须添加到创建元素的上级元素里，不然新元素不会在网页中显示，还会占用内存。

函数方法RGB转Hex，Hex转RGHB:

// 将rgb颜色转成hex  输入(24,12,255)
function colorRGB2Hex(r,g,b) {

　var hex = "#" + (r).toString(16)+""+(g).toString(16)+""+(b).toString(16);

return hex;
}

 本函数利用了一个JavaScript方法(a).toString(b)可以把a转换为b进制的数

// 将hex颜色转成rgb
function hexToRgb(hex) {
    let RGB = "rgba(" + parseInt("0x" + hex.slice(1, 3)) + "," + parseInt("0x" + hex.slice(3, 5)) + "," + parseInt( "0x" + hex.slice(5, 7)) + ")";
    return {
        red: parseInt("0x" + hex.slice(1, 3)),
        green: parseInt("0x" + hex.slice(3, 5)),
        blue: parseInt("0x" + hex.slice(5, 7)),
        rgba: RGB
    }
}

 Hex转RGB利用了一个js的一个特性，即js在整数计算的时候会把数强制转换为十进制计算，通过slice选取对应位数再用parseInt完成强制转换。

获取鼠标点击后在本元素的坐标：

document.onmousedown = function (event) {
        var event = event || window.event;  //标准化事件对象
        if (event.offsetX || event.offsetY) {
            x = event.offsetX;
            y = event.offsetY;
        } else if (event.layerX || event.layerY) {
            x = event.layerX-1
            y = event.layerY-1;
        }
    }