设计思想 源码 思想vue3

vue3引入mitt(eventBus)

版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
eventBus vue3 mitt vue

vue3引入pinia

1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
pinia vue3 vue

设计模式(十六)迭代器

一、定义 提供一种方法顺序访问一个聚合对象中的各个元素,且不用暴露该对象的内部表示。迭代器模式是一种对象行为型模式,又称为游标(Cursor)模式。 二、描述 在软件系统中,聚合对象拥有两个职责:一是存储数据,二是遍历数据。从依赖性来看,前者是聚合对象的基本职责,而后者既是可变化的,又是可分离的。因 ......
设计模式 模式

即时通讯源码

经过测试 刚开始搭建可以发消息 过一会服务器就崩了 有些接口不太会对接 你们有能力自己拿去修复 特此声明:本软件或源代码仅可用于学习等合法合规的用途,禁止将本软件或源代码用于任何非法用途,造成任何不良的一切后果,与本人无关,使用即认同以上原则。 环境nginx+mysql5.7+php7.3+red ......
源码 通讯

go设计模式之工厂模式

Go语言实现设计模式之工厂方法模式 原创 汀风 汀风说后端 2023-12-06 08:10 发表于北京 汀风说后端 编程知识普及,让学习与工作变得更简单。 18篇原创内容 公众号 摘要: 工厂方法模式是一种创建型设计模式,它将对象的创建延迟到子类中进行,通过定义一个创建对象的接口,让子类决定实例化 ......
模式 设计模式 工厂

权限设计

权限组件开发 为什么是什么? 1.为什么要开发关于权限相关的系统? 在现实生活中,就有很多的关于权限的场景,比如:在超市,店长的权限永远比员工权限大。在公司,老板的权限永远比经理大。老板可以知道全部员工的工资多少,而经理只能知道自己部门的工资。这些就是权限的体现。 2.权限是什么? 在web系统中一 ......
权限

第二章 若依JFlow流程模型设计

这篇文章主要讲解了如何使用JFlow框架创建业务场景和流程模型,绘制流程图及注意事项,以及单节点的表单绘制和需要注意的细节 ......
模型 流程 第二章 JFlow

2023-2024-1 20231309 《计算机基础与程序设计》第十一周学习总结

2023-2024-1 20231309 《计算机基础与程序设计》第十一周学习总结 这个作业属于哪个课程<2023-2024-1-计算机基础与程序设计> 这个作业要求在哪里 <2023-2024-1计算机基础与程序设计第十一周作业> 这个作业的目标 < 《计算机科学概论》第十五章,《C语言程序设计》 ......

《需求分析与系统设计》阅读笔记三

软件需求分析中不可或缺的一步就是可视化建模,因为参与软件开发的人员不可能都是程序员,肯定还有相关项目的业界人士参与进来,这时候让他们直接去理解代码显然是不现实的,因此我们需要用到可视化建模,目前我们最熟悉的可视化建模语言莫过于UML了,这也是我们在大学内特地开设课程教授的语言。UML的详细介绍这里就 ......
需求 笔记 系统

用户体验设计:产品设计从需求到交互 -03

第三部分:结构层面的用户体验设计这部分介绍了产品设计的结构层面,包括信息架构、交互设计、界面设计等内容。作者讲解了如何通过良好的信息架构和交互设计来提升产品的可用性和用户体验,以及如何设计清晰、直观的用户界面。 读书笔记:良好的信息架构和交互设计是确保产品易用性和用户满意度的重要因素。通过合理的信息 ......
产品设计 需求 用户 产品 03

1.需求分析和架构设计

需求分析 熟悉产品需求 以架构师的思维分析需求,不能只停留在表面实现需求,要考虑怎么实现能给业务带来增长 全局思维、整体思维、闭环思维,不能只考虑自己,要全局考虑整个团队,要做到有输出、有输入、有结果 浅层需求 分析表面需要实现的功能,如登录、创建作品、编辑、发布、访问作品等 深度需求 通过浅层需求 ......
架构 需求

软件设计模式学习每日总结-第十五天

第十五天 解释器模式:定义一个语法,并建立一个解释器来解释这个语法。 ......
设计模式 模式 软件

网口设计注意事项

网口设计注意事项 PHY与网络变压器接法 通用MCU(CH32V203RBT6、CH32V/F208、CH32V307、CH32F207) BLE(CH577、CH578、CH579) 接口芯片(CH9120、CH9121、CH9126、CH392、CH395) 变压器接法:变压器中心抽头接VCC ......
网口 注意事项 事项

Optional常用方法实例, 源码挺简单的,重要的是option 与 stream 以及lambda 的连贯使用

Optional static methods: Optional.ofNullable(); Optional.empty(); Optional.of(); ​ empty(): public static<T> Optional<T> empty() { @SuppressWarnings(" ......
源码 实例 Optional 常用 方法

vue3使用虚拟化表格自定义表格并动态生成表头

element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu ......
表格 表头 动态 vue3 vue

《优化接口设计的思路》系列:第六篇—接口防抖(防重复提交)的一些方式

一、前言 大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 作为一名从业已达六年的老码农,我的工作主要是开发后端Java业务系统,包括各种管理后台和小程序等。在这些项目中,我设计过单/多租户体系系统, ......
接口 思路 方式

vue3 demo

<script setup> import { computed, ref } from "vue"; // const blog = ref({ // title: "Vue3 基础教程", // content: "Vue3 在 Vue2 的基础上做了很多优化", // link: "https ......
vue3 demo vue

源码编译安装mysql8.0

下载源码 源码下载地址:https://dev.mysql.com/downloads/mysql/ 找到对应版本进行下载上传至服务器 编译安装 使用cmake命令进行安装 cd mysql-8.0.35 mkdir bld cd bld cmake -DCMAKE_INSTALL_PREFIX=/ ......
源码 mysql8 mysql

湖南省第*届大学生计算机程序设计大赛

湖南省第五届大学生计算机程序设计大赛于中南林业科技大学举行。(2009) 湖南省第六届大学生计算机程序设计大赛于长沙理工大学举行。(2010) 湖南省第七届大学生计算机程序设计大赛于湖南农业大学举行。(2011) 湖南省第八届大学生计算机程序设计竞赛于湖南工业大学举行(2012) 湖南省第九届大学生 ......

[转]vue3+tsx开发语法详解

原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发,主要因为其灵活性比较高,TSX和SFC开发的优缺点就不介绍了,这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
语法 vue3 vue tsx

[转]在 vue3 中优雅的使用 jsx/tsx

原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧,现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx ......
vue3 vue jsx tsx

vue3 01项目的创建

npm init vue@latest 看需求选择 紧接着cd 到自己的项目文件下 npm i一下安装依赖 npm run dev 启动项目 ......
项目 vue3 vue

【实战技能】 单步运行源码分析,一期视频整明白FreeRTOS内核源码框架和运行机制,RTOS Trace链表功能展示

从源码的角度来看,OS内核源码就是通过各种链表组装起来的,FreeRTOS就是下面几个链表组成的。FreeRTOS的调度,任务切换就是倒腾这几个链表。而其它的几款OS是一个链表就一撸到底了,FreeRTOS是搞了好几个。所以视频里面就重点介绍下这个,其它的支持的也做个拓展说明。 搞清楚这几个链表也就 ......
源码 内核 实战 框架 FreeRTOS

学习Vue3 第六章(认识Ref全家桶)

ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> ......
全家 Vue3 Vue Ref

2023年广东工业大学腾讯杯新生程序设计竞赛不知道叫什么名字(前缀和)

需要的是男生女生数量相同,做个转化,女生变成-1,然后求一遍前缀和,我们希望找到最长的满足\(sum(l, r)=0\)的区间也就是\(sum(r) - s(l - 1) = 0\) 考虑枚举右端点,找到最左端和它相等的sum就是对于当前右端点的最长的。 最开始想了个二分答案的假做法,011100, ......

CAN总线接口保护电路设计指南

CAN总线的应用范围广,应用环境相当复杂,一些静电、浪涌等干扰很容易耦合到总线上,并直接作用于CAN总线接口。为了满足一些高等级EMC的要求,有必要添加额外的外围保护电路。 为什么需要保护电路 一般的CAN收发器芯片ESD、浪涌防护等级较低,如SM1500隔离CAN收发器虽隔离耐压为3500VDC, ......
电路设计 总线 电路 接口 指南

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
Typescript 状态 Vite4 Pinia Vite

uniapp+vue3 优惠券样式

效果如图: template部分: <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
优惠券 样式 uniapp vue3 vue

llama源码阅读

收到这个启发: https://www.bilibili.com/video/BV1Cw411y7gs/?p=5&spm_id_from=pageDriver&vd_source=d68ed178f151e80fea1e02efd205802c 原来的模型也可以自己单机低成本调试. 这个是调试代码 ......
源码 llama

设计模式之享元模式

1. 定义 共享多个对象所共有的相同状态,以节省内存和提高性能 2. 口语化举例 现有一台灯工厂,有五个生产线(分别生产五种产品)、两个销售部门 这两销售部门在销售产品出去后,都会直接去找生产线生产,有时两部门同时销售出同一种产品,导致这个产品的生产线繁忙 现在,工厂提出一种新方法: 每个生产线都会 ......
模式 设计模式