网站测评--InsCode

qq_45848189

已于 2023-05-06 18:34:28 修改

阅读量397

点赞数

文章标签： inscode

于 2023-05-06 18:26:44 首次发布

本文链接：https://blog.csdn.net/qq_45848189/article/details/130532170

版权

文章介绍了InsCode作为一个在线编程平台，适合编程新手学习Python和交流代码。它提供项目创建和模板功能，无广告且支持代码运行。作者分享了创建Python项目的过程，并给出了简单的HTML代码示例。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

作为一个即将步入大学计算机专业编程新手，正在学习Python，并且使用markdown来写文档。希望找到一个比较好的学习工具，能让我运行一些自己的小demo，总结文档，并能学习其他前辈们的技巧。

一、InsCode是什么？

想找一个能在线编程的网站，最好能让我学习前辈们的代码、展示自己的作品、能够跟更多的前辈们交流，增长自己的编程水平。找了一圈，正好找到了InsCode。
这是一个编程社区，能创建自己的项目，也能看到别人的项目，还能发表评论。
在这里插入图片描述
但是，在进入这个网站后，第一感觉是不知道怎么使用这个网站。缺乏指导。第一次进入的时候, 可以弹出一个优秀项目的视频, 以及快速上手的视频, 可以从一个小项目开始, 比如坦克大战等。

二、InsCode模板试用

2.1 创建一个python模板

第一感觉，很好：没有广告！

2.2 创建项目

我想创建一个Python项目，并且运行起来。

2.3 代码

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>如何引入css样式</title>
    <link rel="stylesheet" href="style.css" type="text/css">

        <script type="text/javascript" src="script.js"></script>
</head>


<body>
    <div class="heart-container">
        <div class="heart"></div>
    </div>

    <script>
const heartContainer = document.querySelector('.heart-container');
const heart = document.querySelector('.heart');
const containerWidth = heartContainer.offsetWidth;
const containerHeight = heartContainer.offsetHeight;
const heartWidth = heart.offsetWidth;
const heartHeight = heart.offsetHeight;
  
heartContainer.style.top = `calc(50% - ${containerHeight / 2}px)`;
heartContainer.style.left = `calc(50% - ${containerWidth / 2}px)`;
  
window.addEventListener('resize', () => {
  heartContainer.style.top = `calc(50% - ${containerHeight / 2}px)`;
  heartContainer.style.left = `calc(50% - ${containerWidth / 2}px)`;
});


    </script>
</body>