推荐IDE中实用AI编程插件，目前无限次使用
插件介绍
一款字节跳动推出的“基于豆包大模型的智能开发工具”
以vscode介绍【pycharm等都可以啊】，这个插件提供智能补全、智能预测、智能问答等能力，节省开发时间
直接在IDE中使用，就不用在网页中来回切换了
感觉还可以，响应速度挺快的，准确率也是挺高的，目前要注册/登入后是免费使用的
地址：https://www.marscode.cn/events/s/iSLV1gb6/
插件案例
我啊用它试着完善了我的博客网站布局，感觉还是挺不错的
写点简单的页面也是不错的，修修改改就可以直接拿来使用了
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Login/Register</title><style>body {font-family: Arial, sans-serif;background-color: #fffbe8;display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;}.container {background-color: #fff3cd;padding: 20px;border: 1px solid #ffeeba;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);width: 300px;text-align: center;}.container h2 {margin: 0 0 15px;color: #856404;}.input-group {margin-bottom: 15px;}.input-group label {display: block;margin-bottom: 5px;color: #856404;}.input-group input {width: 100%;padding: 8px;border: 1px solid #ffeeba;border-radius: 5px;box-sizing: border-box;}.button {background-color: #ffc107;color: white;padding: 10px;border: none;border-radius: 5px;cursor: pointer;width: 100%;margin-top: 10px;}.button:hover {background-color: #e0a800;}.toggle {margin-top: 15px;color: #856404;cursor: pointer;text-decoration: underline;}</style>
</head>
<body><div class="container"><h2 id="form-title">Login</h2><div id="login-form" class="form"><div class="input-group"><label for="login-username">Username</label><input type="text" id="login-username" name="username" required></div><div class="input-group"><label for="login-password">Password</label><input type="password" id="login-password" name="password" required></div><button class="button" onclick="login()">Login</button></div><div id="register-form" class="form" style="display: none;"><div class="input-group"><label for="register-username">Username</label><input type="text" id="register-username" name="username" required></div><div class="input-group"><label for="register-password">Password</label><input type="password" id="register-password" name="password" required></div><div class="input-group"><label for="register-email">Email</label><input type="email" id="register-email" name="email" required></div><button class="button" onclick="register()">Register</button></div><div class="toggle" onclick="toggleForm()">Don't have an account? Register</div>
</div><script>function toggleForm() {const loginForm = document.getElementById('login-form');const registerForm = document.getElementById('register-form');const formTitle = document.getElementById('form-title');const toggleText = document.querySelector('.toggle');if (loginForm.style.display === 'none') {loginForm.style.display = 'block';registerForm.style.display = 'none';formTitle.textContent = 'Login';toggleText.textContent = "Don't have an account? Register";} else {loginForm.style.display = 'none';registerForm.style.display = 'block';formTitle.textContent = 'Register';toggleText.textContent = "Already have an account? Login";}}function login() {// 在这里添加登录逻辑alert('Login function not implemented.');}function register() {// 在这里添加注册逻辑alert('Register function not implemented.');}
</script></body>
</html>
相关文章：
推荐IDE中实用AI编程插件，目前无限次使用
插件介绍 一款字节跳动推出的“基于豆包大模型的智能开发工具” 以vscode介绍【pycharm等都可以啊】，这个插件提供智能补全、智能预测、智能问答等能力，节省开发时间 直接在IDE中使用，就不用在网页中来回切换了 感觉还可以，响应速…...
【华为HCIP实战课程十五】OSPF的环路避免及虚链路，网络工程师
一、避免域间路由环路 1、区域内部的防环：区域内同步了LSA，SPF就决定了区域内部没有环路 2、区间的防环机制：非正常的ABR不更新3类LSA 为防止区域间的环路OSPF定义了骨干区域和非骨干区域和三类LSA的传递规则 1）、OSPF划分了骨干区域和非骨干区域，所有非骨干区域均直接…...
【编程语言】正则表达式：POSIX 与 PCRE 的全面比较及应用
目录 正则表达式：POSIX 与 PCRE 的全面比较及应用1. 正则表达式的基本概念1.1 基本元素1.2 正则表达式的历史 2. POSIX 正则表达式2.1 POSIX 正则表达式的语法2.1.1 基本正则表达式 (BRE)2.1.2 扩展正则表达式 (ERE) 2.2 POSIX 正则表达式的使用场景2.3 使用 POSIX …...
Spark Streaming 数据流处理
一、创建Spark Streaming 环境 二、读取数据（监听端口） 三、任务处理 四、启动程序 我这里写的是简单的单词数量统计 import org.apache.spark.streaming.dstream.{DStream, ReceiverInputDStream} import org.apache.spark.{SparkConf, SparkConte…...
高效规划神器 markmap：一键将 Markdown 变思维导图！
❤️ 如果你也关注大模型与 AI 的发展现状，且对大模型应用开发非常感兴趣，我会快速跟你分享最新的感兴趣的 AI 应用和热点信息，也会不定期分享自己的想法和开源实例，欢迎关注我哦！ 微信公众号｜搜一搜&…...
微服务基础架构（图）
微服务基础架构是一种现代化的软件架构模式，旨在将大型复杂的应用程序拆分为多个小型、独立的服务。每个微服务专注于特定的业务功能，可独立开发、部署和扩展。 在微服务基础架构中，通常会使用轻量级的通信机制，如 RESTful API 或…...
中电金信：大模型时代 金融机构企业架构转型如何更智能化？
随着人工智能技术的不断进步，AI大模型在金融行业已经广泛应用，推动金融机构实现更高效、智能化的服务，同时也为金融科技领域的发展带来新的挑战。中电金信基于业务建模的企业架构转型解决方案也顺势而动，关注大模型在具体场景上的…...
基于CRNN模型的多位数字序列识别的应用【代码+数据集+python环境+GUI系统】
基于CRNN模型的多位数字序列识别的应用【代码数据集python环境GUI系统】 基于CRNN模型的多位数字序列识别的应用【代码数据集python环境GUI系统】 背景意义 多位手写数字识别，即计算机从纸张文档、照片、触摸屏等来源接收并解释可理解的手写数字输入的能力。 随着…...
windows中命令行批处理脚本学习
目录 一 基础知识二 常见命令1. 输出 echo2. 注释 rem .... %...% :: goto if (10) ()3. 变量 set4. 获取参数 %数字 %*5. 退出 exit6. 复制 copy7.读取输出文件内容 type8. 帮助 命令xxx /?9.等待当前命令运行结束后,才执行下一条命令 call10. 修改字体编码 chcp11. 特殊变量…...
版本工具报错：Error Unity Version Control
NotConfiguredClientException: Unity VCS client is not correctly configured for the current user:Client config file....
ECharts饼图-饼图标签对齐，附视频讲解与代码下载
一、图表效果预览 引言： 在数据可视化的世界里，ECharts凭借其丰富的图表类型和强大的配置能力，成为了众多开发者的首选。今天，我将带大家一起实现一个饼图图表，通过该图表我们可以直观地展示和分析数据。此外&#…...
Python实现基于WebSocket的stomp协议调试助手工具分享
stomp协议很简单，但是搜遍网络竟没找到一款合适的客户端工具。大多数提供的都是客户端库的使用。可能是太简单了吧！可是即便这样，假如有一可视化的工具，将方便的对stomp协议进行抓包调试。网上类似MQTT的客户端工具有很多…...
《语音识别方案选型研究》
《语音识别方案选型研究》 一、引言二、语音识别技术概述（一）语音识别的基本原理（二）语音识别技术的发展历程 三、语音识别方案的分类（一）基于云端的语音识别方案（二）基于本地的语音…...
解决关于HTML+JS + Servlet 实现前后端请求Session不一致的问题
1、前后端不分离情况 在处理session过程中，如果前后端项目在一个容器中，session是可以被获取的。例如如下项目结构： 结构 后端的代码是基本的设置值、获取值、销毁值的内容： 运行结果 由此可见，在前后统一的项目中&a…...
ECharts饼图-饼图34，附视频讲解与代码下载
引言： 在数据可视化的世界里，ECharts凭借其丰富的图表类型和强大的配置能力，成为了众多开发者的首选。今天，我将带大家一起实现一个饼图图表，通过该图表我们可以直观地展示和分析数据。此外，我还将提供详…...
如何实现安川MP3300运动控制器与西门子1200系列PLC进行ModbusTCP通讯
在工业自动化中，实现不同品牌、不同型号设备之间的通讯是确保生产流程顺畅、高效运行的关键。本文详细介绍了安川MP3300运动控制器与西门子1200系列PLC进行ModbusTCP通讯的具体方法。 一．软硬件需求 1.一台安川MP3300CPU301，其IP地址是192.…...
react18中如何实现同步的setState来实现所见即所得的效果
在react项目中，实现添加列表项，最后一项自动显示在可视区域范围！！ 实现效果 代码实现 import { useState, useRef } from "react"; import { flushSync } from "react-dom"; function FlushSyncRef() {con…...
深入理解MVP架构模式
引言 MVP（Model-View-Presenter，模型-视图-提供者）是一种广泛应用于软件开发中的架构模式，是经典MVC（Model-View-Controller）的变种。在传统的MVC模式中，Model和View之间存在直接的依赖和数据交…...
Java面试题七
一、Java中的集合框架是如何组织的？列举几个常用的集合类。 Java中的集合框架是一个设计用来存储和操作对象集合的统一架构。它主要由两大接口派生出来：Collection和Map。这两个接口及其子接口和实现类共同构成了Java集合框架的主体。 集合框架的组织结…...
linux网络编程3——http服务器的实现和性能测试
http服务器的实现 本文使用上一篇博文实现的epollreactor百万并发的服务器实现了一个使用http协议和WebSocket协议的WebServer。 完整代码请看我的github项目 1. 水平触发(Level Trigger)与边沿触发(Edge Trigger) 1.1 水平触发 水平触发是一种状态驱动机制。当文件描述符&a…...
Docker部署Kamailio，并使用LinPhone实现网络通话
前提条件 准备一个路由器，一个服务器，两个终端设备（手机或电脑） docker部署安装 我使用的是windows系统，docker desktop 先启动Docker desktop打开cmd，输入docker命令docker run --name kamailio --rm…...
JAVA-石头迷阵小游戏
采用企业式项目结构，接下来我将分享全部代码和结构，希望大家点点关注！ 这是我的结构。首先使用IDE创建一个Module，命名stone-maze，接着把自带src下的main方法删除，接着在src下创建包，包名为com.wmuj，接着创建APP类代码如下： package com.wmuj;public class App {publ…...
鸿蒙--进度条通知
主要介绍如何使用通知能力和基础组件，实现模拟下载文件，发送通知的案例。 效果 代码结构 ├──entry/src/main/ets // 代码区 │ ├──common │ │ ├──constants │ │ │ └──CommonConstants.ets // 公共常量类 │ │ └──utils │ │ ├──Logger.ets //…...
搜维尔科技：varjo xr-4开箱测评，工业用途头显，一流视觉保真度
varjo xr-4开箱测评，工业用途头显，一流视觉保真度 搜维尔科技：varjo xr-4开箱测评，工业用途头显，一流视觉保真度...
mysql数据量分库分表
一、分库分表参考阈值 分库分表是解决大规模数据和高并发访问问题的常用策略。虽然没有绝对的阈值来决定何时进行分库分表，但以下是一些参考阈值和考虑因素，可以帮助你做出决策： 1.1 数据量阈值 单表数据行数：当单表的数据行数…...
Vite创建Vue3项目以及Vue3相关基础知识
1.创建Vue3项目 1.运行创建项目命令 # 使用 npm npm create vitelatest2、填写项目名称 3、选择前端框架 4、选择语法类型 5、按提示运行代码 不出意外的话，运行之后应该会出现 下边这个页面 6.延伸学习：对比webpack和vite（这个是面试必考…...
Elasticsearch封装公共索引增删改查
什么是索引？ 定义：索引是 Elasticsearch 中用于存储数据的逻辑命名空间。它由多个文档组成，每个文档是一个 JSON 格式的结构化数据对应关系：在关系数据库中，索引类似于表；而在 Elasticsearch 中࿰…...
Python异常检测：Isolation Forest与局部异常因子(LOF）详解
这里写目录标题 Python异常检测：Isolation Forest与局部异常因子（LOF）详解引言一、异常检测的基本原理1.1 什么是异常检测？1.2 异常检测的应用场景 二、Isolation Forest2.1 Isolation Forest的原理2.1.1 算法步骤 2.2 Python实现…...
Git的原理和使用（二）
1. git的版本回退 之前我们也提到过，Git 能够管理⽂件的历史版本，这也是版本控制器重要的能⼒。如果有⼀天你发现 之前前的⼯作做的出现了很⼤的问题，需要在某个特定的历史版本重新开始，这个时候，就需要版本 回退的功能…...
docker 发布镜像
如果要推广自己的软件，势必要自己制作 image 文件。 1 制作自己的 Docker 容器 基于 centos 镜像构建自己的 centos 镜像，可以在 centos 镜像基础上，安装相关的软件，之后进行构建新的镜像。 1.1 dockerfile 文件编写 首先&…...