【腾讯云 Cloud Studio 实战训练营】深度体验 | 使用腾讯云 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面

在这里插入图片描述

【腾讯云 Cloud Studio 实战训练营】深度体验 | 使用腾讯云 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面

  • 写在前面的话
  • 一、腾讯云 Cloud Studio 介绍
    • 1.1 Cloud Studio 应用场景
    • 1.2 Cloud Studio 开发优势
  • 二、沉浸式体验开发快速构建 H5 页面
    • 2.1 注册与登录 Cloud Studio
    • 2.2 创建开发空间
    • 2.3 配置 Vue 预置开发环境
    • 2.4 安装开发依赖
    • 2.5 main.js文件引入相关库和包
    • 2.6 编写核心代码
    • 2.7 上传代码仓库
    • 2.8 查看开发空间
  • 三、全文总结

写在前面的话

先给各位小伙伴介绍一下Cloud Studio是什么吧，这是腾讯云与国内领先的一站式软件研发平台 CODING 联合推出一款完全基于云端的 IDE：Cloud Studio，实现 Coding Anytime Anywhere。

简而言之就是基于浏览器的集成式开发环境（IDE），为开发者提供了一个稳定的云端工作站。

程序员们在使用 Cloud Studio 时不需要进行安装等各种复杂的操作，随时随地打开浏览器就能使用。其功能包含代码高亮、自动补全、Git 集成、终端等 IDE 的基础功能，同时支持实时调试、插件扩展等，可以帮助开发者快速完成各种应用的开发、编译与部署工作。

这次CSDN联合腾讯云Cloud Studio推出了系列活动，通过技术直播、动手参与实验项目、上传自己的项目模板等活动，让各位开发者友友们沉浸式体验了这个云端神器Cloud Studio，洲洲也参与了这次的沉浸式体验，话不多说，直接上博文！
在这里插入图片描述

一、腾讯云 Cloud Studio 介绍

1.1 Cloud Studio 应用场景

Cloud Studio有如下几个常见的应用场景。

  • 快速启动项目： 通过Cloud Studio的预置环境，能够迅速创建适应所需类型的工作空间，避免了繁琐的环境配置流程。
  • 实时调试网页： 在Cloud Studio内置的预览插件的协助下，可以实时预览网页应用的效果。无论何时修改代码，预览窗口可以自动刷新，能够立即看到您的更改所带来的影响。这不仅加速了开发过程，还有助于更快地找出问题并进行调整。
  • 便捷远程访问云服务器： Cloud Studio连接到个人的云服务器。通过编辑器，可以方便地浏览云服务器上的文件以及进行实时的在线编程和部署工作。
  • 一体化开发体验： Cloud Studio为开发者提供了一体化的开发体验，集成了项目启动、实时调试和远程访问等功能。这使得从项目创建到部署整个过程变得更加流畅，不再需要在不同工具之间来回切换，从而提高了开发效率和舒适度。
  • 持续创新驱动： 通过Cloud Studio的强大功能，能够更专注于核心业务代码开发，这种聚焦于创新的方式将推动项目不断高效率发展。

在这里插入图片描述

1.2 Cloud Studio 开发优势

  • 支持多种语言： Cloud Studio 包含了多种主流开发语言，能够满足绝大多数开发友友们的相关开发需求，并且切换方便，效率高。
  • 应用范围广泛： Cloud Studio 在多种场景下展现出强大实力，包括微信小程序开发、中小型项目构建以及在线代码修改等。
  • 无需繁琐安装，支持多平台： 借助基于Web的代码编辑器，可随时参与代码编写和编译运行，摆脱了安装和平台限制的束缚。
  • 智能代码提示： Cloud Studio 不仅为 Java、JS、HTML 和 TypeScript 提供智能代码提示功能，还能根据当前文件上下文进行深度理解，从而极大地提升了开发效率。
  • 错误提示： Cloud Studio 后台持续对代码进行全面分析，实时监测并在多个位置展示警示信息，提供错误提示。此外，系统还会针对问题提供相应的修正建议，有助于开发者们快速解决难题，提升代码质量。
  • 快速部署应用： Cloud Studio可以进行一键部署，智能识别30+的主流前后端框架，全面支持VS Code 的市场相关插件。

在这里插入图片描述

二、沉浸式体验开发快速构建 H5 页面

2.1 注册与登录 Cloud Studio

首先大家通过如下超链接进行注册与登录：

https://www.cloudstudio.net/?utm=csdn

这里注册和登录 Cloud Studio社区非常方便，提供了3种注册方式：

1.使用微信账号授权注册/登录
2.使用 GitHub 授权注册/登录(若使用 GitHub 登陆则在创建公开应用时需要实名认证)
3.使用 CODING 账号注册

在这里插入图片描述
授权注册后即可进入首页，空间模板开箱即用，可以快速搭建环境进行代码开发。

2.2 创建开发空间

Cloud Studio社区控制台中罗列了常见的集成开发环境，支持了40+的多种模板（框架模板、云原生模板、建站模板），单击创建应用则会出现选择模版点击就能根据所需模板卡片即可进入对应环境中。

这个功能非常适合需要学习一些技术，或者临时的一些开发功能需求、测试一些代码片断、刷刷 LeetCode等，友友们不再需要为繁琐的本地环境、各种依赖的版本烦恼。

可能有朋友会说 上 Docker 可以将相关环境打包好，但是这还是需要下载镜像、启动容器。而且对 Docker 不熟悉的开发者，反而增加了学习成本和电脑的硬件配置，Cloud Studio 可以很好的解决这些问题。
在这里插入图片描述

2.3 配置 Vue 预置开发环境

我们利用 Cloud Studio 快速搭建还原一个移动端 H5 的页面，所以这里我们选择使用Vue模板来实现功能。点击 Vue.js 模板卡片，进入集成环境加载页面，加载成功后即可进入开发环境进行编程。

在这里插入图片描述
可以看到如下工作空间启动中。
在这里插入图片描述
Cloud Studio 将初始化好开发 Vue 环境，并且默认有一个小 Demo，系统相关配置信息如下：

  • 当前目录为 /workspace
  • 当前 Node 版本为 v18.13.0，Npm 版本为 9.8.0
  • 环境默认支持 docker

在这里插入图片描述

2.4 安装开发依赖

首先我们引入 Vant 依赖包：

yarn add vant@^3.6.12

然后我们按需引入组件样式：

在基于 vite、webpack 或 vue-cli 的项目中使用 Vant 时，可以使用 unplugin-vue-components 插件，它可以自动引入组件，并按需引入组件的样式。

相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。

// —D表示安装到开发依赖中
yarn add -D unplugin-vue-components@^0.22.7

接着在根目录 vite.config.js 文件中配置插件。

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 引入以下2个库
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 增加以下配置
    Components({
      // 不生成类型声明文件自己写
      dts: false,
      // 样式需要单独引入
      resolvers: [VantResolver({ importStyle: false })]
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

通过完成以上安装和修改配置文件，就可以直接在模板中使用 Vant 组件了，unplugin-vue-components 会解析模板并自动注册对应的组件。

在这里插入图片描述
紧接着我们安装 Less

yarn add -D less@^3.12.2

在vite.config.js 文件中增添 less 的相关配置。

  // 增加以下css配置代码
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },
})

此时整体的配置如下图所示：
在这里插入图片描述

接着安装 normalize：

Normalize.css 是CSS重置的现代替代方案，可以为默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。

yarn add -D normalize.css@^8.0.1

在这里插入图片描述

2.5 main.js文件引入相关库和包

当完成上述操作之后，我们首先在 src/main.js 文件中引入包和库。

import { createApp } from 'vue'
import App from './App.vue'
// 按需引入 Vant
import { Tabbar, TabbarItem } from 'vant';
import 'vant/lib/index.css'
// CSS 重置的现代替代方案
import 'normalize.css/normalize.css'

// 实例化 Vue 实例
const app = createApp(App)

// 安装 Vant 相关使用插件
app.use(Tabbar);
app.use(TabbarItem);

// 挂载到 #app 节点
app.mount('#app')

然后我们增加首页移动端默认样式，在src/index.html文件中，添加以下script代码可以使用Rem编写代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
    <!-- built files will be auto injected -->
    <script>
      // rem定义
      /*
      720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例
      */
      getRem(375, 100);

      window.onresize = function() {
        getRem(375, 100);
      };

      function getRem(pwidth, prem) {
        var html = document.getElementsByTagName("html")[0];
        var oWidth =
        document.documentElement.clientWidth || document.body.clientWidth;
        html.style.fontSize = (oWidth / pwidth) * prem + "px";
      }

      // 安卓机中，默认字体大小不让用户修改
      ;(function () {
        if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
          handleFontSize()
        } else {
          if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', handleFontSize, false)
          } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', handleFontSize)
            document.attachEvent('onWeixinJSBridgeReady', handleFontSize)
          }
        }

        function handleFontSize() {
          // 设置网页字体为默认大小
          WeixinJSBridge.invoke('setFontSizeCallback', {
            fontSize: 0,
          })
          // 重写设置网页字体大小的事件
          WeixinJSBridge.on('menu:setfont', function () {
            WeixinJSBridge.invoke('setFontSizeCallback', {
              fontSize: 0,
            })
          })
        }
      })()
    </script>
  </body>
</html>

在这里插入图片描述

2.6 编写核心代码

进行完上述的相关操作，我们就可以在src/src/App.vue中编写业务代码了！

代码情况如下：

<template>
  <div class="container">
    <van-nav-bar
      title="e租宝案"
      left-arrow
    />

    <div class="list_box">
      <div class="list">
        <div class="list-head">开庭前准备 5</div>
        <div class="list_item">
          <div class="list_item-head">
            <van-checkbox v-model="radio" shape="square">核对证据原件并存档</van-checkbox>
            <div class="list_item-head_name">
              <div class="list_item-head_name-tag"></div>
              <div class="list_item-head_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list_item-info">
            <img class="list_item-info_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list_item-info_tag list_item-info_tag--gray">03-28 截止</div>
            <img class="list_item-info_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list_item list_item--blue">
          <div class="list_item-head">
            <van-checkbox v-model="radio1" shape="square">调取并查阅案卷</van-checkbox>
            <div class="list_item-head_name">
              <div class="list_item-head_name-tag"></div>
              <div class="list_item-head_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list_item-info">
            <img class="list_item-info_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list_item-info_tag list_item-info_tag--blue">下周一 截止</div>
            <img class="list_item-info_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list_item list_item--orange">
          <div class="list_item-head">
            <van-checkbox v-model="radio2" shape="square">领取传票并通知委托人</van-checkbox>
            <div class="list_item-head_name">
              <div class="list_item-head_name-tag"></div>
              <div class="list_item-head_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list_item-info">
            <img class="list_item-info_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list_item-info_tag list_item-info_tag--orange">明天 17:00 截止</div>
            <img class="list_item-info_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list_item list_item--red">
          <div class="list_item-head">
            <van-checkbox v-model="radio3" shape="square">写委托书</van-checkbox>
            <div class="list_item-head_name">
              <div class="list_item-head_name-tag"></div>
              <div class="list_item-head_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list_item-info">
            <img class="list_item-info_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list_item-info_tag list_item-info_tag--red">2019-2-12 截止</div>
            <img class="list_item-info_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>
      </div>
    </div>

    <van-tabbar v-model="active">
      <van-tabbar-item icon="comment-o">名片夹</van-tabbar-item>
      <van-tabbar-item icon="shop-o">官网</van-tabbar-item>
      <van-tabbar-item icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      active: 0,
      radio: false,
      radio1: false,
      radio2: false,
      radio3: false,
    };
  },
};
</script>

<style lang="less">
html,
body {
  // font-family: PingFangSC-Medium, PingFang SC, Arial, 'Microsoft Yahei', sans-serif;
  font-family: Arial, 'Microsoft Yahei', sans-serif;
  font-size: 0.14rem;
  // line-height: 0.24rem;
  color: #333;
  background: #f9f9f9;
  // iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

* {
  outline-style: none !important;
}
</style>

<style lang="less" scoped>
.container {
  position: relative;
  min-height: 100vh;
  padding-bottom: 0.5rem;
  background: #fff;
}

.list_box {
  padding: 0.2rem 0.1rem;
  box-sizing: border-box;
  .list {
    padding: 0.1rem 0.1rem 0.3rem;
    box-sizing: border-box;
    background: #f4f4f4;
    width: 100%;
    border-radius: 3px;
    &-head {
      padding: 16px 15px 12px 0;
      box-sizing: border-box;
      font-size: 0.16rem;
    }
  }
}

.list_item {
  background: #fff;
  padding: 0.1rem;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 0.1rem;
  &--gray {
    background: #cccccc;
  }
  &--blue {
    border-left: 2px solid #75A8F7;
  }
  &--orange {
    border-left: 2px solid #E8A743;
  }
  &--red {
    border-left: 2px solid #E8311F;
  }
  &-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    &_name {
      display: flex;
      align-items: center;
      &-tag {
        width: 6px;
        height: 6px;
        background: #5F8DD8;
        border-radius: 50%;
        margin-right: 0.05rem;
      }
      &-text {
        font-size: 0.12rem;
        color: #989A9C;
      }
    }
  }

  &-info {
    padding-top: 8px;
    padding-left: 25px;
    display: flex;
    align-items: center;
    &_img {
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }
    &_tag {
      padding: 0 5px;
      box-sizing: border-box;
      height: 18px;
      line-height: 18px;
      background: #989A9C;
      border-radius: 3px;
      margin-right: 10px;
      color: #fff;
      font-size: 0.1rem;
      &--gray {
        background: #cccccc;
      }
      &--blue {
        background: #75A8F7;
      }
      &--orange {
        background: #E8A743;
      }
      &--red {
        background: #E8311F;
      }
    }
    &_clock {
      width: 10px;
      height: 10px;
    }
  }
}
</style>

Cloud Studio 内置预览插件，可以实时显示网页应用，当代码发生改变之后，预览窗口会自动刷新，即可在 Cloud Studio 内实时开发调试网页。

可以看到网页详情页面如下所示：
在这里插入图片描述

2.7 上传代码仓库

写好代码之后，我们可以将项目远程上传到腾讯云的Coding中去！

超链接如下：Coding 仓库地址

在这里插入图片描述
首先我们选择创建项目模板~

在这里插入图片描述
填写好基本的信息如下~

在这里插入图片描述

接下来我们在Cloud Studio终端中进行git操作！相关代码如下所示：

// git初始化操作
$ git init
Initialized empty Git repository in /workspace/vuejs-quickstart/webapp/.git/
// 添加文件
$ git add ./
// 提交
$ git commit -m "feat: 初始化项目"
[master (root-commit) 3805d4c] feat: 初始化项目
 12 files changed, 9700 insertions(+)
 create mode 100644 .gitignore
 ......
 create mode 100644 vue.config.js
 create mode 100644 yarn.lock

在这里插入图片描述
然后我们选择提交到仓库中。

在这里插入图片描述

推送完成后就可以看到Coding仓库中已经存在啦！非常的简单and高效，完美！

在这里插入图片描述

2.8 查看开发空间

在真实的代码开发中，我们可以看到所有的项目，十分的方便。
在这里插入图片描述
我们可以进行ssh连接项目。
在这里插入图片描述
也能够随时停止项目。
在这里插入图片描述

三、全文总结

通过使用 Cloud Studio，我们可以轻松地构建基于 Vue + Vite 的律师 H5 页面项目，无需花费时间在繁琐的依赖环境准备上，直接开箱即用。在这个全浏览器操作的开发环境中，我们能够随时随地进行项目开发，摆脱了对本地开发工具的依赖。

Cloud Studio 的界面设计类似于 VSCode，内置了代码高亮、自动补全、Git 集成、终端等基本的集成开发环境功能。与此同时，它还支持实时调试和插件扩展等高级功能，极大地提升了开发效率，使开发者能够更快地完成应用的开发、编译和部署任务。无论是电脑配置有限的开发者还是初学者，Cloud Studio 都是一个非常有价值的学习工具。

除此之外，Cloud Studio 还具备多人协作的强大功能。多个开发人员可以同时在同一个云开发环境中协同工作，从而极大地增强了团队的协作效率。这项功能使得团队成员能够实时共享代码、交流想法，从而更流畅地合作完成项目。

如果用一句话概括，那就是Cloud Studio 为项目开发提供了一个高效、便捷且强大的云端开发平台。

还等什么？感兴趣的小伙伴赶紧用上吧！

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/68268.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

协程（一）单机--》并发--》协程

协程（一）单机--》并发--》协程

目录 一 协程的概述1.1 并行与并发1.2 线程1.3 新的思路1.4 Goroutine 二 第一个入门程序 一 协程的概述 我查看了网上的一些协程的资料&#xff0c;发现每个人对协程的概念都不一样&#xff0c;但是我认可的一种说法是&#xff1a;协程就是一种轻量级的线程框架&#xff08;K…
阅读更多...
【C语言学习】条件运算符、逻辑运算、运算符优先级

【C语言学习】条件运算符、逻辑运算、运算符优先级

一、条件运算符 条件&#xff1f;条件满足时的值&#xff1a;条件不满足时的值 count (count>20)?count-10:count10;等同于 if( count>20 )count count-10; elsecount count10; 优先级 条件运算符的优先级高于赋值运算符&#xff0c;但低于其他运算符。 尽量不要…
阅读更多...
【图像恢复】基于交替乘子方法(ADMM)图像恢复算法研究[固定点收敛和应用]（Matlab代码实现）

【图像恢复】基于交替乘子方法(ADMM)图像恢复算法研究[固定点收敛和应用]（Matlab代码实现）

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…
阅读更多...
Linux系统性能调优及调试课：Linux Kernel Printk

Linux系统性能调优及调试课：Linux Kernel Printk

🚀返回专栏总目录 文章目录 0、printk 说明1、printk 日志等级设置2、屏蔽等级日志控制机制3、printk打印常用方式4、printk打印格式0、printk 说明 在开发Linux device Driver或者跟踪调试内核行为的时候经常要通过Log API来trace整个过程，Kernel API printk()是整个Kern…
阅读更多...
layui 集成 ztree异步加载

layui 集成 ztree异步加载

首先&#xff0c;layui环境搭建&#xff0c;ztree环境引入 ztree的js和css都要引入&#xff0c;我这里暂时用的是core包> 静态&#xff0c;一句话就够了 <!-- 左侧菜单树形组件 --><div class"layui-col-md3"><div class"layui-footer "…
阅读更多...
【C语言】文件操作

【C语言】文件操作

目录 前言&#xff1a;一.为什么使用文件二.什么是文件三.文件的打开和关闭1.文件指针2.文件的打开和关闭 四.文件的顺序读写1.顺序读写函数介绍2.一组函数对比3.fwrite函数与fread函数 五.文件的随机读写1.fseek2.ftell3. rewind 六.文本文件和二进制文件七.文件读取结束的判定…
阅读更多...
Selenium 自动化 | 案例实战篇

Selenium 自动化 | 案例实战篇

Chrome DevTools 简介 Chrome DevTools 是一组直接内置在基于 Chromium 的浏览器&#xff08;如 Chrome、Opera 和 Microsoft Edge&#xff09;中的工具&#xff0c;用于帮助开发人员调试和研究网站。 借助 Chrome DevTools&#xff0c;开发人员可以更深入地访问网站&#xf…
阅读更多...
dotNet 之数据库sqlite

dotNet 之数据库sqlite

Sqlite3是个特别好的本地数据库&#xff0c;体积小&#xff0c;无需安装&#xff0c;是写小控制台程序最佳数据库。NET Core是同样也是.NET 未来的方向。 **硬件支持型号 点击 查看 硬件支持 详情** DTU701 产品详情 DTU702 产品详情 DTU801 产品详情 DTU802 产品详情 D…
阅读更多...
【工作记录】docker安装gitlab、重置密码@20230809

【工作记录】docker安装gitlab、重置密码@20230809

前言 本文记录下基于docker安装gitlab并重置管理员密码的过程。 作为记录的同时也希望能帮助到需要的朋友们。 搭建过程 1. 准备好docker环境并启动docker [rootslave-node1 docker-gitlab]# docker version Client:Version: 18.06.1-ceAPI version: 1.38…
阅读更多...
星河双子塔对面万科星火城市更新规划出炉

星河双子塔对面万科星火城市更新规划出炉

龙岗区坂田街道欧威尔空调厂城市更新单元“工业上楼”项目规划&#xff08;草案&#xff09;已经龙岗区“工业上楼”项目工作专班2023年第四次审批会议审议通过。根据《中华人民共和国城乡规划法》《深圳经济特区城市更新条例》《深圳市城市更新办法实施细则》《深圳市“工业上…
阅读更多...
主数据管理案例-北京燃气

主数据管理案例-北京燃气

1、 背景介绍及难点分析 主数据作为数据资源中最重要、基础的一部分&#xff0c;是北京燃气实现数据资源管理的切入点&#xff0c;对北京燃气而言&#xff0c;实现主数据的集中统一管理也是解决集团信息化建设中“信息孤岛”现象&#xff0c;实现系统集成和业务协同需求最迫切的…
阅读更多...
单机游戏防破解方案解析

单机游戏防破解方案解析

近年来&#xff0c;游戏市场用户规模趋于稳定&#xff0c;游戏市场进入了存量时代&#xff0c;各赛道“人满为患”&#xff0c;如何在一片红海中站稳脚跟成了厂商的必修课。 而在快节奏的社会环境下&#xff0c;脱离了网游社交粘性&#xff0c;主打清爽、自由的单机游戏&#…
阅读更多...
javascript获取设置输入框内容

javascript获取设置输入框内容

代码&#xff0c; <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>获取设置输入框内容</title> </head> <body><button onclick"getinput()">click me</button><div id&qu…
阅读更多...
【手撕C语言】多线程

【手撕C语言】多线程

(꒪ꇴ꒪ )&#xff0c;Hello我是祐言QAQ我的博客主页&#xff1a;C/C语言,Linux基础,ARM开发板&#xff0c;软件配置等领域博主&#x1f30d;快上&#x1f698;&#xff0c;一起学习&#xff0c;让我们成为一个强大的攻城狮&#xff01;送给自己和读者的一句鸡汤&#x1f914;&…
阅读更多...
docker版jxTMS使用指南：使用jxTMS采集数据之一

docker版jxTMS使用指南：使用jxTMS采集数据之一

本文讲解了如何jxTMS的数据采集与处理框架并介绍了如何用来采集数据&#xff0c;整个系列的文章请查看&#xff1a;docker版jxTMS使用指南&#xff1a;4.4版升级内容 docker版本的使用&#xff0c;请查看&#xff1a;docker版jxTMS使用指南 4.0版jxTMS的说明&#xff0c;请查…
阅读更多...
大麦订单截图 一键生成订单截图

大麦订单截图 一键生成订单截图

新版付款图样式展示 这个样式图就是在大麦刚付款完的一个订单截图&#xff0c;它的状态是等待卖家发货 下滑下载源码 下载源码&#xff1a;https://pan.baidu.com/s/16lN3gvRIZm7pqhvVMYYecQ?pwd6zw3
阅读更多...
山东布谷科技直播软件源码探索高效、稳定直播传输的技术介绍：流媒体传输技术

山东布谷科技直播软件源码探索高效、稳定直播传输的技术介绍：流媒体传输技术

今天我们探索的是让直播软件源码平台在直播时能够高效、稳定的进行直播传输的技术&#xff0c;而这个技术就是直播软件源码平台的流媒体传输技术&#xff0c;在直播软件源码平台中&#xff0c;流媒体传输技术会将直播的图像、视频、音频等相关的流媒体信号通过网络传递到用户的…
阅读更多...
Textnow注册防封，如何免费获取收发信息的美国手机号

Textnow注册防封，如何免费获取收发信息的美国手机号

TextNow和Google voice一样&#xff0c;是美国的一款免费的网络通信应用程序&#xff0c;可用于免费收发短信和无限制拨打电话&#xff0c;对于那些希望节省通讯费用的人&#xff0c;尤其是那些需要在跨境商务通讯频繁、跨境推广需要短信收发的用户来说&#xff0c;TextNow非常…
阅读更多...
服装行业多模态算法个性化产品定制方案 | 京东云技术团队

服装行业多模态算法个性化产品定制方案 | 京东云技术团队

一、项目背景 AI赋能服装设计师&#xff0c;设计好看、好穿、好卖的服装 传统服装行业痛点 • 设计师无法准确捕捉市场趋势&#xff0c;抓住中国潮流 • 上新周期长&#xff0c;高库存滞销风险大 • 基本款居多&#xff0c;难以满足消费者个性化需求 解决方案 • GPT数据…
阅读更多...
线性表之链表

线性表之链表

前言&#xff1a; 在计算机科学中&#xff0c;链表是一种常见的数据结构&#xff0c;用于存储和组织数据。相比于顺序表&#xff0c;链表具有更高的灵活性和动态性。 在本博客中&#xff0c;我们将深入讨论链表的概念、分类以及实现方法。我们将从链表的基本概念开始&#xff0…
阅读更多...
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站