diplomatic patterns tilelink design
typescript: Flyweight Pattern
/** * Flyweight Pattern 享元是一种结构型设计模式， 它允许你在消耗少量内存的情况下支持大量对象。 * https://refactoringguru.cn/design-patterns/flyweight/typescript/example#lang-features * ......
设计模式之 Observer Pattern观察者模式
观察者模式Observer Observer模式为组件向相关接收方【广播】消息提供了灵活的方法； 该模式定义了对象一到多的依赖关系，这样当对象改变状态时，将自动通知并更新他所有的依赖对象； 优点 抽象了主体与Observer之间的耦合关系； 支持广播方式的通信 适用 对一个对象的修改涉及其他对象的修 ......
设计模式之 State Pattern状态模式
State模式允许对象在内部状态变化时，变更其行为，并修改其类； 优点： 定位指定状态的行为，并且针对不同状态来划分行为，使状态转换显式进行； 适用： 对象的行为依赖于其状态，并且该对象必须在运行时根据其状态修改其行为； 操作具有大量的以及多部分组成的取决于对象状态的条件语句； public cla ......
typescript: Facade Pattern
/** * Facade pattern 外观是一种结构型设计模式， 能为复杂系统、 程序库或框架提供一个简单 （但有限） 的接口。 * The Facade class provides a simple interface to the complex logic of one or * sev ......
typescript: Decorator Pattern
/** * Decorator Pattern 装饰是一种结构设计模式， 允许你通过将对象放入特殊封装对象中来为原对象增加新的行为。 * The base Component interface defines operations that can be altered by * decorato ......
typesciprt: Composite Pattern
/** * Composite Pattern 组合是一种结构型设计模式， 你可以使用它将对象组合成树状结构， 并且能像使用独立对象一样使用它们。 * https://refactoringguru.cn/design-patterns/composite/typescript/example#la ......
System Architecture Patterns All In One
System Architecture Patterns All In One
系统架构模式
......
typescript: Bridge Pattern
/** * Bridge Pattern 桥接是一种结构型设计模式， 可将业务逻辑或一个大类拆分为不同的层次结构， 从而能独立地进行开发。 * https://dev.to/takaakit/uml-diagram-for-gof-design-pattern-examples-in-typescr ......
【NIPS2021】Twins: Revisiting the Design of Spatial Attention in Vision Transformers
来自美团技术团队♪（＾∀＾●）ﾉｼ 论文地址：https://arxiv.org/abs/2104.13840 代码地址：https://git.io/Twins 一、写在前面 本文提出了两种视觉转换器架构，即Twins-PCPVT和Twins-SVT。 Twins-PCPVT 将金字塔 Trans ......
React in patterns
In brief > Foundation 1. Communication - Input - Output 2. Event handlers 3. Composition - Using React's children API - Passing a child as a prop - Hi ......
typescript: Adapter pattern
/** * Adapter pattern 适配器是一种结构型设计模式， 它能使不兼容的对象能够相互合作。 * file: Adapterts.ts * * */ /** * The Target defines the domain-specific interface used by the c ......
typescript: Singleton Pattern
/** * file: Singletonts.ts * Singleton Pattern 单例是一种创建型设计模式， 让你能够保证一个类只有一个实例， 并提供一个访问该实例的全局节点。 * The Singleton class defines the `getInstance` method ......
Flutter/Dart第10天：Dart高级特性Pattern模式的全部类型（共15种）
Pattern模式是Dart 3.0发布的3个高级特性之一，在第09天我们学习了模式的概览和用法，对模式的强大之处有了基本的认识，今天我们来看看Dart中的全部模式类型，总共有15种，它们包括逻辑或、逻辑与、关系、值转换、空检测、空断言、常量、变量、标识符、括号、List列表、Map映射、Recor... ......
typescript: Prototype Pattern
/** * Prototype Pattern 原型是一种创建型设计模式， 使你能够复制对象， 甚至是复杂对象， 而又无需使代码依赖它们所属的类。 * The example class that has cloning ability. We'll see how the values of fi ......
typescript: Builder Pattern
/** * TypeScript 实体类 Model * Builder Pattern * 生成器是一种创建型设计模式， 使你能够分步骤创建复杂对象。 * https://stackoverflow.com/questions/12827266/get-and-set-in-typescript ......
Flutter/Dart第09天：Dart高级特殊Pattern模式的概览和用法
Dart 3.0在语法层面共发布了3个高级特性，第一个特性Record记录我们在前面已经学习和探究。今天我们来学习第二个高级类型Pattern模式，由于内容较多，共分2篇文章进行介绍，本文首先介绍模式的概览和用法，包括匹配、解构、在变量申明、赋值、循环、表达式等应用场景…… ......
QFluentWidgets: 基于 C++ Qt 的 Fluent Design 组件库
简介 QFluentWidgets 是一个基于 Qt 的 Fluent Designer 组件库，内置超过 150 个开箱即用的 Fluent Designer 组件，支持亮暗主题无缝切换和自定义主题色。搭配所见即所得的 Fluent Designer 软件，只需拖拖拽拽，不用编写一行 QSS，就能 ......
Java 21 新特性：Unnamed Patterns and Variables
Java 21中除了推出JEP 445:Unnamed Classes and Instance Main Methods之外，还有另外一个预览功能：未命名模式和变量（Unnamed Patterns and Variables）。该新特性的目的是提高代码的可读性和可维护性。 下面通过一个例子来理解 ......
基于react18+vite4+arco.design搭建极简版后台管理模板
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打 ......
vue3项目结合ant design vue的upLoad组件实现上传和下载Excel文件
1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 <Upload v-model:file-list="fileList" name="file" // 限制文件格式 accept=".xlsx,.xls" // ......
Umi Max(4.X)+Ant Design（5.X）单独修改侧边栏颜色
Umi Max(4.X)+Ant Design（5.X）单独修改侧边栏颜色 前提 在工作负责的平台中，侧边栏颜色都是暗色风格，内容区域为亮色风格，为了保持统一，需要将新项目的侧边栏改为暗色 折腾过程 旧版实现 在旧版 antd 4中，config文件夹下有一个 defaultSettings.ts ......
JDK21新特性Record Patterns记录模式详解
1 摘要 通过使用记录模式来增强Java编程语言，以解构记录值。记录模式和类型模式可嵌套使用，从而实现强大、声明式和可组合的数据导航和处理形式。 2 发展史 由 JEP 405 提出的预览功能，并在JDK 19发布，然后由 JEP 432 再次预览，并在JDK 20发布。该功能与用于switch的模 ......
什么是设计领域的 4 eyes design
4 Eyes Design（四目设计）是一种设计审查和验证过程，旨在确保设计项目的质量、准确性和可靠性。这一设计方法通常用于软件开发和产品设计等领域，其核心概念是通过引入多个独立的视角和专业知识，来审查和验证设计方案，以降低错误和问题的风险。4 Eyes Design的名称源自于“四双眼睛”即四个独 ......
[Ant Design Pro] a brief note when trying a frontend framework
I'm a backend developer and know little about frontend. but recently I tried a frontend building tool, Ant Design Pro. Here is an note when initiating ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求，如下图。需要实现数据导出功能，ProTable搜索栏默认有重置和查询按钮，所以需要增 ......
web form程序 紧急修改 热编译模式 文件，删掉designer.cs文件
目的是使用老的webpages页面 实时编译的，用于处理紧急情况，可以热编译1.删掉designer.cs 2.修改aspx 文件的第一行<%%>中的属性名 CodeBehind="test.aspx.cs" --改成 CodeFile="Test.aspx.cs" 3.修改aspx.cs文件 一般 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
记录 umi4 ant design pro typescript 在 vscode 代码提示错误的问题
原因是vscode 使用的ts版本与项目不匹配。 修复方法： 在vscode拓展【左侧4个方框的图标】搜索 typescript 下载安装插件 JavaScript and TypeScript Nightly 然后使用ctrl+shift+p 调出命令，使用 Select TypeScript v ......
Java 21 新特性：Record Patterns
Record Patterns 第一次发布预览是在JDK 19、随后又在JDK 20中进行了完善。现在，Java 21开始正式推出该特性优化。下面我们通过一个例子来理解这个新特性。 record Point(int x, int y) {} static void printSum(Object o ......