当前位置：首页 > news >正文

2021版小程序开发5——小程序项目开发实践(1)

news 来源：原创 2025/5/15 2:52:12

2021版小程序开发5——小程序项目开发实践(1)

学习笔记 2025

使用uni-app开发一个电商项目；

Hbuidler

首选uni-app官方推荐工具：
https://www.dcloud.io/hbuilderx.html
https://dev.dcloud.net.cn/pages/app/list

微信小程序

管理后台：https://mp.weixin.qq.com/?token=&lang=zh_CN
小程序IDE：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

uni组件库：

https://zh.uniapp.dcloud.io/tutorial/miniprogram-subject.html

字体图标

https://www.iconfont.cn/

z-paging 插件用法：

https://z-paging.zxlee.cn/

1 开发环境

uni-app

https://uniapp.dcloud.net.cn/
使用vue语法开发所有前端应用的框架；
跨平台，只需编写一套代码，可以开发app、h5、各类小程序；

HBuilderX

IDE推荐使用HBuilderX（下载安装app开发板）

提供了丰富的模版
完善的智能提示
一键运行

在HBuilderX中安装Sass编译的插件

scss/sass编译插件

登录dcloud插件市场（https://ext.dcloud.net.cn/），下载相应的编译插件compile-node-sass；
使用HBuilderX导入安装即可；
这样后续项目中的css样式，就都可以使用sass语法进行编写了；

<style lang="scss"></style>

HBuilderX个性化配置

工具->预设快捷键方案切换->VSCode；

工具->设置->打包Settings.json按需配置；

2 项目初始化

新建项目 uni-app

指定项目名、存放路径，推荐使用uni-ui项目模版；
uni-ui：https://uniapp.dcloud.net.cn/component/#uniui

项目目录结构：

componentscomp-a.vue
pagesindexindex.vuelistlist.vue
static  // 静态资源存放位置（视频 图片等）
main.js  // vue初始化入口文件
App.vue  // 应用全局配置
manifest.json   // 应用信息配置
pages.json   // 配置小程序页面路径、窗口样式 tabbar navigationBar等页面类信息

运行项目到微信开发者工具：

在manifest.json 微信小程序配置中填写微信小程序的AppID；
工具->设置->打包Settings.json，在运行配置中的小程序运行配置，配置微信开发者工具的路径；
在微信开发者工具中，设置->安全设置，开启服务端口；
HBuilderX中，运行->运行到小程序模拟器->微信开发者工具（编译后自动运行）；

在manifest.json（源码视图下）中的mp-weixin对应的就是微信小程序中的配置对象，其setting节点可以配置以前我们在小程序的project.config.json中setting节点的配置项；

Git管理项目：

新建.gitignore，配置：/node_modules和/unpackage/dist
- 如果要跟踪一个空目录，可以在该目录下新建一个.gitkeep的文件进行占位；
相关git操作，如git init等；
- 本地git
- 配置远程ssh公钥
- 远程创建仓库，本地推送至远程仓库

3 项目开发

创建页面

新建页面：

使用 scss页面
勾选在pages.json中注册
勾选创建同名目录
输入页面名称创建即可，页面内容如下

<template><view></view>
</template><script>export default {data() {return {};}}
</script><style lang="scss"></style>

新建四个页面

home
cate
cart
my

在小程序开发者工具中，配置某一个页面的编译模式，仍然是可用的；

配置tabBar效果

将图标等静态资源放到static目录（根据功能划分子目录）；

在pages.json配置文件，新增tabBar配置节点：

{"tabBar": {"selectedColor": "#C00000","list": [{"pagePath": "pages/home/home","text": "首页","iconPath": "static/tab_icons/home.png","selectedIconPath": "static/tab_icons/home-active.png"},// cate  cart  my 等tabBar页面配置// 删除默认的index页面及配置]}
}

修改导航条样式

在pages.json配置文件的globalStyle节点进行配置：

"globalStyle": {"navigationBarTextStyle": "white","navigationBarTitleText": "Title", // 每个page的style节点同名属性会覆盖该值；"navigationBarBackgroundColor": "#C00000","backgroundColor": "#FFFFFF"
}

网络请求配置

小程序中不支持axios，而wx.request()功能简单，不支持拦截器等全局定制，uni-app中使用@escook/request-miniprogram三方包发起网络请求；

npm init -y
npm install @escook/request-miniprogram

文档：https://www.npmjs.com/package/@excook/request-miniprogram

在main.js中进行配置：

import { $http } from '@escook/request-miniprogram'// uni 类似 wx 同为全局对象，也可以在uni上挂载一些全局的自定义方法
uni.$http = $http
$http.baseUrl = "https://www.test.com"
// ...
// 拦截器
$http.beforeRequest = function(options){uni.showLoading({title:"Loading..."})
}
$http.afterRequest = function(){uni.hideLoading()
}

一般在页面的onLoad中发送网络请求；另外这是vue语法，因此方法需要定义到methods中；

// 使用示例
async getDatas(){const {data: res} = await uni.$http.get("/suburl")// 结构返回信息的data赋值给resif (res.meta.status !== 200){return uni.showToast({title:"Error",duration: 1500,icon: 'none'})}this.datalist = res.datas
}

轮播图

键入uswiper，就可以填入预设的代码段；

circular：衔接滚动

<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"><swiper-item v-for="(item, index) in datalist" :key="index"><view class="swiper-item"><image :src="item.image_src"></image></view></swiper-item>
</swiper><style lang="scss">
swiper {height: 330rpx;<!-- 同时为两个选择器对应的视图添加样式 -->.swiper-item, image {width: 100%;heitht: 100%;}
}
</style>

《2021版小程序开发1——起步》-8 轮播图组件

为了使轮播图点击可以跳转到相应页面，可使用navigator组件替换掉包括image的view组件；url指定目标页面的路径，同时传递了一个id参数；

<swiper-item v-for="(item, index) in datalist" :key="index"><navigator class="swiper-item" :url="'/subpkg/goods_detail/goods_detail?goods_id=' + item.id"><image :src="item.image_src"></image></navigator>
</swiper-item>

《2021版小程序开发3——视图与逻辑》-1 页面导航

如果通过点击事件触发导航，可以使用uni.navigateTo方法：

gotoDetail(id){uni.navigateTo({url: '/subpkg/detail/detail?id=' + id})
}

uni-app如何配置小程序分包

在项目根目录，创建分包根目录subpkg
在pages.json中，和pages节点平级生命subPackages节点，以定义分包相关结构；

"subPackages": [{"root": "subpkg","pages": []}
]

分包页面，在subpkg目录右击新建页面（注意在选项页面，还要选择小程序所属分包，如subpkg）；

选择分包的页面创建，会自动修改json配置；

《2021版小程序开发4——基础加强》-7 分包

Flex布局

《弹性布局-更优秀的Flex》https://blog.csdn.net/baby_hua/article/details/105952517

四个分类导航按钮，就可以通过Flex布局方便的实现样式；

抛掉iOS布局的经验，深入理解流式布局；

点击分类导航到分类tab页面

<view v-for="(item, index) in navList" :key="index" @click="navClickHandler(item)"></view>

navClickHandler(item){if (item.name == "cate"){uni.switchTab({url:"/pages/cate/cate"})}
}

图片动态绑定样式和显示模式设置

<imag :src="" :style="{width: img_width + 'rpx'}" mode="widthFix">宽度固定 高度自适应</imag>

git基本操作

# 创建分支
git chechout -b branch_a# 提交本地修改
git add .  
git commit -m 'tag info'# 将分支推送到远程
git push -u origin branch_a# 本地分支合并
git chechout master
git merge home# 删除分支
git branch -d branch_a

滑动区域-滚动视图

scroll-view组件

指定滑动方向，如 scroll-y；
如果是纵向可滑动，还需要指定一个固定的高度(对于确定的宽度或高度，可以直接使用px单位，而无需使用rpx)；

该组件还支持一个属性scroll-top，用于设置滚动条到顶部的距离；值的话可以0和1切换，以响应变化；

<scroll-view scroll-y="true" :style="{height: scroll_height + 'px'}"></scroll-view>

如果想让滚动视图纵向充满全屏，需要使用uni提供的获取系统信息的同步接口：uni.getSystemInfoSync()

screenHeight：屏幕高度；
windowHeight：可用窗口高度（一般是减去navigationBar和tabBar高度后的值）；

onLoad() {const systemInfo = uni.getSystemInfoSync()this.scroll_height = systemInfo.windowHeight
}

多类名样式SCSS

<view class="classP classS">xxx</view><!-- 动态绑定多类名设置 -->
<view :class="['classP', index === action_index ? 'classS' : '']">xxx</view>

.classP{line-height: 30px;font-size: 12px;font-weight: bold;text-align: center;padding: 15px 0;color: #EEEEEE,/* 既包含classP 又包含classS 则额外添加如下样式 */&.classS {backgroundColor: #EEEEEE;position: relative;/* 通过尾元素添加额外样式: 靠左 居中的 小红条 */&::before {content: ' ';display: block;width: 3px;height: 30px;backgroundColor: #C00000;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}}
}

自定义组件

在components目录上，右击新建组件，使用scss并创建同名目录，点击创建即可；

创建后的组件，可以直接使用标签形式进行使用；

自定义组件绑定click事件（和其他事件），需要在组件中使用this.$emit("click")进行触发；

组件属性：

props: {bgColor: {type: String,default: "#ffffff"},radius: {type: Number,default: 18}
}

组件吸顶效果

position: sticky;是 CSS 中的一个定位属性，它可以让元素在滚动时“粘”在页面的某个位置，直到达到指定的阈值。这个属性结合了 position: relative; 和 position: fixed; 的特点，常用于实现滚动时固定在页面某个区域的元素，比如导航栏、表头或侧边栏。

/* 组件包裹容器 */
.op-box {position: sticky;/* 元素距离视口顶部的距离，当滚动超过这个距离时，元素会粘在顶部;或其他方向的值，如 bottom, left, right; */top: 0;/* 提高层级 防止覆盖 */ z-index: 999;
}

默认行为：

元素在页面中正常渲染，表现为 position: relative; 的效果。
元素会跟随页面滚动。

触发粘性行为：

当页面滚动到指定的阈值（通过 top, bottom, left, 或 right 设置），元素会“粘”在容器的边界上，表现为 position: fixed; 的效果。
当滚动回到阈值范围内，元素会恢复为 position: relative; 的行为。

uni-app中uni组件的修改

uni的组件会存档到一个单独的目录中uni_modules；

可以到组件的源代码中，对样式进行修改；

搜索框自动获取焦点

这里使用的是 uni-search-bar，可以修改其源码属性值：

show: true,
showSync: true,

需要真机预览；

搜索文本框的防抖处理

// data中定义
{
keyword: '',
timer: null,
},
// input事件：每输入一个字符都会回调 并返回当前值
input(e){// 清除延时器clearTimeout(this.timer)// 500ms内没有新回调 才为keyword赋值this.timer = setTimeout(()=>{this.keyword = e.value// 随即可以发送网络请求}, 500)
}

文本单行省略显示处理

.line-1{/* 文字不换行 */white-space: nowrap;/* 溢出隐藏 */overflow: hidden;/* 文本溢出 使用...代替 */text-overflow: ellipsis;margin-right: 3px;
}

uni组件库提供的组件标签名即类名

.uni-tag{margin: 5px;
}

数组解构初始化一个新数组

computed: {datalistShow() {return [...this.datalist].reverse()}
}

利用Set对象去重数组

const set = new Set(this.datalist)
set.delete(this.kw) // 删除是为了调关键词顺序
set.add(this.kw)
this.datalist = Array.from(set)

检索历史记录数据存本地Storage

// 存
uni.setStorageSync("keywords", JSON.stringfy(this.datalist))// 取
this.datalist = JSON.parse(uni.getStorageSync("keywords") || '[]')

2021版小程序开发5——小程序项目开发实践(1)

2021版小程序开发5——小程序项目开发实践(1) 学习笔记 2025 使用uni-app开发一个电商项目； Hbuidler 首选uni-app官方推荐工具：https://www.dcloud.io/hbuilderx.htmlhttps://dev.dcloud.net.cn/pages/app/list 微信小程序管理后台：htt…...

编程日记 2025/5/15 2:52:12

软件测试02----用例设计方法

今天目标 1.能对穷举场景设计测试点 2.能对限定边界规则设计测试点 3.能对多条件依赖关系进行设计测试点 4.能对项目业务进行设计测试点一、解决穷举场景重点：使用等价类划分法 1.1等价类划分法重点：有效等价和单个无效等价各取1个即可。步骤&#…...

编程日记 2025/5/15 2:52:08

分享半导体Fab 缺陷查看系统，平替klarity defect系统

分享半导体Fab 缺陷查看系统，平替klarity defect系统；开发了半年有余。查看Defect Map，Defect image，分析Defect size，defect count trend. 不用再采用klarity defect系统（license 太贵） 也可以…...

编程日记 2025/5/15 2:52:05

C语言-----数据结构从门到精通

1.数据结构基本概念数据结构是计算机中存储、组织数据的方式，旨在提高数据的访问和操作效率。它是实现高效算法和程序设计的基石。目标:通过思维导图了解数据结构的知识点,并掌握。 1.1逻辑结构逻辑结构主要四种类型: 集合：结构中的数据元素之…...

编程日记 2025/5/15 0:44:14

存储器知识点3

1.只读存储器中内容断电后不会丢失，通常存储固定不变的内容，不需要定时刷新。 2.虚拟存储器将主存和辅存地址空间统一编址，其大小受到辅助存储器容量的限制。使得主存空间得到了扩充，需要硬件支持，并由操作系统调度。…...

编程日记 2025/5/15 2:51:59

Weevely代码分析

亲测php5和php8都无效，只有php7有效 ailx10 1949 次咨询 4.9 网络安全优秀回答者互联网行业安全攻防员去咨询上一次做weevely实验可以追溯到2020年，当时还是weevely3.7，现在的是weevely4 生成php网页木马依然差不多…… php菜刀we…...

编程日记 2025/5/14 13:21:09

leetcode解题思路分析（一百六十三）1409 - 1415 题

查询带键的排列给定一个正整数数组 queries ，其取值范围在 1 到 m 之间。请你根据以下规则按顺序处理所有 queries[i]（从 i0 到 iqueries.length-1）： 首先，你有一个排列 P[1,2,3,…,m]。对于当前的 i ，找…...

编程日记 2025/5/15 2:12:08

【MATLAB例程】TOA和AOA混合的高精度定位程序，适用于三维、N锚点的情况

代码实现了一个基于到达角（AOA）和到达时间（TOA）混合定位的例程。该算法能够根据不同基站接收到的信号信息，自适应地计算目标的位置，适用于多个基站的场景文章目录主要功能代码结构运行结果程序代码主要功…...

编程日记 2025/5/15 2:51:49

PyTorch框架——基于深度学习YOLOv8神经网络学生课堂行为检测识别系统

基于YOLOv8深度学习的学生课堂行为检测识别系统，其能识别三种学生课堂行为：names: [举手, 读书, 写字] 具体图片见如下： 第一步：YOLOv8介绍 YOLOv8 是 ultralytics 公司在 2023 年 1月 10 号开源的 YOLOv5 的下一个重大更新版本…...

编程日记 2025/5/15 2:51:46

智慧园区系统对比不同智能管理模式提升企业运营效率与安全性

内容概要在当今竞争激烈的市场中，企业需要不断提高运营效率与安全性，以应对复杂的环境。这时，“智慧园区系统”应运而生，成为一种有效的解决方案。智能管理模式的多样性让企业在选择系统时有了更多的选择，而在这些模…...

编程日记 2025/5/15 2:51:43

读书笔记 | 《最小阻力之路》：用结构思维重塑人生愿景

一、核心理念：结构决定行为轨迹橡皮筋模型：愿景张力的本质书中提出：人类行为始终沿着"现状"与"愿景"之间的张力路径运动，如同橡皮筋拉伸产生的动力。案例：音乐家每日练习的坚持，不…...

编程日记 2025/5/14 8:44:00

257. 二叉树的所有路径

二叉树的所有路径已解答简单给你一个二叉树的根节点 root ，按任意顺序 ，返回所有从根节点到叶子节点的路径。叶子节点是指没有子节点的节点。示例 1： 输入：root [1,2,3,null,5] 输出：[“1->2->5”,“…...

编程日记 2025/5/15 2:51:38

Vulkan 学习(13)---- Vulkan Framebuffercommand buffer

目录 Vulkan Framebuffer创建 VkFramebufferVkFrameBuffer 创建示例 Vulkan command buffercommand buffer pool分配指令缓存池释放指令缓存池录制 command buffer提交 command buffer Vulkan Framebuffer Vulkan 帧缓冲区(FrameBuffer) 是一个容器对象(资源管理类的对象)&…...

编程日记 2025/5/14 11:02:29

从零开始学习安时积分法（STM32实现程序）

在STM32微控制器上实现安时积分法（Coulomb Counting）来估算电池的SOC（State of Charge），需要完成以下几个步骤： 硬件配置： 使用STM32的ADC模块测量电池的电流。使用定时器模块进行时间积分。配置…...

编程日记 2025/5/15 2:51:32

基于Kamailio、MySQL、Redis、Gin、Vue.js的微服务架构

每个服务使用一台独立的服务器的可行部署方案，尤其是在高并发、高可用性要求较高的场景中。这种方案通常被称为分布式部署或微服务架构。以下是针对您的VoIP管理系统（基于Kamailio、MySQL、Redis、Gin、Vue.js）的详细分析和建议。 1. 分布式部…...

编程日记 2025/5/15 2:51:29

Unity 粒子特效在UI中使用裁剪效果

1.使用Sprite Mask 首先建立一个粒子特效在UI中显示新建一个在场景下新建一个空物体，添加Sprite Mask组件，将其的Layer设置为UI相机渲染的UI层， 并将其添加到Canvas子物体中，调整好大小，并选择合适的Sprite&#xff…...

编程日记 2025/5/15 9:23:42

Android 开发：新的一年，新的征程

回顾 2023 年，Android 开发领域可谓成果斐然。这一年，Android 系统不断迭代，新技术、新工具层出不穷，为开发者们带来了前所未有的机遇与挑战。如今，我们站在新的起点，怀揣着对技术的热爱与追求，…...

编程日记 2025/5/14 10:20:39

手写MVVM框架-环境搭建

项目使用 webpack 进行进行构建，初始化步骤如下: 1.创建npm项目执行npm init 一直下一步就行 2.安装webpack、webpack-cli、webpack-dev-server，html-webpack-plugin npm i -D webpack webpack-cli webpack-dev-server html-webpack-plugin 3.配置webpac…...

编程日记 2025/5/15 2:51:20

SQL进阶实战技巧：某芯片工厂设备任务排产调度分析 | 间隙分析技术应用

目录 0 技术定义与核心原理 1 场景描述 2 数据准备 3 间隙分析法步骤1：原始时间线可视化...

编程日记 2025/5/15 2:51:18

[HOT 100] 0167. 两数之和 ||

文章目录 1. 题目链接2. 题目描述3. 题目示例4. 解题思路5. 题解代码6. 复杂度分析 1. 题目链接 167. 两数之和 II - 输入有序数组 - 力扣（LeetCode） 2. 题目描述给你一个下标从 1 开始的整数数组 numbers ，该数组已按非递减顺序排列 &…...

编程日记 2025/5/14 21:24:51

CSS整体回顾

一. 邂逅CSS和常见的CSS 1.1. CSS的编写方式 1.2. 常见的CSS font-size/color/width/height/backgroundColor 二. 文本属性 2.1. text-decoration 2.2. text-indent 2.3. text-align 三. 字体属性 3.1. font-family 3.2. font-style 3.3. font-weight 3.4. font-size 3.5. …...

编程日记 2025/5/15 2:51:12

使用 Grafana 和 Prometheus展现消息队列性能

引言上篇文章通过JMX提取Kafka数据，本篇文章将通过JDBC存储Kafka性能数据存储于数据库，并通过Grafana 和 Prometheus进行展示，实现开发中常用的可视化监控 1. 环境准备 Kafka：运行中的 Kafka 集群，确保可以…...

编程日记 2025/5/15 2:51:08

openssl 生成证书 windows导入证书

初级代码游戏的专栏介绍与文章目录-CSDN博客我的github：codetoys，所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。这些代码大部分以Linux为目标但部分代码是纯C的，可以在任何平台上使用。源码指引：github源…...

编程日记 2025/5/15 2:51:04

Skyeye 云 VUE 版本 v3.15.6 发布

Skyeye 云智能制造，采用 Springboot winUI 的低代码平台、移动端采用 UNI-APP。包含 30 多个应用模块、50 多种电子流程，CRM、PM、ERP、MES、ADM、EHR、笔记、知识库、项目、门店、商城、财务、多班次考勤、薪资、招聘、云售后、论坛、公告、问卷、报表…...

编程日记 2025/5/15 2:51:02

25.2.3 【洛谷】作为栈的复习不错（学习记录）

今天学习的东西不算多，放了一个星期假，感觉不少东西都没那么清楚，得复习一下才行。今天搞个栈题写，把栈复习一下，明天进入正轨，边复习边学习新东西，应该会有二叉树的学习等等... 【洛谷】P1449 …...

编程日记 2025/5/14 16:49:24

【C++】线程池实现

目录一、线程池简介线程池的核心组件实现步骤二、C11实现线程池源码三、线程池源码解析1. 成员变量2. 构造函数2.1 线程初始化2.2 工作线程逻辑 3. 任务提交(enqueue方法)3.1 方法签名3.2 任务封装3.3 任务入队 4. 析构函数4.1 停机控制 5. 关键技术点解析5.1 完美转发实现5…...

编程日记 2025/5/14 3:53:07

大模型领域的Scaling Law的含义及作用

Scaling Law就像是一个“长大公式”，用来预测当一个东西（比如模型）变大（比如增加参数、数据量）时，它的性能（比如准确率）会怎么变化。它能帮助我们提前知道，增加多少资源…...

编程日记 2025/5/15 2:50:53

用FormLinker实现自动调整数据格式，批量导入微软表单

每天早上打开Excel时，你是否也经历过这样的噩梦？ 熬夜调整好的问卷格式，导入微软表单后全乱套客户发来的PDF反馈表，手动录入3小时才完成10% 200道题库要转为在线测试，复制粘贴到手指抽筋微软官方数据显示&#xf…...

编程日记 2025/5/15 2:50:49

C#，shell32 + 调用控制面板项（.Cpl）实现“新建快捷方式对话框”（全网首发）

Made By 于子轩，2025.2.2 不管是使用System.IO命名空间下的File类来创建快捷方式文件，或是使用Windows Script Host对象创建快捷方式，亦或是使用Shell32对象创建快捷方式，都对用户很不友好，今天小编为大家带来一种全新…...

编程日记 2025/5/14 7:22:10

洛谷 P11626 题解

[Problem Discription] \color{blue}{\texttt{[Problem Discription]}} [Problem Discription] 给定长度为 n n n 的数组 A 1 ⋯ n A_{1 \cdots n} A1⋯n，求 ∑ a 1 n ∑ b a 1 n ∑ c b 1 n ∑ d c 1 n ∑ e d 1 n ∑ f e 1 n ∑ g f 1 n ( gcd …...

编程日记 2025/5/15 2:50:41

Android学习制作app（ESP8266-01S连接-简单制作）

一、理论部分理论见arduino学习-CSDN博客和Android Studio安装配置_android studio gradle 配置-CSDN博客以下直接上代码和效果视频，esp01S的收发硬件代码目前没有分享，但是可以通过另一个手机网络调试助手进行模拟。也可以直接根据我的代码进行改动…...

编程日记 2025/5/15 2:50:36

一文读懂 RAG：LLM 借助检索打开思路

一、引言在自然语言处理（NLP）领域，随着深度学习技术的飞速发展，大型语言模型（LLMs）展现出了强大的语言理解和生成能力。然而，LLMs也存在一些局限性，如容易产生幻觉、知识更新不及时…...

编程日记 2025/5/12 22:32:50

使用istio实现权重路由

istio概述 **概述：**Istio 是一个开源的服务网格（Service Mesh）解决方案，主要用于管理、保护和监控微服务架构中的服务通信。它为微服务提供了基础设施层的控制功能，不需要更改应用程序的代码，从而解决服…...

编程日记 2025/5/13 12:42:11

DeepSeek发布新模型，遭遇大规模攻击，梁文锋回应证实为假，吴恩达盛赞DeepSeek！AI Weekly 1.27-2.2

📢本周AI快讯 | 1分钟速览🚀 1️⃣ 🖼️Janus-Pro-7B：DeepSeek发布7B开源多模态模型，视觉理解&生成能力超越DALL-E 3！ 2️⃣ 🚨DeepSeek遭遇大规模攻击：DDoS暴力破解&#xff…...

编程日记 2025/5/10 16:14:06

20250202在Ubuntu22.04下使用Guvcview录像的时候降噪

20250202在Ubuntu22.04下使用Guvcview录像的时候降噪 2025/2/2 21:25 声卡：笔记本电脑的摄像头自带的【USB接口的】麦克风。没有外接3.5mm接口的耳机。缘起：在安装Ubuntu18.04/20.04系统的笔记本电脑中直接使用Guvcview录像的时候底噪很大！ …...

编程日记 2025/5/12 9:00:37

直方图：摄影中的视觉数据指南

目录一、直方图基础：揭开它的神秘面纱二、解读直方图类型：亮度与色彩的密码 （一）亮度直方图 （二）RGB 直方图三、拍摄中巧用直方图：优化曝光与效果 （一）精准判断曝…...

编程日记 2025/5/13 10:08:03

OpenGL学习笔记（七）：Camera 摄像机（视图变换、LookAt矩阵、Camera类的实现）

文章目录摄像机/观察空间/视图变换LookAt矩阵移动相机（处理键盘输入）移动速度欧拉角移动视角（处理鼠标输入）缩放场景（处理滚轮输入）Camera类摄像机/观察空间/视图变换在上一节变换中，我们讨…...

编程日记 2025/5/12 10:30:47

冲刺一区！挑战7天完成一篇趋势性分析GBD DAY1-7

Day1. 公开数据库的挖掘太火热了,其中GBD数据库的挖掘又十分的火爆.那我就来挑战一篇GBD、一篇关于趋势性分析的GBD！ GBD数据库挖掘是目前的四大刊常客，经常出现在顶级期刊上面。这个数据库亮点就是：可视化，统计学简单、而数据可…...

编程日记 2025/5/13 10:56:02

解锁数据结构密码：层次树与自引用树的设计艺术与API实践

1. 引言：为什么选择层次树和自引用树？ 数据结构是编程中的基石之一，尤其是在处理复杂关系和层次化数据时，树形结构常常是最佳选择。层次树（Hierarchical Tree）和自引用树（Self-referencing Tree…...

编程日记 2025/5/10 16:13:46

【AudioClassificationModelZoo-Pytorch】基于Pytorch的声音事件检测分类系统

源码：https://github.com/Shybert-AI/AudioClassificationModelZoo-Pytorch 模型测试表模型网络结构batch_sizeFLOPs(G)Params(M)特征提取方式数据集类别数量模型验证集性能EcapaTdnn1280.486.1melUrbanSound8K10accuracy0.974, precision0.972 recall0.967, F1-s…...

编程日记 2025/5/12 11:58:43

ARM嵌入式学习--第十二天（WDOG，RTC）

--WDOG -介绍 WatchDog是为了能够防止程序跑飞而使用的一种硬件模块，如果你的程序没有跑飞，那么你的程序会定时的去喂看门狗；如果你的程序跑飞了，那么就不会再去喂狗了，如果超过了喂狗时间，那么狗就会自己…...

编程日记 2025/5/13 9:24:24

自动化构建-make/Makefile 【Linux基础开发工具】

文章目录一、背景二、Makefile编译过程三、变量四、变量赋值1、""是最普通的等号2、“:” 表示直接赋值3、“?” 表示如果该变量没有被赋值，4、""和写代码是一样的， 五、预定义变量六、函数**通配符** 七、伪目标 .PHONY八、其他常…...

编程日记 2025/5/10 0:18:57

三天急速通关JavaWeb基础知识：Day 2 前端基础知识（计划有变，前端工程化部分暂时搁置）

三天急速通关JavaWeb基础知识：Day 2 前端基础知识 0 文章说明1 HTML1.1 介绍1.2 基本结构及语法1.3 常见标签2 CSS2.1 介绍2.2 引入方式2.3 选择器2.4 浮动定位盒子模型 3 JavaScript3.1 介绍3.2 组成3.3 基础语法 4 Ajax4.1 介绍4.2 示例未完待续，前…...

编程日记 2025/5/12 23:14:15

Chapter2 Amplifiers, Source followers Cascodes

Chapter2 Amplifiers, Source followers & Cascodes MOS单管根据输入输出, 可分为CS放大器, source follower和cascode 三种结构. Single-transistor amplifiers 这一章学习模拟电路基本单元-单管放大器单管运放由Common-Source加上DC电流源组成. Avgm*Rds, gm和rds和…...

编程日记 2025/5/13 15:44:51