<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <title>jsx语法规则</title>
        <style>
          .title {
            background-color: orange;
            width: 200px;
          }
        </style>
      </head>
      <body>
        
        <div id="test"></div>
    
        
        <script type="text/javascript" src="react.development.js"></script>
        
        <script type="text/javascript" src="react-dom.development.js"></script>
        
        <script type="text/javascript" src="babel.min.js"></script>
    
        <script type="text/babel">
          const myId = "myId"
          const myData = "123"
    
          // 1.创建虚拟DOM
          const VDOM = (
            <div>
              <h2 className="title" id={myId.toLowerCase()}>
                <span style={{ color: "white", fontSize: "29px" }}>{myData}</span>
              </h2>
              <input type="text" />
            </div>
          )
    
          // 2.渲染虚拟DOM到页面
          ReactDOM.render(VDOM, document.getElementById("test"))
        </script>
      </body>
    </html>

## jsx语法规则

1. 定义虚拟DOM时，不要写引号
2. 标签中混入JS表达式时要用{}
3. 样式的类名指定不要用class，要用className
4. 内联样式，要用`style={{key:value}}`的形式去写
5. 只有一个根标签
6. 标签必须闭合
7. 标签首字母：若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错

jsx语法规则

## Hitomi Downloader

Hitomi Downloader是一款用Python写的免费开源全能下载工具，用于从各种网站下载图像、视频、音乐、文本等等。

看了一下支持的网站众多，目前支持1700+网站，常见Twitter视频，YouTube视频，Facebook视频下载，Instagram视频图片，B站P站X站都行，国内的微博等等，基本 youtube-dl支持的网站都可以，甚至还支持M3U8、BT种子和磁力链接下载，软件仅支持Windows平台。

## 官网下载

GitHub：[https://github.com/KurtBestor/Hitomi-Downloader](https://github.com/KurtBestor/Hitomi-Downloader)


Hitomi Downloader-免费开源全能下载工具

## Final2x

Final2x是一款开源、跨平台的图片无损放大工具，内置多个模型，能够将图片提升分辨率到任意尺寸，增强图像的分辨率和质量，使图像更清晰、更详细。

目前支持RealCUGAN、RealESRGAN、Waifu2x、SRMD等多种模型。

支持Windows x64/arm64 、MacOS x64/arm64和Linux x64，试了一下图片无损放大，效果还是不错的。

## 软件下载

Final2x：[https://final2x.tohru.top/zh/](https://final2x.tohru.top/zh/)

## 类似工具

web-realesrgan：[https://cappuccino.moe/](https://cappuccino.moe/)


Final2x-开源图片无损放大工具 提升分辨率到任意尺寸

## Edit Photo

一款在线照片编辑器，直接在浏览器中编辑照片，无需注册登录，打开浏览直接使用，照片格式支持 JPEG、PNG、WEBP、HEIC、GIF，照片操作支持裁剪、滤镜、微调、批注、图框、马赛克和调整大小等基本操作，免费无广告。

还提供常用的社交媒体模版尺寸（照片纵横比例），方便用户快速修改编辑调整图片。

关于隐私方面，用户所有上传的照片的所有操作都在浏览器本地进行，不上传服务器，无追踪无广告，不用担心。

## 网站地址

Edit Photo：[https://edit.photo/](https://edit.photo/)


Edit Photo-在线照片编辑器 免费无广告

## 装逼生成器

装逼生成器是一款免费在线各种生成器小工具集合，相当于一款在线P图小工具，包括豪车合同生成器，微信转账、微信红包、装逼助手，装逼整蛊生成器，在线装逼制图，秃头生成器，猪八戒生成器，搞笑图片和炫耀图片一键制作平台，能满足你包括各种520、恶搞、红包转账、炫富、头像、订单截图订单生成等等，种类非常多，装逼制图神器。

## 网站地址

装逼生成器：[https://c.tianhezulin.com/](https://c.tianhezulin.com/)


装逼生成器-各种生成器小工具集合 装逼制图神器

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。