day15 CSS JS DOM初探

最新推荐文章于 2025-09-08 22:39:06 发布
最新推荐文章于 2025-09-08 22:39:06 发布
阅读量87 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/yangever/p/6093988.html
本文详细介绍了前端开发中常用的布局技巧，包括居中对齐、浮动菜单制作等，并通过实例展示了如何利用HTML、CSS和JavaScript实现点赞按钮、返回顶部及模态框等功能。

 

 

 

 

 

 

居中  line-hight  是上下
         text-line  是左右
 
 实现一个返回顶部的功能：
1 先写好CSS

2 写动作JS

 

 

写一个悬浮菜单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pg-header{
            margin: 0 auto;
            height: 48px;
            width:980px;
            background-color: aquamarine;
            color: coral;
            position: fixed;
            top: 0;
            left: 20px;
            right: 20px;
            line-height: 48px;
            text-align: center;
        }
        .pg-body{
            margin: 0 auto;
            background-color: #dddddd;
            width:980px;
            height: 5000px;
            margin-top: 50px;
        }
    </style>
</head>
<body>
    <div class="pg-header">此处为菜单</div>
    <div class="pg-body">此处为内容</div>
</body>
</html>

效果：

上下滚动菜单始终固定在顶部

 

实现一个点赞按钮的效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="position: relative;width: 500px;height: 200px;border: 1px solid red; margin: 0 auto;">
        <div style="position: absolute;left: 0;bottom: 0;width: 50px;height: 50px;background-color: aquamarine"></div>
    </div>
    <div style="position: relative;width: 500px;height: 200px;border: 1px solid red; margin: 0 auto;">
        <div style="position: absolute;right: 0;top: 0;width: 50px;height: 50px;background-color: aquamarine"></div>
    </div>
</body>
</html>

　　

效果：

 

 实现一个遮罩层，就是平时的弹出选择框，即模态框：

加透明度：
opacity  设置遮罩层的透明度  0-1 的范围

 

三层  
设置一个值，谁的大谁在上面：
z-index

 

实践：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="background-color: white;
    /*display: none;*/
    z-index: 10;
    position: fixed;
    height: 400px;
    width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
    border: 1px brown;
    ">
        <div style="display: inline">姓名</div><input type="text"/>
        <div style="display: inline">密码</div><input type="text"/>
    </div>
    <div style="background-color: blue;
    /*display: none;*/
    position: fixed;
    z-index: 9;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;"></div>
    
    <div style="height: 5000px;background-color: coral;"> hehhehhehe</div>
</body>
</html>

　　

效果：

图片的问题：
overflow
可以设置隐藏或者自动生成滚动条

 

 

设置上右下左的间隔：

伪类：

鼠标移到后应用：
当鼠标移到当前标签上时，就会使得下面的css生效
hover

 

实践：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pg-header{
            position: fixed; /* 设置为固定位置*/
            right: 0;           /*距离右边0*/
            left: 0;          /*距离左边0*/
            top: 0;           /*距离上边0*/
            height: 48px;      /*高度为48像素*/
            background-color: #2459a2;   /*背景颜色*/
            line-height: 48px;        /*设置上下居中，和高度一样才能居中*/
        }
        .pg-body{
            margin-top: 50px;  /*设置距离顶部50像素，避免menu挡住body*/
        }
        .w{
            width: 980px;   /*全局宽度 980像素*/
            margin: 0 auto;  /*自动居中*/
        }
        .pg-header .menu{
            display: inline-block;  /*设置标签为行内块级混合标签，可以设置高度和宽度*/
            padding: 0 10px 0 10px; /*设置标签上下左右的距离*/
            color: white; /*字体颜色*/
        }
        .pg-header .menu:hover{  /*此属性是当鼠标移动到此时应用*/
            background-color: dodgerblue;  /*背景颜色*/
        }
    </style>
</head>
<body>
    <div class="pg-header">
        <div class="w">
            <a class="logo">LOGO</a>
            <a class="menu">段子</a>
            <a class="menu">1024</a>
            <a class="menu">42区</a>
        </div>
    </div>
    <div class="pg-body">
        <div class="w">ddddd</div>
    </div>
</body>
</html>

 

 

渐变色 就是一个非常细的图片一直自动堆叠

高度增加 也是自动堆叠
控制图片怎么堆叠，使用下面的

 

 

其实图标都是只用一个图，然后通过调整

 

就能显示一个图片不同的位置

实践：

<body>
    <div style="height: 100px;"></div>
    <div style="height: 20px;width:20px;background-image: url(icon_18_118.png);border: 1px solid red"></div>
</body>

 

显示不同位置： 

<body>
    <div style="height: 100px;"></div>
    <div style="height: 20px;
    width:20px;
    background-image: url(icon_18_118.png);
    background-position-x: 0px;
    background-position-y: -58px;
    border: 1px solid red"></div>
</body>

 

 

 

 

相对的位置，如点赞的图案：

 

有个问题，图片会挡住输入，修改后就好了

实践：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="user-input" style="padding: 5px;">
        <div style="display: inline-block;width: 100px;text-align: right;">账号：</div>
        <div style="display: inline-block;width: 300px;height:30px;position: relative;">
            <input type="text" style="height: 30px;
            width: 270px;
            padding-right: 30px"></input>
            <span style="position:absolute;
            right: 6px;
            top:10px;
            background-image: url(user.jpg);
            height: 16px;
            width: 16px;
            display: inline-block"></span>
        </div>
    </div>
    <div class="passwd-input" style="padding: 5px;">
        <div style="display: inline-block;width: 100px;text-align: right;">这是密码：</div>
        <div style="display: inline-block;width: 300px;height:30px;position: relative;">
            <input type="text" style="height: 30px;
            width: 270px;
            padding-right: 30px"></input>
            <span style="position:absolute;
            right: 6px;
            top:10px;
            background-image: url(i_pwd.jpg);
            height: 16px;
            width: 16px;
            display: inline-block"></span>
        </div>
    </div>
</body>
</html>

 

 

 
开始 javascript

一门独立的语言
和java没半毛钱关系
 

 

 helloworld

 

 

 写代码的位置，两种形式：

1在html 文件中：

 

 2 单独文件，引入到html文件中：

 

 

先执行js  从上往下读运行
 
js没有完成之前 网页就一直等待js完成，这样对用户就不友好
 
解决办法就是把js放在html尾部
写在body 内部的最下面：

 

写的时候先写 var
斟酌以后确实是全局，再去掉var

 

 

 

定义函数：

 

在控制台打印日志：
console.log(1)

 


根据id找到内容：

获取内容：

 

 
获取子列表：

拼接字符串：

 

做一个滚动条效果：

 

 

实践：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function func() {
            var tag = document.getElementById('i1');
            var content = tag.innerText;
            var f = content.charAt(0);
            var l = content.substring(1,content.length)
            var new_content = l + f;
            tag.innerText = new_content;
        }
        setInterval('func()',500);
    </script>
</head>
<body>
    <div id="i1">欢迎老男孩莅临指导&nbsp</div>
</body>
</html>

效果：

 

 

 

 

 

 

join 添加分隔符

 

 

 循环：

 

 

 

 

DOM
做了一个动作就是把文档转换为一个对象

 

 

改变数据：
document.getElementById('i1').innerText = 'new数据'
 

 

 

 

 

实现模态框：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
        .c1{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: black;
            opacity: 0.6;
            z-index: 9;
        }
        .c2{
            width: 500px;
            height: 400px;
            background-color: white;
            position: fixed;
            left: 50%;
            right: 50%;
            top: 50%;
            margin-left: -250px;
            margin-top: -100px;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div>
        <input type="button" value="添加" onclick="ShowModel();"/>
    </div>
    <!--遮罩层 -->
    <div id="i1" class="c1 hide"></div>
    <!-- 弹出窗-->
    <div id="i2" class="c2 hide">
        <p>
            <input type="text"/>
            <input type="text"/>
        </p>
        <p>
            <input type="button" value="取消" onclick="HideModel();"/>
            <input type="button" value="确定" onclick="HideModel();"/>
        </p>
    </div>
    <script>
        function ShowModel() {
            document.getElementById('i1').classList.remove('hide')
            document.getElementById('i2').classList.remove('hide')
        }
        function HideModel() {
            document.getElementById('i1').classList.add('hide')
            document.getElementById('i2').classList.add('hide')
        }
    </script>
</body>
</html>

效果：

 
实现一个全选和取消的功能：
 

 

分号必须要加，因为线上的时候会把js文件成为一行，必须用分好来断句， 生成一行就是为了节约空间，有专门的压缩工具

实现一个后台管理的简单页面，需要点击菜单显示菜单，可以全选，反选，可以点击有模态框效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理</title>
    <style>
        .pg-header{
            margin: 0 auto;
            height: 48px;
            /*width:980px;*/
            background-color: #2459a2;
            color: coral;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            line-height: 48px;
            z-index: 10;
        }
        .pg-header .logo{
            display: inline-block;
            margin-left: 50px;
        }
        .pg-body{
            margin-top: 50px;
            width:1080px;
            height: 2000px;
        }
        .pg-body .menu{
            text-align: center;
            width:200px;
            border: 1px solid red;
            padding: 10px;
            background-color: aquamarine;
            float: left;
            margin: 5px;
        }
        .pg-body .menu .every-menu{
            text-align: center;
            display: inline-block;
            border: 1px solid red;
            width: 180px;
            height: 50px;
            margin: 5px;
            padding: 2px;
            line-height: 50px;
        }
        .pg-body .info{
            float: left;
            margin: 5px;
            border: 1px solid red;
            width: 800px;
            height: 500px;
        }
        .pg-body .info .info-menu{
            margin: 10px;
        }
        .pg-body .info-body{
            margin: 5px;
            /*width: 650px;*/
            height: 400px;
            border: 1px solid red;
            text-align: center;
        }
        .go-header{
            position: fixed;
            bottom:20px;
            right:20px;
            width: 80px;
            height: 80px;
            background-color: coral;
            color: white;
            z-index: 11;
            cursor: pointer;
        }
        .hide{
            display: none;
        }
        .c1{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: black;
            opacity: 0.6;
            z-index: 9;
        }
        .c2{
            width: 500px;
            height: 400px;
            background-color: white;
            position: fixed;
            left: 50%;
            right: 50%;
            top: 50%;
            margin-left: -250px;
            margin-top: -100px;
            z-index: 10;
        }
        .hide-menu{
            display: none;
        }
        .item .header{
            height: 35px;
            background-color: #2459a2;
            color: white;
            line-height: 35px;
        }

    </style>
</head>
<body>
    <div class="pg-header">
        <a class="logo">LOGO</a>
    </div>

    <div class="go-header" onclick="GoTop();">
        <img src="back_top.png" alt="美女" title="返回顶部">
    </div>

    <!--遮罩层 -->
    <div id="i1" class="c1 hide"></div>
    <!-- 弹出窗-->
    <div id="i2" class="c2 hide">
        <p>
            <div style="margin: 5px;">
                <div style="display: inline-block;width: 60px;text-align: right">IP:</div>
                <input type="text"/>
            </div>
            <div style="margin: 5px;">
                <div style="display: inline-block;width: 60px;text-align: right">主机:</div>
                <input type="text"/>
            </div>
        </p>
        <p>
            <div style="display: inline-block;width: 200px;text-align: center">
                <input type="button" value="取消" onclick="HideModel();"/>
                <input type="button" value="确定" onclick="HideModel();"/>
            </div>
        </p>
    </div>


    <div class="pg-body">
        <div class="menu">
            <div class="item">
                <div id='m1' class="header" onclick="ChangeMenu('m1');">菜单1</div>
                <div class="content hide-menu">
                    <div>内容1</div>
                    <div>内容1</div>
                    <div>内容1</div>
                </div>
            </div>
            <div class="item">
                <div id='m2' class="header" onclick="ChangeMenu('m2');">菜单2</div>
                <div class="content hide-menu">
                    <div>内容2</div>
                    <div>内容2</div>
                    <div>内容2</div>
                </div>
            </div>
            <div class="item">
                <div id='m3' class="header" onclick="ChangeMenu('m3');">菜单3</div>
                <div class="content hide-menu">
                    <div>内容3</div>
                    <div>内容3</div>
                    <div>内容3</div>
                </div>
            </div>
            <div class="item">
                <div id='m4' class="header" onclick="ChangeMenu('m4');">菜单4</div>
                <div class="content hide-menu">
                    <div>内容4</div>
                    <div>内容4</div>
                    <div>内容4</div>
                </div>
            </div>
        </div>


        <div class="info">
            <div class="info-menu">
                <input type="button" value="全选" onclick="CheckAll();"> </input>
                <input type="button" value="取消" onclick="CancleAll();"> </input>
                <input type="button" value="反选" onclick="ReCheckAll();"> </input>
                <input type="button" value="添加" onclick="ShowModel();"> </input>
            </div>
            <div class="info-body">
                <div>
                    <table>
                        <thead>
                            <tr>
                                <td>选择</td>
                                <td>主机</td>
                                <td>IP</td>
                                <td>备注</td>
                            </tr>
                        </thead>
                        <tbody  id="tb">
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>web101</td>
                                <td>192.168.8.5</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>web102</td>
                                <td>192.168.8.6</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>web103</td>
                                <td>192.168.8.7</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>web104</td>
                                <td>192.168.8.8</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>web105</td>
                                <td>192.168.8.9</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
<script>
    function CheckAll() {
        var tbody = document.getElementById('tb');
        var tr_list = tbody.children;
        for (var i = 0; i < tr_list.length; i++) {
            var curren_tr = tr_list[i];
            var checkbox = curren_tr.children[0].children[0];
            checkbox.checked = true;
        }
    }

    function CancleAll() {
        var tbody = document.getElementById('tb');
        var tr_list = tbody.children;
        for (var i = 0; i < tr_list.length; i++) {
            var curren_tr = tr_list[i];
            var checkbox = curren_tr.children[0].children[0];
            checkbox.checked = false;
        }
    }

    function ReCheckAll() {
        var tbody = document.getElementById('tb');
        var tr_list = tbody.children;
        for (var i = 0; i < tr_list.length; i++) {
            var curren_tr = tr_list[i];
            var checkbox = curren_tr.children[0].children[0];
            if (checkbox.checked) {
                checkbox.checked = false;
            }else{
                checkbox.checked = true;
            }
        }
    }

    function GoTop() {
        document.body.scrollTop = 0;
    }

    function ShowModel() {
        document.getElementById('i1').classList.remove('hide')
        document.getElementById('i2').classList.remove('hide')
    }

    function HideModel() {
        document.getElementById('i1').classList.add('hide')
        document.getElementById('i2').classList.add('hide')
    }

    function ChangeMenu(nid){
            var current_header = document.getElementById(nid);
            var item_list = current_header.parentElement.parentElement.children;
            for(var i=0;i<item_list.length;i++){
                var current_item = item_list[i];
                current_item.children[1].classList.add('hide-menu');
            }
            current_header.nextElementSibling.classList.remove('hide-menu');
    }
</script>
</body>
</html>

效果：

 

 
 
 
 
 
 

转载于:https://www.cnblogs.com/yangever/p/6093988.html

unity白天黑夜时间交替动态天空Time of Day - Dynamic Sky Dom
08-09
在Unity引擎中，实现“白天黑夜时间交替”的功能是一项重要的视觉效果设定，它能为游戏或应用..."Time of Day - Dynamic Sky Dome"插件则为开发者提供了一种便捷的方式来实现这一功能，减少了开发工作量，提高了效率。
酒店管理系统（html、js、css、dom）静态页面 适合大作业 上机任务 包含酒店展示页面 以及后台管理页面 Javaweb
03-18
本项目是一个适用于大作业或上机任务的静态页面实现，它涵盖了HTML、CSS、JavaScript和DOM等核心前端技术，并且结合了JavaWeb后端服务。以下是关于这些技术及系统的详细解释： 1. **HTML（HyperText Markup ...
DAY15：DOM高级操作.html
09-07
DAY15：DOM高级操作
day05_html_js_css_
09-29
在"day05"的学习中，你可能已经学习了如何使用`addEventListener`来绑定事件处理函数，以及如何修改DOM元素的属性和样式。JavaScript还可以配合CSS3动画，通过改变元素的样式来触发或控制动画效果。 在实际应用中，...
基于SpringBoot和uni-app开发的陪诊陪护软件系统源码
程序员创业中
09-06 1107
中国60岁以上人口已突破3.1亿，独居老人超1.3亿，而一线城市三甲医院日均门诊量超万人次。在这组数据背后，是无数家庭面临的困境：子女异地工作无法陪同父母就医，独居老人因不会操作智能设备在挂号机前徘徊，异地患者因不熟悉流程在医院迷路……当“就医”从个人事务演变为社会难题，陪诊陪护系统正以“专业服务+技术赋能”的双重模式，成为破解这一困局的关键。
二叉树的前中后序遍历(迭代法)
mrjieke6的博客
09-07 900
本文系统介绍了二叉树前序、中序和后序遍历的迭代实现方法。前序遍历采用栈结构，按;根→右→左 ;顺序入栈；中序遍历先全部左子树入栈再访问节点；后序遍历则通过修改前序遍历顺序为"根→右→左 ;后反转结果。三种遍历时间复杂度均为O(n)，空间复杂度最坏O(n)。与递归实现相比，迭代方法避免了栈溢出风险，处理大型树更稳定。每种遍历方式都配有详细代码解析、执行示例和复杂度分析，并讨论了实际应用场景，为掌握树结构操作提供了系统指导。
Java 和 Python 的执行方式有很大不同——Android学习
ban102055的博客
09-04 2806
特性PythonJava执行方式(解释执行)->(先编译后执行)是否需要编译否是环境需要 Python 解释器需要JDK(包含javac和java在Android Studio中不适用全自动，点击“Run”即可给你的建议：为了学习 Android 开发：直接使用。不要担心命令行，IDE 会帮你处理一切。专注于编写代码和理解 Android 的概念（如 Activity、生命周期）。为了单纯学习 Java 语法。
Java 枚举通用接口设计与实现
sunnyday0426的博客
09-04 731
本文介绍了Java中枚举类型的通用接口设计方法。通过定义BaseEnumInterface接口，可以为枚举添加code和desc属性，并提供统一的静态操作方法，如根据code获取枚举实例、获取所有编码列表、验证编码有效性等。以GenderEnum为例，展示了枚举类如何实现该接口，并演示了通过接口提供的通用方法进行便捷操作。这种设计模式提高了代码复用性，使枚举操作更加规范统一。
Android8 binder源码学习分析笔记（二）
g_i_a_o_giao的博客
09-05 1992
本文分析了Android框架中Activity启动流程涉及的Binder通信机制。通过跟踪startActivity()调用链，重点解析了客户端进程通过IApplicationThread（Binder对象）与AMS（ActivityManagerService）的跨进程通信过程：1) 客户端通过ActivityManager.getService()获取AMS的Binder代理；2) 调用AMS的startActivity方法时传入本进程的IApplicationThread对象；3) AMS通过该Bin
Java内存区域与内存溢出
DKPT的博客
09-07 509
Java内存溢出的核心在于内存分配与回收失衡，需结合区域特性针对性解决。堆溢出最常见，需重点排查泄漏；方法区溢出多因动态类加载失控；直接内存溢出则需关注NIO使用。通过工具分析+代码优化+参数调优的组合策略，可显著降低OOM风险。二、内存溢出（OOM）类型与触发场景。三、内存溢出诊断与解决策略。一、Java内存区域划分。
达梦数据批量跟新和插入
qq_31564573的博客
09-05 247
使用 merge into。
Java Web ：技术根基与产业实践的多维耦合
墨阳的博客
09-04 586
Servlet 技术的出现（1997 年）首次实现了用 Java 处理 HTTP 请求，而 JSP（1999 年）则解决了动态页面生成问题 —— 这两项技术构成了 Java Web 的基石，也让 Java 从 "编程语言" 升级为 "Web 服务开发平台"。在数字化浪潮席卷全球的今天，Java Web 技术以其独特的跨平台优势、成熟的生态体系和广泛的产业应用，成为连接 Java 编程语言与 Web 服务的核心纽带。
Java编程规范（2025最新版）
最新发布
TFHoney的博客
09-08 759
本文介绍了Java编程规范的重要性及核心细则。规范能提高代码可读性、减少Bug、提升开发效率和团队协作能力。主要内容包括：1.命名规范（包名、类名、方法名等）；2.代码格式（缩进、行宽、空格等）；3.OOP规约（方法覆写、基本类型使用）；4.集合处理（判空、遍历）；5.并发控制（线程池使用）；6.控制语句要求；7.注释规范。文章推荐使用IDE格式化工具和Alibaba插件辅助检查，强调规范是提高代码质量的重要手段而非束缚。
JAVA基本文件操作
2501_90864902的博客
09-06 434
本文介绍了Java文件操作的基本方法。首先讲解了三种创建文件的方式：直接路径创建、父目录+子路径创建和组合路径创建，并指出createNewFile()才是实际创建文件的方法。其次列举了常用文件操作方法，包括获取文件名、路径、大小、判断文件类型等。最后演示了单级目录和多级目录的创建方法，使用mkdir()和mkdirs()分别实现。文章强调在Java中文件和目录的调用形式相同，需要注意区分。
线程----
m0_74830196的博客
09-05 251
线程是轻量级的进程，一般是一个进程中的多个任务进程是系统最小的资源分配单位线程是系统中的最小执行单位。
Java并行计算详解
2401_88481790的博客
09-04 811
本文深入探讨了Java并行计算的核心技术与实战应用。主要内容包括：线程基础实现方式（Thread类、Runnable接口、Callable接口）和线程池优化策略；线程安全与同步机制（synchronized、volatile及并发工具类）；Fork/Join框架的分治策略和工作窃取机制；Stream API并行处理方法及优化原则。文章通过电商抢购、文件处理等典型场景示例，详细解析了并行计算在提升系统性能中的应用技巧，并给出性能优化建议，为开发者应对多核时代的性能挑战提供了实用指导。
龙芯架构powerjob-server镜像构建
noscallion的博客
09-08 120
powerjob-server 在 dockerhub 官方镜像中不支持龙芯架构，并且提供的 Dockerfile 中的基础i镜像也不支持。
SpringBoot快速上手
weixin_74889808的博客
09-05 244
了解SpringBoot的开发结构，快速上手SpringBoot
探索Zengularity Hackday的CSS技术
资源摘要信息: "Zengularity-Hackday.github.io" 1. 标题知识点: 标题“Zengularity-Hackday.github.io”表明这是一个与Zengularity公司相关的Hackday项目页面，托管在GitHub.io平台上。这通常意味着这是一个开源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值