设计思想 源码 思想vue3
【23种设计模式】创建者模式（四）
## 前言 在软件系统中，有时候面临着“一个复杂对象”的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常面临着剧烈的变化，但是将它们组合在一起的算法却相对稳定。如何应对这种变化？如何提供一种“封装机制”来隔离出“复杂对象的各个部分”的变化，从而保持系统中 ......
Spring Cloud与Docker高并发微服务架构设计实施---微服务监控中心
在众多正在运行的微服务中，我们必须做到随时掌握每一个服务的运行情况及其健康状态，才能保证整个平台的稳定性和可靠性。使用Hystrix断路器仪表盘功能就可以创建一个监控中心，实现在线监控微服务的运行状态。（此处代码有待完善） 首先，在项目的配置管理中心中增加依赖配置 <dependencies> <d ......
ArrayList源码阅读之EMPTY_ELEMENTDATA和DEFAULTCAPACITY_EMPTY_ELEMENTDATA区别
/** * Shared empty array instance used for empty instances. */private static final Object[] EMPTY_ELEMENTDATA = {};/** * Shared empty array instance u ......
关于DDD中聚合设计的思考(以博客园为例)
前言 聚合作为领域模型中重要的业务功能单元，它的设计是领域建模过程中非常重要的工作。其中聚合根的判断并非一件易事，往往给人一种似是而非的感觉，让人难以捉摸，陷入两难的境地。今天笔者就想以博客园为例来探讨下：博客 (Blog) 和评论 (Comment) 究竟是不是一个聚合？ 问题探讨 众所周知，在博 ......
vue3学习笔记1 - Vue2和 Vue3生命周期区别
1.vue2常用生命周期：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后：Created() 是最早使用data和methods中数据的钩子函数 挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树 挂载后：Mounted() dom渲染完 ......
vue3响应式数据重复
记一次bug。。 由于【甲方负责人】的表单是响应式的，然后直接添加到另一个响应式的数组里了，就会造成【更改表单内容，也会使数组里的值发生变化】 解决方法 1 //添加到列表，做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......
【Vue】vue3 v-draggable 拖拽指令封装
## 说明 需求：实现一个拖拽指令，可在父元素区域任意拖拽元素，同时如果传入的值为 father，则拖拽的时候以父元素为拖拽对象 思路： 1、设置需要拖拽的元素为absolute，其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......
【Vue】vue3 中 如何将el-table的表格数据下载为.xlsx格式文件
## 安装依赖 首先，你需要安装 xlsx 和 file-saver 这两个库。 ```bash npm install xlsx file-saver --save ``` 有兴趣可以看看两个库的官方说明，直接看下面使用也没问题。 [xlsx 官方介绍](https://www.npmjs.com ......
Vue3 Refs模板
Refs模板用来获取页面DOM元素或者组件，类似于Vue2.X中的$refs。Refs模板的使用方法如下。 (1)在setup()中创建ref对象，其值为null。 (2)为元素添加ref属性，其值为步骤(1)中创建的ref对象名。 (3)完成页面渲染之后，获取DOM元素或者组件。 src\view ......
成品直播源码平台消息传递的协议：MMS协议
通过MMS协议，使成品直播源码平台实现了多种媒体形式的实时传输、广播与通知、多种互动功能与流控制，让成品直播源码平台成为了一个高质量的平台，保证用户在使用成品直播源码平台的时候能体验到平台的稳定与流畅性，为用户提供更好的体验。 ......
【23种设计模式】抽象工厂模式（三）
## 前言 在抽象工厂模式开篇之前，我们先思考一个问题，如果我们要设计一套房子，其他的组件暂时不考虑，我们仅仅考虑房顶、地板、窗户、房门进行设计。什么样的风格暂时未知，可能会有很多种类。可以先设计一套古典风格的房子，再设计一套现代风格的房子，再设计一套欧式风格的房子....这么多套房子需要设计，需求 ......
Vue3 依赖注入 provide() inject()
依赖注入就是父组件向后代组件传递数据，可以向子组件传递数据，也可以向孙子组件传递数据。 在父组件中使用provide()函数，向后代传递数据。 在后代组件中使用inject()函数，获取传递过来的数据。 provide() 提供一个值，可以被后代组件注入。 inject() 注入一个由祖先组件或 ......
【校招VIP】产品思维设计之用户需求分析
考点介绍：理解用户需求时需要我们在看待产品的时候不能以我们创造者的专业身份来看，而需要用同理心，将自己转变为一个产品的典型用户，才能准确挖掘到用户心底最真实的诉求。 一、考点题目 1. 用一句话描述家用跑步机的用户画像，核心用户的使用场景和核心需求。（产品销售以北美市场为主）解答：背景：1）市场：销 ......
基础底层短信服务的设计思路
1.短信定义模板，根据模板ID，模板内容，模板内容中的符号来替换成真实的内容来发送。可以支持动态的调整短信模板文案。 2.如果接入多家短信服务供应商，根据不同的发送比例来配置选择哪家供应商的比例，可以按100来作为基准，然后根据配置大小，每次发送短信的时候，随机生成一个100以内的随机数，落到哪个区 ......
抖音订单推送设计思路-基于支付ID而不是订单号来推送
抖音订单推送设计思路-基于支付ID而不是订单号来推送 方案：不是基于订单号来核销和分账的，抖音是基于每一笔抖音支付来做订单推送，核销和分账现象：这样会在抖音的订单中心中会出现很多条订单推送的记录。 抖音App订单列表状态如下：待支付,已取消,已支付,已核销 抖音文档地址订单同步https://dev ......
Vue3 watch() 监听
watch() 侦听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数 <template> <span> <p>{{num}}</p> <p>{{num2}}</p> <button @click="num++">+1</button> <button @click="addNum">+ ......
如何把一个接口设计好？
如何设计一个接口？是在我们日常开发或者面试时经常问及的一个话题。很多人觉得这不就是CRUD，能实现不就行了。单纯实现来说，并非难事，但要做到易用、易扩展、易维护并不是一件简单的事。这里并不强调一些个接口设计的原则或者设计方法，仅从如何设计一个好的接口出发，简单讨论。 ......
vue3 setup访问子组件的 DOM 元素
使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted } ......
Vue3 computed() 计算属性
<template> <span> <p>普通属性:{{num}}</p> <p>计算属性-只读:{{numAdd}}</p> <p>计算属性-可读写:{{numAdd2}}</p> <button @click="numUpdate">修改普通属性</button> <button @click= ......
模拟集成电路设计系列博客——1.3.2 增益提升
### 1.3.2 增益提升 之前在电流镜章节提到过应用放大器来增加电流镜输出阻抗，同样的技术被用于增加Cascode增益级的输出阻抗，如下图所示： 
经过一段时间的准备，【ASP.NET Core MVC开发实战之商城系统】已经完成，目前代码已开发完成，先将全部内容整理分享，如有不足之处，还请指正。 ......
vue3 + vite 动态引入不被打包的静态资源
在开发中，通常会把一些静态资源放在assets文件夹下，但是assets目录下的内容是需要vite编译打包的，所以如果只是引用assets目录下的资源时，使用绝对路径、相对路径均可。 但是，在开发中，我们经常会引用一些不被打包的资源，此时该资源是放在 public 目录下的，那么在引用时，路径的写法 ......
vue3 路由-导航守卫
假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea ......
阿里云 X 森马 AIGC T 恤设计大赛开启！穿什么由你定，赢 Airpods，作品定制联名T恤
AIGC 热潮席卷全球，能驾驭好 AI 工具的人，即将成为各行业最为抢手的人才。摩拳擦掌研究 AI 的你，是否想用自己的新技术和创造力一试身手呢？ ......
Vue3 Composition Api 与 Vue2 Options Api
Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......
雪亮工程2.0：雪亮工程二期智能化综合管理AI大数据平台建设方案设计
对在逃、重点人员等进行布控，实现实时报警等应用。通过在嫌疑人活动区域定点布控，对村、镇附近雪亮点位视频进行智能筛选，能协助侦查民警提高工作效率。 ......
智慧矿山2.0：煤矿智能化综合管理AI大数据监管平台建设方案设计
一、行业背景 能源与煤矿是我国国民经济的重要物质生产部门和支柱产业之一，同时也是一个安全事故多发的高危行业，施工阶段的现场管理对工程成本、进度、质量及安全等至关重要。煤矿智能化既是未来趋势，更是产业发展需求，建设智慧煤矿已经成为矿业安全生产的必经之路，是推动行业提质增效和安全生产的有效保障。 二、煤 ......
flink的源码编译方法
1、下载flink源码 2、修改整数限制numUnapprovedLicenses 改成100(在pom.xml文件) 3、执行编译命令 ./mvnw clean package -DskipTests 4、如果只想名义子工程 拷贝根目录的mvnw执行脚本到对应子目录，然后再执行./mvnw cle ......
Qt开发思想探幽]QObject、模板继承和多继承
@[TOC]([Qt开发思想探幽]QObject、模板继承和多继承) ## [Qt开发探幽]QObject、模板继承和多继承 当我们在用Qt开发一个软件框架的时候，在一个正式一点的库或者框架中，我们不可避免地想要使用继承，但是可能当我们开发完一个模块后，会发现一些问题，比如说在编译的时候发现父类会编 ......