uniapp的基本使用（easycom规范和条件编译）和uview组件的安装和使用

文章目录

  • 1、uniapp
    • 1.uview组件安装
    • 2.uview-plus组件安装
  • 2、条件编译
  • 3、easycom规范
    • 1.组件路径符合规范
    • 2.自定义easycom配置的示例
  • 总结

1、uniapp

UniApp的UI组件库，如TMUI、uViewUI、FirstUI、TuniaoUI、ThorUI等，这些组件库适用于Vue3和TypeScript，支持跨平台开发，包括APP、小程序和H5。它们提供了丰富的组件和模板，旨在加速开发进程并提供流畅的用户体验。

  1. TMUI

    1. 优质Vue3 TS Pinia Vite跨端组件库,Uni App通用组件库跨端组件库,支持NVUE原生渲染,APP(安卓,IOS),微信小程序,H5,各家小程序;享受vue3的极速体验，享受TypeScript的强类型提示，性能强劲快速,vite编译速度极快；所有组件采用最新特性，性能翻倍。让uniapp在原生，小程序应用中流畅的运行，极致丝滑的体验
    2. tmui3.0 高性能、高颜值、多主题、暗黑模式vue3 ui组件库,没有比它更完美！
    3. 组件选项类别丰富,主要对标 vue3技术栈，UI视图风格新颖
    4. 插件地址：tmui3.2.0 vue3 typeScript nvue全平台ui组件库

  2. uview

    1. uView是遵循MIT (opens new window)开源协议开源的uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,2.0已全面兼容nvue.
    2. uview 生态完善，主要对标 vue2 技术栈
    3. uview-plus 特点 生态完善，主要对标 vue3 技术栈，为 uview 的升级版
      uview-plus，是全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具，基于uView2.0初步修改，后续会陆续修复vue3兼容性，以及组合式API改造等。

  3. Taro

    Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。
    现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
    官网地址： Taro

  4. uni ui

    uni-ui就不用说了，是DCloud提供的一个跨端ui库，想必大家都用过，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。
    官网地址

  5. ThorUI

    ThorUI 轻量、简洁、全面的移动端组件库。能大幅提升开发效率，包含uniapp与微信小程序原生版本组件库！
    目前uni版组件默认支持App端(IOS和Android)、H5、微信小程序、QQ小程序、支付宝小程序、百度小程序、头条小程序。
    官网插件链接

在这里插入图片描述

  1. Tuniao UI

    图鸟UI，是基于uni-app进行开发的UI框架，提供丰富的组件进行快速开发，已经支持APP、H5、微信小程序，包含常用表单组件、信息展示组件等，并提供丰富的酷炫页面模板。
    特性

    1. 包含基础常用的布局元素，flex、grid、浮动
    2. 完整一体的配色体系，包含 4 种色深模式，同时包含 4 套渐变配色
    3. 700+风格统一的图标 icon，60+精选组件，让开发者可以快速进行开发，icon 提供了单独的 npm 包，让开发者更加方便的更
    4. 新图鸟 UI 的 icon
    5. 酷炫常用的页面模板，更有让你眼前一亮的界面效果
    6. 图片素材语雀便捷下载，图鸟生态共同成长
      在这里插入图片描述
  2. FirstUI

    First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序（微信、支付宝、百度、字节、QQ）、H5。UI 样式可配置，拓展灵活，轻松适应不同的设计风格，100+ 丰富的组件，能够满足移动端开发的基本需求，提供开箱即用的常用布局，极大程度节省开发成本
    特性

    1. UI 样式可配置，拓展灵活，轻松适应不同的设计风格
    2. 100+ 丰富的组件，能够满足移动端开发的基本需求
    3. 提供开箱即用的常用布局，极大程度节省开发成本
    4. 细致、漂亮的 UI
    5. 支持App-vue（Android、IOS）、App-Nvue（Android、IOS）、小程序、H5
    6. 支持在 vue2 或 vue3 下使用（支持在vue3组合式API下使用）。
      官网地址
      在这里插入图片描述
  3. Wot Design Uni

    wot-design-uni组件库基于vue3+Typescript构建，参照wot design的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。
    特性

    1. 多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
    2. 70+ 个高质量组件，覆盖移动端主流场景.
    3. 使用 Typescript 构建，提供良好的组件类型系统.
    4. 支持国际化，内置 15 种语言包.
    5. 提供丰富的文档和组件示例.
    6. 支持修改 CSS 变量实现主题定制.
    7. 支持暗黑模式
      在这里插入图片描述

1.uview组件安装

  1. uView依赖SCSS

    • 必须要安装此插件，否则无法正常运行。
    • 如果项目是由HBuilder X创建的，相信已经安装scss插件，如果没有，请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HX即可
    • 如果您的项目是由vue-cli创建的，请通过以下命令安装对sass(scss)的支持，如果已安装，请略过。
    // 安装sass
npm i sass -D// 安装sass-loader
npm i sass-loader -D

  2. Hbuilder X方式
    在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可。
    下载地址

  3. NPM方式

    // 如果您的根目录没有package.json文件的话，请先执行如下命令：
// npm init -ynpm install uview-ui@2.0.38// 更新
// npm update uview-ui

    在这里插入图片描述

  4. 配置步骤

    • 引入uView主JS库
      在项目src目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。
      	// main.jsimport uView from "uview-ui";Vue.use(uView);
    • 在引入uView的全局SCSS主题文件
      在项目src目录的uni.scss中引入此文件。
      		/* uni.scss */@import 'uview-ui/theme.scss';
    • 引入uView基础样式
      在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性
      	<style lang="scss">/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */@import "uview-ui/index.scss";</style>
    • 配置easycom组件模式
      	// pages.json{"easycom": {"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},// 此为本身已有的内容"pages": [// ......]}
      • Cli模式额外配置
        如果您是vue-cli模式的项目，还需要在项目根目录的vue.config.js文件中进行如下配置：
      	// vue.config.js，如没有此文件则手动创建module.exports = {transpileDependencies: ['uview-ui']}

2.uview-plus组件安装

  1. uView依赖SCSS

    • 必须要安装此插件，否则无法正常运行。
    • 如果项目是由HBuilder X创建的，相信已经安装scss插件，如果没有，请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HX即可
    • 如果您的项目是由vue-cli创建的，请通过以下命令安装对sass(scss)的支持，如果已安装，请略过。
    // 安装sass
npm i sass -D// 安装sass-loader
npm i sass-loader -D

  2. Hbuilder X方式
    在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可。
    下载地址：零云®uview-plus3.0重磅发布，全面的Vue3移动组件库。

  3. NPM方式

    // 如果您的根目录没有package.json文件的话，请先执行如下命令：
// npm init -y
npm install uview-plus
npm install dayjs
npm install clipboard

    在这里插入图片描述

  4. 配置步骤

    • 引入uView主JS库
      在项目src目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。

      	// main.jsimport uviewPlus from 'uview-plus'// #ifdef VUE3import { createSSRApp } from 'vue'export function createApp() {const app = createSSRApp(App)app.use(uviewPlus)return {app}}// #endif

    • 在引入uView的全局SCSS主题文件
      在项目src目录的uni.scss中引入此文件。

      		/* uni.scss */@import 'uview-plus/theme.scss';

    • 引入uView基础样式
      在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性

      	<style lang="scss">/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */@import "uview-plus/index.scss";</style>

    • 配置easycom组件模式

      	// pages.json{"easycom": {"autoscan": true,// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175"custom": {"^u--(.*)": "uview-plus/components/u-$1/u-$1.vue","^up-(.*)": "uview-plus/components/u-$1/u-$1.vue","^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"}},// 此为本身已有的内容"pages": [// ......]}

    • typescript支持
      在tsconfig.json中参考如下配置增加"uview-plus/types"

      {"compilerOptions": {"sourceMap": true,"baseUrl": ".","paths": {"@/*": ["./src/*"]},"lib": ["esnext", "dom"],"types": ["@dcloudio/types","uview-plus/types"]},"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

      <template><view style="padding: 20px;"><!-- #ifdef VUE3 --><up-button type="primary" text="确定"></up-button><up-button type="primary" :plain="true" text="镂空"></up-button><up-button type="primary" :plain="true" :hairline="true" text="细边"></up-button><up-button type="primary" :disabled="disabled" text="禁用"></up-button><up-button type="primary" loading loadingText="加载中"></up-button><up-button type="primary" icon="map" text="图标按钮"></up-button><up-button type="primary" shape="circle" text="按钮形状"></up-button><up-button text="渐变色按钮" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"></up-button><up-button type="primary" size="small" text="大小尺寸"></up-button><!-- #endif --></view>
</template>
<script>
export default {data() {return {disabled: true};}
};	
</script>

      在这里插入图片描述

2、条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

uni-app 已将常用的组件、API封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。
但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。

  • 大量写 if else，会造成代码执行性能低下和管理混乱。
  • 编译到不同的工程后二次修改，会让后续升级变的很麻烦。
  • 为每个平台重写，明明主业务逻辑又一样
  1. 使用方法
    以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
    • #ifdef：if defined 仅在某平台存在
    • #ifndef：if not defined 除了某平台均存在
    • %PLATFORM%：平台名称
条件编译写法说明
#ifdef APP-PLUS需条件编译的代码#endif 仅出现在 App 平台下的代码
#ifndef H5需条件编译的代码#endif 除了 H5 平台，其它平台均存在的代码（注意if后面有个n）
#ifdef H5 或 MP-WEIXIN需条件编译的代码#endif 在 H5 平台或微信小程序平台存在的代码（这里只有或，不可能出现&&，因为没有交集）

%PLATFORM%取值

值生效条件版本支持
VUE3uni-app js引擎版用于区分vue2和3HBuilderX 3.2.0+
VUE2uni-app js引擎版用于区分vue2和3
UNI-APP-X用于区分是否是uni-app x项目HBuilderX 3.9.0+
uniVersion用于区分编译器的版本HBuilderX 3.9.0+
APPApp
APP-PLUSuni-app js引擎版编译为App时
APP-PLUS-NVUE或APP-NVUEApp nvue 页面
APP-ANDROIDApp Android 平台
APP-IOSApp iOS 平台
APP-HARMONYApp HarmonyOS Next 平台
H5H5（推荐使用 WEB）
WEBweb（同H5）HBuilderX 3.6.3+
MP-WEIXIN微信小程序
MP-ALIPAY支付宝小程序
MP-BAIDU百度小程序
MP-TOUTIAO抖音小程序
MP-LARK飞书小程序
MP-QQQQ小程序
MP-KUAISHOU快手小程序
MP-JD京东小程序
MP-360360小程序
MP微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序
QUICKAPP-WEBVIEW快应用通用(包含联盟、华为)
QUICKAPP-WEBVIEW-UNION快应用联盟
QUICKAPP-WEBVIEW-HUAWEI快应用华为

支持的文件：

  • .vue/.nvue/.uvue
  • .js/.uts
  • .css
  • pages.json
  • 各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug
    注意
  1. 条件编译是利用注释实现的，在不同语法里注释写法不一样，js/uts使用 // 注释、css 使用 /* 注释 */、vue/nvue/uvue 模板里使用 ；
  2. 条件编译APP-PLUS包含APP-NVUE和APP-VUE，APP-PLUS-NVUE和APP-NVUE没什么区别，为了简写后面出了APP-NVUE ；
  3. 对于未定义平台名称，可能是名称写错了，也可能是低版本HBuilderX还不认识这个平台。此时的条件编译，#ifdef 中的代码不会生效，而 #ifndef 中的代码会生效；
  4. 使用条件编译请保证编译前和编译后文件的语法正确性，即要保障无论条件编译是否生效都能通过语法校验。比如：json文件中不能有多余的逗号，js中不能重复导入；
// #ifdef MP-WEIXIN
import a as aWx from 'a/wx'
// #endif
// #ifndef MP-WEIXIN
import a as aIndex from 'a/index'
// #endif
var a
// #ifdef MP-WEIXIN
a = aWx
// #endif
// #ifndef MP-WEIXIN
a = aIndex
// #endif

3、easycom规范

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。
只要组件路径符合规范（具体见下），就可以不用引用、注册，直接在页面中使用

1.组件路径符合规范

  1. 安装在项目根目录的components目录下，并符合components/组件名称/组件名称.vue

  2. 安装在uni_modules下，路径为uni_modules/插件ID/components/组件名称/组件名称.vue

    ┌─components
    │ └─comp-a
    │ └─comp-a.vue 符合easycom规范的组件
    └─uni_modules uni_module中符合easycom规范的组件
    └─uni_modules
    └─uni-list
    └─components
    └─uni-list
    └─ uni-list.vue

    不管components目录下安装了多少组件，easycom打包会自动剔除没有使用的组件，对组件库的使用尤为友好。
    组件库批量安装，随意使用，自动按需打包。

2.自定义easycom配置的示例

easycom是自动开启的，不需要手动开启，有需求时可以在pages.json的easycom节点进行个性化设置，如关闭自动扫描，或自定义扫描匹配组件的策略。

  1. easycom方式引入的组件无需在页面内import，也不需要在components内声明，即可在任意页面使用。
  2. easycom方式引入组件不是全局引入，而是局部引入。例如在H5端只有加载相应页面才会加载使用的组件。
  3. 在组件名完全一致的情况下，easycom引入的优先级低于手动引入（区分连字符形式与驼峰形式）。
  4. 考虑到编译速度，直接在pages.json内修改easycom不会触发重新编译，需要改动页面内容触发。
  5. easycom只处理vue组件，不处理小程序专用组件（如微信的wxml格式组件）。不处理后缀为.nvue的组件。因为nvue页面引入的组件也是.vue组件。可以参考uni ui，使用vue后缀，同时兼容nvue页面。
  6. nvue页面里引用.vue后缀的组件，会按照nvue方式使用原生渲染，其中不支持的css会被忽略掉。这种情况同样支持easycom。
  7. vue 与 uvue 组件优先级
属性类型默认值描述
autoscanBooleantrue是否开启自动扫描，开启后将会自动扫描符合components/组件名称/组件名称.vue目录结构的组件
customObject-以正则方式自定义组件匹配规则。如果autoscan不能满足需求，可以使用custom自定义匹配规则

如果组件，不符合easycom前述的路径规范。可以在pages.json的easycom节点中自行定义路径规范。
如果需要匹配node_modules内的vue文件，需要使用packageName/path/to/vue-file-$1.vue形式的匹配规则，其中packageName为安装的包名，/path/to/vue-file-$1.vue为vue文件在包内的路径。

"easycom": {"autoscan": true,"custom": {"^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件"^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件}
}

总结

提示：这里对文章进行总结：

例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

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

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

相关文章

Vue 学习随笔系列十四 -- JavaScript巧妙用法

Vue 学习随笔系列十四 -- JavaScript巧妙用法

JavaScript巧妙用法 文章目录 JavaScript巧妙用法1、String.padStart 函数2、String.padEnd 函数3、tirm 函数3. Object.freeze 函数4. Object.fromEntries 函数5. Object.entries 函数6. Array.prototype.flat 函数 1、String.padStart 函数 在字符串前面进行填充 let temp …
阅读更多...
docker运行ActiveMQ-Artemis

docker运行ActiveMQ-Artemis

前言 artemis跟以前的ActiveMQ不是一个产品&#xff0c;原ActiveMQ改为ActiveMQ Classic, 现在的artemis是新开发的&#xff0c;和原来不兼容&#xff0c;全称&#xff1a;ActiveMQ Artemis 本位仅介绍单机简单部署使用&#xff0c;仅用于学习和本地测试使用 官网&#xff1a;…
阅读更多...
商场试衣间惊现隐藏摄像头：小澄检测仪助力博主影子揭露

商场试衣间惊现隐藏摄像头：小澄检测仪助力博主影子揭露

在信息时代&#xff0c;隐私安全如同一座需要时刻守护的堡垒。然而&#xff0c;近期公共场所出现的针孔摄像头事件&#xff0c;让这座堡垒遭受了严峻冲击。科普博主影子不会说谎近日发布视频&#xff0c;再度曝光隐藏在商场服装店试衣间的针孔摄像头&#xff0c;引发公众关注。…
阅读更多...
【MATLAB仿真】基于matlab的圆形阵列的波束形成进行仿真

【MATLAB仿真】基于matlab的圆形阵列的波束形成进行仿真

摘要 本文研究了基于圆形阵列的波束形成技术&#xff0c;并利用MATLAB对其进行仿真分析。圆形阵列波束形成在现代无线通信、雷达和声学等领域具有广泛的应用&#xff0c;能够有效提高信号的方向性和抗干扰能力。本文通过改变阵列半径及入射角&#xff0c;对波束图进行了仿真分…
阅读更多...
遗传算法与深度学习实战（23）——利用遗传算法优化深度学习模型

遗传算法与深度学习实战（23）——利用遗传算法优化深度学习模型

遗传算法与深度学习实战&#xff08;23&#xff09;——利用遗传算法优化深度学习模型 0. 前言1. 神经进化2. 使用遗传算法作为深度学习优化器小结系列链接 0. 前言 神经进化涵盖了所有用于改进深度学习的进化算法。更具体地说&#xff0c;神经进化用来定义应用于深度学习的特…
阅读更多...
AG32 FPGA部分简单开发

AG32 FPGA部分简单开发

环境 Quartus 13.0&#xff08;Quartus 不能使用Lite 版本&#xff0c;需要使用Full 版本&#xff09;AGM SDKSupra&#xff08;快捷方式在SDK目录下&#xff0c;具体路径为AgRV_pio\packages\tool-agrv_logic\bin&#xff09; FPGA编程 在AG32芯片中&#xff0c;拥有异构双…
阅读更多...
github使用基础

github使用基础

要通过终端绑定GitHub账号并进行文件传输&#xff0c;你需要使用Git和SSH密钥来实现安全连接和操作。以下是一个基本流程&#xff1a; 设置GitHub和SSH 检查Git安装 通过终端输入以下命令查看是否安装Git&#xff1a; bash 复制代码 git --version配置Git用户名和邮箱 bash …
阅读更多...
hive修改表名、修改列名、修改分区

hive修改表名、修改列名、修改分区

文章目录 一、修改表二、修改列三、修改分区 官网地址&#xff1a;https://cwiki.apache.org/confluence/display/Hive/GettingStarted#GettingStarted-AlteringandDroppingTables 一、修改表 1、重命名表名 ALTER TABLE table_name RENAME TO new_table_name示例: 将user表…
阅读更多...
告别复杂协作：Adobe XD的简化替代方案

告别复杂协作：Adobe XD的简化替代方案

Adobe XD是一款集成UI/UX设计和原型创建功能的设计平台。它允许用户进行网页、移动应用的设计&#xff0c;以及原型的绘制&#xff0c;并且能够将静态设计转化为动态的交互原型。尽管Adobe XD提供了这些功能&#xff0c;但它依赖于第三方插件&#xff0c;且插件库有限&#xff…
阅读更多...
React Hooks在现代前端开发中的应用

React Hooks在现代前端开发中的应用

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 React Hooks在现代前端开发中的应用 React Hooks在现代前端开发中的应用 React Hooks在现代前端开发中的应用 引言 React Hooks …
阅读更多...
前后端、网关、协议方面补充

前后端、网关、协议方面补充

这里写目录标题 前后端接口文档简介前后端视角对于前端对于后端代码注册路由路由处理函数 关于httpGET/POST底层网络关于前端的获取 路由器网关路由器的IP简介公网IP(WAN IP)私网IP(LAN IP)无线网络IP(WIFI IP)查询路由器私网IP路由器公网IP LAN口与WIFI简介基本原理 手动配置电…
阅读更多...
YOLOv9改进 ，YOLOv9改进损失函数采用SlideLoss来处理样本不平衡问题

YOLOv9改进 ，YOLOv9改进损失函数采用SlideLoss来处理样本不平衡问题

摘要 作者提出了一种基于 YOLOv5 改进的实时人脸检测模型&#xff0c;称为YOLO-FaceV2。设计了一个感受野增强模块&#xff08;RFE&#xff09;来提升小尺度人脸的感受野&#xff0c;并引入了 NWD 损失&#xff0c;以弥补 IoU 在小目标位置偏差上的敏感性。针对人脸遮挡问题&a…
阅读更多...
uni-app中使用 unicloud 云开发平台③

uni-app中使用 unicloud 云开发平台③

文章目录 六、hbuilderX 中使用 unicloud 云开发平台文档传统业务开发流程什么是 unicloudunicloud 优点开发流程uncloud 构成云数据库云存储及 CDN创建云函数工程七、unicloud api 操作云函数调用云函数实现云数据库基本增删改查1. 获取数据库引用云存储操作六、hbuilderX 中使…
阅读更多...
用 Python 从零开始创建神经网络（五）：损失函数（Loss Functions）计算网络误差

用 Python 从零开始创建神经网络（五）：损失函数（Loss Functions）计算网络误差

用损失函数&#xff08;Loss Functions&#xff09;计算网络误差 引言1. 分类交叉熵损失&#xff08;Categorical Cross-Entropy Loss&#xff09;2. 分类交叉熵损失类&#xff08;The Categorical Cross-Entropy Loss Class&#xff09;展示到目前为止的所有代码3. 准确率计算…
阅读更多...
PDF24：多功能 PDF 工具使用指南

PDF24：多功能 PDF 工具使用指南

PDF24&#xff1a;多功能 PDF 工具使用指南 在日常工作和学习中&#xff0c;PDF 是一种常见且重要的文档格式。无论是查看、编辑、合并&#xff0c;还是转换 PDF 文件&#xff0c;能够快速高效地处理 PDF 文档对于提高工作效率至关重要。PDF24 是一款免费、功能全面的 PDF 工具…
阅读更多...
java数据结构与算法：栈

java数据结构与算法：栈

栈 1、栈的基本概念2、Java模拟简单的顺序栈实现3、增强功能版栈4、利用栈实现字符串逆序5、利用栈判断分隔符是否匹配6、总结 1、栈的基本概念 **栈&#xff08;英语&#xff1a;stack&#xff09;**又称为堆栈或堆叠&#xff0c;栈作为一种数据结构&#xff0c;是一种只能在…
阅读更多...
【Conda】Windows下conda的安装并在终端运行

【Conda】Windows下conda的安装并在终端运行

下载 在官网下载 https://www.anaconda.com/download/success 安装 双击 一直下一步安装 配置环境变量 为了在终端运行&#xff0c;需配置环境变量 进入到安装conda的目录并复制路径 设置高级环境变量 在终端运行 输入&#xff1a; conda list表明可以正常运行 参考…
阅读更多...
游戏引擎学习第七天

游戏引擎学习第七天

视频参考:https://www.bilibili.com/video/BV1QFmhYcE69 ERROR_DEVICE_NOT_CONNECTED 是一个错误代码&#xff0c;通常在调用 XInputGetState 或 XInputSetState 函数时返回&#xff0c;表示指定的设备未连接。通常会出现以下几种情况&#xff1a; 未连接控制器&#xff1a;如…
阅读更多...
【网络安全渗透测试零基础入门】之SNMP放大攻击原理及实战演示，零基础入门到精通，收藏这一篇就够了！

【网络安全渗透测试零基础入门】之SNMP放大攻击原理及实战演示，零基础入门到精通，收藏这一篇就够了！

前言 这是小强给粉丝盆友们整理的网络安全渗透测试入门阶段dos与ddos渗透与防御教程。 喜欢的朋友们&#xff0c;记得给我点赞支持和收藏一下&#xff0c;关注我&#xff0c;学习黑客技术。 SNMP&#xff08;Simple Network Management Protocol &#xff09;&#xff1a;简单…
阅读更多...
el-dialog 设置 水平垂直居中 高度不固定

el-dialog 设置 水平垂直居中 高度不固定

小记一下&#xff1a; 希望实现不管内容高度多少 el-dialog都能水平垂直居中 效果&#xff1a; css: .form-view-dialog{display: flex;align-items: center;justify-content: center;.el-dialog{margin: 0 auto; }.el-dialog__body{max-height: 75vh; // 可选择 设置一个最…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023