uni-app的来龙去脉,技术要点及技术难点,语法结构及应用场景,其实前端也很难,顶级的前端比后端都重要,感觉第一,理性第二

Uni-App 的来龙去脉

Uni-App 是由 DCloud 推出的一款跨平台前端框架,用于开发一次性代码并可以同时在 iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序和 QQ 小程序等多个平台上运行的应用。Uni-App 的出现应对了移动互联网时代多平台应用开发的需求,减少了开发者在多个平台之间重复编写代码的负担。

历史背景:

  • 多平台需求:在移动互联网时代,各大平台(如 iOS、Android、各类小程序平台)纷纷崛起,开发者需要为每个平台单独开发应用,增加了开发和维护成本。
  • 前端技术的进步:HTML5、CSS3 和 JavaScript 的发展,使得前端技术具备了更强的表现力和功能性,支持跨平台开发成为可能。
  • 跨平台框架兴起:包括 React Native、Flutter、Weex 等在内的跨平台框架相继问世,Uni-App 作为其中的一员,提供了更加灵活和高效的解决方案。

技术要点

  1. 跨平台能力

    • 一次开发,多端运行:通过统一的代码库,支持生成 iOS、Android、H5 和多种小程序平台的应用。
    • 平台适配:Uni-App 提供了对不同平台特性的适配和封装,使得开发者可以用统一的 API 进行调用。
  2. Vue.js 生态

    • Vue.js 支持:Uni-App 基于 Vue.js 构建,利用其简洁和灵活性的特点,开发者可以快速上手。
    • 组件化开发:支持 Vue 组件和自定义组件,方便复用和维护。
  3. 丰富的插件和扩展

    • 插件市场:提供丰富的插件市场,涵盖各种常用功能,方便快速集成。
    • 扩展能力:支持自定义插件和模块开发,满足特殊需求。
  4. 高性能渲染

    • 渲染优化:通过原生渲染引擎和 JavaScript 引擎优化,提升渲染性能。
    • 离线缓存:支持离线缓存和预加载,提升用户体验。

技术难点

  1. 跨平台兼容性

    • 平台差异:不同平台的特性和限制不同,需要处理大量的兼容性问题。
    • API 一致性:保证统一 API 的同时,适配各个平台的特性和差异是一个挑战。
  2. 性能优化

    • 渲染性能:在不同平台上,尤其是性能较弱的小程序平台,保持高效的渲染性能是一个难点。
    • 资源管理:高效管理和加载资源,避免内存泄漏和性能瓶颈。
  3. 开发调试

    • 多平台调试:在多个平台上进行调试和问题定位,需要高效的工具和方法。
    • 错误排查:跨平台框架的中间层导致的错误,有时难以快速定位和修复。

语法结构

Uni-App 使用 Vue.js 语法进行开发,主要包括以下结构:

  1. 模板(Template)

    <template><view><text>{{ message }}</text></view>
    </template>
    
  2. 脚本(Script)

    <script>
    export default {data() {return {message: 'Hello Uni-App!'}}
    }
    </script>
    
  3. 样式(Style)

    <style>
    text {color: blue;
    }
    </style>
    

应用场景

  1. 跨平台移动应用:适用于需要同时在 iOS 和 Android 平台上运行的应用,减少开发和维护成本。
  2. 多端小程序:适用于需要发布到多个小程序平台(如微信、支付宝、百度等)的应用,统一代码库管理。
  3. H5 应用:适合开发基于浏览器运行的 Web 应用,利用 Uni-App 的高效渲染和组件化开发。

Uni-App 的详细分析

技术架构

Uni-App 的技术架构主要包括以下几个部分:

  1. 编译器

    • 源码编译:Uni-App 的编译器将 Vue.js 的模板、脚本和样式编译成各个平台的原生代码。
    • 多平台输出:根据不同平台的需求,编译器可以输出适用于 iOS、Android、小程序、H5 等平台的代码。
  2. 运行时

    • WebView:在 H5 端和部分小程序中,Uni-App 使用 WebView 进行页面渲染。
    • Native 渲染:在 iOS 和 Android 端,Uni-App 通过原生渲染引擎提升性能,减少 WebView 带来的性能损耗。
  3. API 层

    • 统一 API:提供一套统一的 API,屏蔽不同平台的差异,开发者可以通过这些 API 进行跨平台调用。
    • 平台适配:API 层负责将统一 API 转换为各个平台的原生 API 调用。
  4. 插件系统

    • 官方插件:DCloud 提供了丰富的官方插件,涵盖各种常见功能,如地图、支付、推送等。
    • 第三方插件:社区和第三方开发者可以开发和发布插件,扩展 Uni-App 的功能。
  5. 调试与发布

    • 调试工具:提供丰富的调试工具,如 HBuilderX IDE,支持实时预览和调试。
    • 一键发布:支持一键打包和发布到多个平台,简化发布流程。
技术难点与应对策略
  1. 跨平台兼容性

    • 差异化处理:通过平台差异化处理机制,在编译阶段进行特定平台的代码分支处理。
    • 测试覆盖:通过自动化测试和多平台测试工具,确保应用在不同平台上的一致性。
  2. 性能优化

    • 原生渲染引擎:在原生端使用高效的渲染引擎,减少 WebView 的使用,提升渲染性能。
    • 资源管理:通过懒加载、按需加载和缓存策略,优化资源的管理和使用。
  3. 开发调试

    • 模拟器和真机调试:提供多种模拟器和真机调试工具,帮助开发者快速定位和修复问题。
    • 错误报告:集成错误报告和日志系统,帮助开发者追踪和解决生产环境中的问题。
语法结构与示例

Uni-App 使用 Vue.js 语法进行开发,以下是一个简单的示例应用:

模板(Template)

<template><view class="container"><text>{{ message }}</text><button @click="changeMessage">点击我</button></view>
</template>

脚本(Script)

<script>
export default {data() {return {message: 'Hello Uni-App!'}},methods: {changeMessage() {this.message = '你点击了按钮!';}}
}
</script>

样式(Style)

<style>
.container {padding: 20px;text-align: center;
}
text {color: blue;font-size: 18px;
}
button {margin-top: 20px;
}
</style>
应用场景
  1. 企业级应用

    • 适用于需要覆盖多个平台的企业应用,如企业内部管理系统、客户关系管理系统等。
    • 通过 Uni-App 的跨平台特性,可以减少开发和维护成本,提高开发效率。
  2. 电商应用

    • 电商平台通常需要在多个渠道(如移动端、微信小程序、H5)上提供服务,Uni-App 可以帮助快速开发和发布。
    • 支持复杂的前端交互和数据处理,通过插件系统可以快速集成支付、物流等功能。
  3. 社交应用

    • 社交应用需要高性能和良好的用户体验,Uni-App 的原生渲染引擎和优化策略可以满足这些需求。
    • 支持实时通讯和多媒体处理,通过插件扩展可以实现更多功能。
  4. 内容发布应用

    • 适用于新闻、博客、视频等内容发布平台,通过 Uni-App 可以实现多平台内容同步发布。### 10. 常见问题和解决方案
10.1 数据一致性
  • 问题:在多租户系统中,确保数据一致性和完整性非常重要,特别是在并发操作和分布式环境下。

  • 解决方案

    • 事务管理:使用数据库事务确保多个相关操作要么全部成功,要么全部失败。大多数ORM框架和数据库驱动都支持事务管理。

      // Java 示例:Spring事务管理
      @Transactional
      public void updateUserAndOrder(User user, Order order) {userRepository.save(user);orderRepository.save(order);
      }
      
    • 分布式事务:在需要跨多个服务或数据库实例的场景下,使用分布式事务管理工具(如Two-Phase Commit、Saga模式)来保证数据一致性。

      // Java 示例:Saga 模式
      @Saga
      public class OrderManagementSaga {@SagaSteppublic void createOrder(Order order) {// 创建订单逻辑}@SagaSteppublic void reserveInventory(Order order) {// 预留库存逻辑}@SagaSteppublic void confirmPayment(Order order) {// 确认支付逻辑}
      }
      
10.2 数据迁移和备份
  • 问题:随着系统的演进和租户数量的增加,数据库的结构和内容可能需要进行迁移和备份。

  • 解决方案

    • 数据库迁移工具:使用数据库迁移工具(如Flyway、Liquibase)管理数据库结构的变更。通过版本控制和自动化脚本,确保在不同环境中应用一致的数据库变更。

      # Flyway 示例配置
      flyway:url: jdbc:mysql://localhost:3306/mydbuser: userpassword: passwordlocations: classpath:db/migration
      
    • 定期备份:设置定期备份策略,使用数据库自带的备份工具或第三方工具(如AWS RDS备份、pg_dump)进行数据库备份。

      # pg_dump 示例:PostgreSQL 数据库备份
      pg_dump -U username -h localhost mydb > backup.sql
      
    • 数据恢复演练:定期进行数据恢复演练,确保在数据丢失或损坏时能够快速恢复。

10.3 多租户定制化需求
  • 问题:不同租户可能有不同的定制化需求,包括功能、UI、配置等方面。

  • 解决方案

    • 配置驱动:通过配置文件或数据库表存储租户的个性化配置,在应用启动时加载这些配置。

      // 配置示例:租户配置文件
      {"tenantId": "tenant1","theme": {"primaryColor": "#ff0000"},"features": {"featureA": true,"featureB": false}
      }
      
    • 插件架构:设计插件架构,允许租户根据需求启用或禁用特定功能模块。

      // Java 示例:Spring Boot 插件架构
      @Configuration
      public class TenantFeatureConfig {@Beanpublic FeatureManager featureManager() {FeatureManager manager = new FeatureManager();// 根据租户配置加载功能模块if (tenantConfig.isFeatureAEnabled()) {manager.enableFeature(new FeatureA());}if (tenantConfig.isFeatureBEnabled()) {manager.enableFeature(new FeatureB());}return manager;}
      }
      
10.4 性能瓶颈
  • 问题:随着租户和数据量的增加,系统可能会遇到性能瓶颈。

  • 解决方案

    • 性能监控和优化:使用APM工具和性能监控工具识别性能瓶颈,并进行针对性的优化,如数据库索引优化、代码优化等。

      -- SQL 示例:创建索引优化查询性能
      CREATE INDEX idx_orders_order_date ON orders(order_date);
      
    • 缓存:使用分布式缓存(如Redis、Memcached)缓存热点数据,减少数据库查询次数。

      // Java 示例:使用Spring Cache
      @Cacheable("orders")
      public Order getOrderById(Long orderId) {return orderRepository.findById(orderId).orElse(null);### 更深入了解 Uni-App
开发工具

HBuilderX IDE

  • HBuilderX 是 DCloud 提供的一款集成开发环境 (IDE),专为 Uni-App 开发优化。
  • 特性
    • 代码智能提示:支持 Vue.js 语法和 Uni-App 特有 API 的智能提示。
    • 实时预览:支持在本地模拟器和真机上实时预览和调试应用。
    • 一键云端打包:提供云打包服务,简化多平台应用的打包和发布流程。

调试工具

  • Weinre:用于调试 H5 页面和 WebView 内容。
  • Chrome DevTools:通过 Chrome 浏览器的开发者工具调试 H5 和 WebView 页面。
  • 真机调试:通过 USB 或无线方式连接真机进行调试。
应用生命周期

Uni-App 应用的生命周期与 Vue.js 类似,同时也有一些特有的生命周期方法:

  • onLaunch:应用初始化时触发。
  • onShow:应用启动或从后台切换到前台时触发。
  • onHide:应用从前台切换到后台时触发。

示例代码:

// 在 main.js 中
import Vue from 'vue'
import App from './App'Vue.config.productionTip = falseApp.mpType = 'app'const app = new Vue({...App
})
app.$mount()// 在 App.vue 中
export default {onLaunch() {console.log('App Launch')},onShow() {console.log('App Show')},onHide() {console.log('App Hide')}
}
数据管理

Vuex 状态管理

  • Uni-App 支持 Vuex 进行状态管理,适合大型应用的数据管理需求。
  • 示例:
    // store.js
    import Vue from 'vue'
    import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({state: {count: 0},mutations: {increment(state) {state.count++}}
    })export default store// main.js
    import store from './store'
    const app = new Vue({store,...App
    })
    
网络请求

uni.request

  • Uni-App 提供了统一的网络请求 API uni.request,类似于 axios,可以进行 GET、POST 等 HTTP 请求。

示例代码:

uni.request({url: 'https://api.example.com/data',method: 'GET',success: res => {console.log(res.data)},fail: err => {console.error(err)}
})
本地存储

uni.setStorage 与 uni.getStorage

  • 提供类似于浏览器 LocalStorage 的本地存储功能。

示例代码:

// 保存数据
uni.setStorage({key: 'user',data: {name: 'John Doe',age: 30},success: () => {console.log('Data saved successfully')}
})// 获取数据
uni.getStorage({key: 'user',success: res => {console.log(res.data)}
})
原生能力扩展

插件市场

  • Uni-App 提供了一个插件市场,开发者可以找到各种常见功能的插件,如地图、支付、推送等。
  • 插件使用
    • 在 HBuilderX 中打开插件市场,选择需要的插件并安装。
    • 在项目中通过配置文件引用和使用插件。

自定义插件

  • 开发者可以根据需求创建自定义插件,并在应用中使用。
  • 插件开发文档提供了详细的 API 和开发指南。
跨平台适配

条件编译

  • Uni-App 支持条件编译,开发者可以根据平台差异编写特定平台的代码。
  • 条件编译语法:
    // #ifdef MP-WEIXIN
    // 仅在微信小程序中执行的代码
    // #endif// #ifdef APP-PLUS
    // 仅在 App 端执行的代码
    // #endif
    
性能优化

懒加载与按需加载

  • 通过组件的懒加载和按需加载,减少初始加载时间,提高应用性能。
  • 示例:
    const MyComponent = () => import('@/components/MyComponent.vue')
    ```Uni-App 的插件市场提供了丰富的功能插件,涵盖了各种常见的应用场景和需求。以下是一些常见的功能插件:

1. UI 组件

  • uView:一个基于 Uni-App 的 UI 框架,提供丰富的 UI 组件,如按钮、表单、列表、弹窗等。
  • ColorUI:另一个流行的 UI 框架,提供美观的界面设计和多样化的组件。

2. 网络与数据

  • Axios:用于处理 HTTP 请求的库,方便进行网络请求和数据交互。
  • Flyio:轻量级的 HTTP 请求库,支持浏览器、小程序和 Node.js 环境。

3. 地图与位置

  • 高德地图插件:集成高德地图的功能,提供地图显示、位置定位、路线规划等功能。
  • 百度地图插件:集成百度地图的功能,支持地图展示、地址解析、导航等功能。

4. 支付与金融

  • 微信支付插件:集成微信支付功能,支持在微信小程序中进行支付操作。
  • 支付宝支付插件:集成支付宝支付功能,支持在支付宝小程序中进行支付操作。

5. 推送与通知

  • 极光推送插件:集成极光推送服务,支持消息推送和统计分析。
  • 个推插件:集成个推服务,提供高效的消息推送功能。

6. 媒体处理

  • 音视频插件:支持音频和视频的播放、录制、编辑等功能。
  • 图片处理插件:提供图片的裁剪、压缩、滤镜等处理功能。

7. 社交分享

  • 微信分享插件:支持在微信小程序中进行内容分享。
  • QQ 分享插件:支持在 QQ 小程序中进行内容分享。

8. 数据存储

  • 本地存储插件:提供本地数据存储的功能,支持读取和写入本地文件。
  • 云存储插件:集成云存储服务,支持上传和下载云端文件。

9. 用户认证

  • 微信登录插件:支持微信小程序的登录功能,方便获取用户信息。
  • 支付宝登录插件:支持支付宝小程序的登录功能。

10. 其他常用功能

  • 二维码扫描插件:支持二维码和条形码的扫描和识别。
  • 蓝牙插件:提供蓝牙设备的连接和数据通信功能。
  • 支付宝生活号插件:集成支付宝生活号的功能,支持消息推送和用户互动。

插件市场的使用

  1. 查找插件:在 HBuilderX 中打开插件市场,浏览或搜索需要的插件。
  2. 安装插件:选择插件并点击安装,插件将自动添加到项目中。
  3. 配置插件:根据插件的文档进行配置,如添加依赖和初始化。
  4. 使用插件:在代码中引用和调用插件提供的功能。

示例:使用高德地图插件

  1. 安装插件
    在 HBuilderX 的插件市场中搜索并安装高德地图插件。

  2. 配置插件
    根据插件文档,在项目的 manifest.json 中添加高德地图的配置。

    {"app-plus": {"modules": {"Maps": {"provider": "amap"}}}
    }
    
  3. 使用插件
    在代码中引用和使用高德地图的功能。

    <template><map id="map" :latitude="latitude" :longitude="longitude" :markers="markers"></map>
    </template><script>
    export default {data() {return {latitude: 39.909604,longitude: 116.397228,markers: [{id: 1,latitude: 39.909604,longitude: 116.397228,iconPath: '/static/map-marker.png'}]}},mounted() {// 初始化地图等相关操作}
    }
    </script>
    

通过插件市场,Uni-App 提供了广泛的功能扩展,开发者可以根据需求快速集成各种常见功能,提升开发效率和应用的功能性。### Uni-App 插件市场详细介绍

Uni-App 插件市场提供了广泛的插件,帮助开发者快速集成各种功能,提升开发效率。以下是对插件市场中一些重要插件的详细介绍及其使用方法。

1. UI 组件插件

uView UI

  • 简介:uView 是一款基于 Uni-App 的高质量 UI 框架,提供丰富的 UI 组件和工具函数,适用于快速构建美观的移动应用。
  • 主要功能
    • 丰富的基础组件:按钮、输入框、表单、列表、弹窗等。
    • 高级组件:图表、日历、图像裁剪等。
    • 主题定制:支持全局主题定制,轻松换肤。
  • 使用示例
    // 安装 uView
    npm install uview-ui// 在 main.js 中引入
    import uView from 'uview-ui'
    Vue.use(uView)
    

ColorUI

  • 简介:ColorUI 是另一个流行的 UI 框架,提供多样化的 UI 组件和设计风格。
  • 主要功能
    • 精美的 UI 组件:卡片、导航栏、图表等。
    • 多主题支持:提供多种预设主题,快速切换。
  • 使用示例
    // 在项目中引入 ColorUI
    import 'color-ui/dist/color-ui.css'
    
2. 网络与数据插件

Axios

  • 简介:Axios 是一个基于 Promise 的 HTTP 库,适用于浏览器和 Node.js。
  • 主要功能
    • 支持请求和响应拦截器。
    • 支持并发请求。
    • 提供丰富的配置选项。
  • 使用示例
    import axios from 'axios'axios.get('https://api.example.com/data').then(response => {console.log(response.data)}).catch(error => {console.error(error)})
    

Flyio

  • 简介:Flyio 是一个轻量级 HTTP 请求库,支持浏览器、小程序和 Node.js 环境。
  • 主要功能
    • 轻量快速,适合小程序环境。
    • 支持拦截器和全局配置。
  • 使用示例
    import Fly from 'flyio/dist/npm/wx'const fly = new Fly()fly.get('https://api.example.com/data').then(response => {console.log(response.data)}).catch(error => {console.error(error)})
    
3. 地图与位置插件

高德地图插件

  • 简介:高德地图插件提供了强大的地图显示和位置服务功能。
  • 主要功能
    • 地图展示:支持多种地图视图和覆盖物。
    • 位置服务:提供定位、路线规划等功能。
  • 使用示例
    <template><map id="map" :latitude="latitude" :longitude="longitude" :markers="markers"></map>
    </template><script>
    export default {data() {return {latitude: 39.909604,longitude: 116.397228,markers: [{id: 1,latitude: 39.909604,longitude: 116.397228,iconPath: '/static/map-marker.png'}]}}
    }
    </script>
    

百度地图插件

  • 简介:百度地图插件提供了丰富的地图和位置服务功能。
  • 主要功能
    • 地图服务:支持地图展示、位置标记等。
    • 定位服务:提供精准定位、路线规划等功能。
  • 使用示例
    <template><map id="map" :latitude="latitude" :longitude="longitude" :markers="markers"></map>
    </template><script>
    export default {data() {return {latitude: 39.915,longitude: 116.404,markers: [{id: 1,latitude: 39.915,longitude: 116.404,iconPath: '/static/map-marker.png'}]}}
    }
    </script>
    
4. 支付与金融插件

好的,让我们继续深入了解 Uni-App 插件市场中的其他常见功能插件及其使用方法。

4. 支付与金融插件

微信支付插件

  • 简介:微信支付插件集成了微信支付功能,方便在微信小程序中实现支付功能。
  • 主要功能
    • 支持微信支付的发起和回调处理。
    • 提供支付的安全性和便捷性。
  • 使用示例
    // 发起微信支付
    uni.requestPayment({provider: 'wxpay',timeStamp: '...',nonceStr: '...',package: '...',signType: 'MD5',paySign: '...',success: (res) => {console.log('Payment successful', res)},fail: (err) => {console.error('Payment failed', err)}
    })
    

支付宝支付插件

  • 简介:支付宝支付插件集成了支付宝支付功能,适用于支付宝小程序。
  • 主要功能
    • 支持支付宝支付的发起和回调处理。
    • 提供支付的安全性和便利性。
  • 使用示例
    // 发起支付宝支付
    my.tradePay({tradeNO: '...',success: (res) => {console.log('Payment successful', res)},fail: (err) => {console.error('Payment failed', err)}
    })
    

5. 推送与通知插件

极光推送插件

  • 简介:极光推送插件集成了极光推送服务,支持消息推送和统计分析。
  • 主要功能
    • 支持多平台消息推送。
    • 提供丰富的推送数据统计和分析。
  • 使用示例
    // 初始化极光推送
    JPush.init()// 监听推送消息
    JPush.addReceiveNotificationListener((message) => {console.log('Received notification', message)
    })
    

个推插件

  • 简介:个推插件集成了个推服务,提供高效的消息推送功能。
  • 主要功能
    • 支持多平台消息推送。
    • 提供丰富的推送数据统计和分析。
  • 使用示例
    // 初始化个推
    GeTui.init({appId: '...',appKey: '...',masterSecret: '...'
    })// 监听推送消息
    GeTui.onReceiveMessage((message) => {console.log('Received message', message)
    })
    

6. 媒体处理插件

音视频插件

  • 简介:音视频插件支持音频和视频的播放、录制、编辑等功能。
  • 主要功能
    • 支持音频和视频的播放和录制。
    • 提供视频剪辑和音频处理功能。
  • 使用示例
    // 播放音频
    const audioContext = uni.createInnerAudioContext()
    audioContext.src = 'path/to/audio/file'
    audioContext.play()// 录制视频
    uni.chooseVideo({sourceType: ['camera'],success: (res) => {console.log('Video path', res.tempFilePath)}
    })
    

图片处理插件

  • 简介:图片处理插件提供图片的裁剪、压缩、滤镜等处理功能。
  • 主要功能
    • 支持图片的裁剪和压缩。
    • 提供丰富的滤镜效果。
  • 使用示例
    // 选择图片并进行裁剪
    uni.chooseImage({count: 1,success: (res) => {const imagePath = res.tempFilePaths[0]uni.getImageInfo({src: imagePath,success: (imageInfo) => {// 裁剪图片const canvasContext = uni.createCanvasContext('imageCanvas')canvasContext.drawImage(imagePath, 0, 0, imageInfo.width, imageInfo.height)canvasContext.draw(false, () => {uni.canvasToTempFilePath({canvasId: 'imageCanvas',success: (result) => {console.log('Cropped image path', result.tempFilePath)}})})}})}
    })
    

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决Install/Remove of the Service Denied报错

1、问题概述&#xff1f; 在Windows系统中安装MySQL5.7.43的时候&#xff0c;运行mysqld install命令提示报错&#xff1a;Install/Remove of the Service Denied 意思是&#xff1a;安装/删除服务被拒绝 问题原因所在&#xff1a;就是你当前的权限不够&#xff0c;以管理员…

Linux【环境 CenOS7】部分软件安装链接整理

优质博文&#xff1a;IT-BLOG-CN 一、开启网络 【问题】&#xff1a; 刚安装完CentOS&#xff0c;当ping www.baidu.com时&#xff0c;ping不通&#xff1b; 【解决】&#xff1a; 进入cd /etc/sysconfig/network-scripts/我这里修改的是ifcfg-ens33文件&#xff0c;将ONBOOT…

p2p、分布式,区块链笔记:试用ZeroTier组网

ZeroTier 是一种用于创建和管理虚拟局域网&#xff08;Virtual Local Area Network&#xff0c;VLAN&#xff09;的软件定义网络&#xff08;SDN&#xff09;解决方案。它可以通过互联网将多个设备安全地连接在一起&#xff0c;就像它们在同一个本地网络上一样。主要开发语言为…

hadoop 3.X 分布式HA集成Kerbos(保姆级教程)

前提&#xff1a;先安装Kerbos 1、创建keytab目录 在每台机器上上提前创建好对应的kertab目录 [hadooptv3-hadoop-01 ~]$ sudo mkdir -p /BigData/run/hadoop/keytab/ [hadooptv3-hadoop-01 ~]$ sudo mkdir -p /opt/security/ [hadooptv3-hadoop-01 ~]$ sudo chown hadoop:had…

【Python从入门到进阶】59、Pandas库中Series对象的操作(二)

接上篇《58、Pandas库中Series对象的操作(一)》 上一篇我们讲解了Pandas库中Series对象的基本概念、对象创建和操作&#xff0c;本篇我们来继续学习Series对象的运算、函数应用、时间序列操作&#xff0c;以及Series的案例实践。 一、Series对象的运算 1. 数值型数据的算术运…

1、音视频解封装流程---解复用

对于一个视频文件(mp4格式/flv格式)&#xff0c;audio_pkt或者video_pkt是其最基本的数据单元&#xff0c;即视频文件是由独立的视频编码包或者音频编码包组成的。 解复用就是从视频文件中把视频包/音频包单独读取出来保存成独立文件&#xff0c;那么如何得知packet是视频包还是…

指针赋值与引用传递:C语言的基础知识与实践技巧

指针赋值与引用传递&#xff1a;C语言的基础知识与实践技巧 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; **1. **引言 在C语言中&#xff0c;指针是一种强…

Vue CLI VS Vite

Vue CLI与Vite区别&#xff1a; Vue CLI与Vite之间存在明显的区别&#xff0c;这些区别主要体现在实现原理、优化策略、开发环境速度、构建速度、依赖关系分析和插件系统等方面。以下是关于Vue CLI和Vite区别的详细分析&#xff1a; 实现原理&#xff1a; Vue CLI&#xff1a…

【Spring Boot】Spring Boot简介

1、概述 Spring Boot是一个用于创建独立、生产级别的基于Spring的应用程序的开发框架。旨在简化Spring应用的初始搭建和开发过程。它通过自动配置和大量默认配置&#xff0c;使得开发者能够快速搭建一个独立的Spring应用&#xff0c;无需进行大量的手动配置。 2、主要特点 快…

【一篇搞懂】操作系统期末大题:进程同步与互斥 PV操作

文章目录 一、前言&#x1f680;&#x1f680;&#x1f680;二、正文&#xff1a;☀️☀️☀️题型一&#xff1a;利用信号量实现前驱关系题型二&#xff1a;利用信号量实现资源同步与互斥 一、前言&#x1f680;&#x1f680;&#x1f680; 本文简介&#xff1a;这是一篇基于b…

无人机远程控制:北斗短报文技术详解

无人机&#xff08;UAV&#xff09;技术的快速发展和应用&#xff0c;使得远程控制成为了一项关键技术。无人机远程控制涉及无线通信、数据处理等多个方面&#xff0c;其中北斗短报文技术以其独特的优势&#xff0c;在无人机远程控制领域发挥着重要作用。本文将详细解析无人机远…

2024-06-26 base SAS programming 学习笔记6(proc report)

proc report可以生成报表&#xff0c;基本格式&#xff1a; proc report data options; (options 可以是windows/WD表示将结果输出至单独的报表窗口&#xff0c;或者nowindows/nowd将结果输出至HTML结果窗口) column variables ;(筛选待输出的变量&#xff0c;变量名与变量名之…

09_计算机网络模型

目录 OSI/RM七层模型 OSI/RM七层模型 各层介绍及硬件设备 传输介质 TCP/IP协议簇 网络层协议 传输层协议 应用层协议 完整URL的组成 IP地址表示与计算 分类地址格式 子网划分和超网聚合 无分类编址 特殊含义的IP地址 IPv6协议 过渡技术 OSI/RM七层模型 OSI/RM七…

区间动态规划——最长回文子序列长度(C++)

把夜熬成粥&#xff0c;然后喝了它。 ——2024年7月1日 书接上回&#xff1a;区间动态规划——最长回文子串&#xff08;C&#xff09;-CSDN博客&#xff0c;大家有想到解决办法吗&#xff1f; 题目描述 给定一个字符串s&#xff08;s仅由数字和英文大小写字母组成&#xff0…

微积分-导数3(微分法则)

常见函数的导数 常量函数的导数 d d x ( c ) 0 \frac{d}{dx}(c) 0 dxd​(c)0 常量函数的图像是一条水平线 y c y c yc&#xff0c;它的斜率为0&#xff0c;所以我们必须有 f ′ ( x ) 0 f(x) 0 f′(x)0。从导数的定义来看&#xff0c;证明也很简单&#xff1a; f ′ …

在node.js环境中使用web服务器http-server运行html静态文件

http-server http-server是一个超轻量级web服务器&#xff0c;它可以将任何一个文件夹当作服务器的目录供自己使用。 当我们想要在服务器运行一些代码&#xff0c;但是又不会配置服务器的时候&#xff0c;就可以使用http-server就可以搞定了。 使用方法 因为http-server需要…

Linux Vim 进阶教程

Linux Vim 进阶教程 1. 简介 Vim&#xff08;Vi IMproved&#xff09;是一款功能强大的文本编辑器&#xff0c;广泛应用于Linux和Unix系统中。本教程将深入探讨Vim的高级功能和技巧&#xff0c;帮助您提升编辑效率和使用体验。 2. Vim 配置和插件管理 2.1 配置文件 .vimrc …

QT拖放事件之三:自定义拖放操作-利用QDrag来拖动完成数据的传输

1、运行效果 1)Qt::MoveAction 2)Qt::CopyAction 2、源码 #include "Widget.h" #include "ui_Widget.h" #include "common.h"

二级建造师(建筑工程专业)考试题库,高效备考!!!

16.在施工合同履行期间发生的变更事项中&#xff0c;属于工程变更的是&#xff08;&#xff09;。 A.质量要求变更 B.分包单位变更 C.合同价款变更 D.相关法规变更 答案&#xff1a;A 解析&#xff1a;工程变更一般是指在工程施工过程中&#xff0c;根据合同约定对施工的…

练习 String翻转 注册处理 字符串统计

p493 将字符串中指定部分进行翻转 package chapter;public class reverse {public static void main(String[] args) {String str "abcdef";str reverseMethod(str,0,3);System.out.println(str);}public static String reverseMethod(String str, int start, in…