nzdwancgb的博客

原创 vue v-slot 获取slotProps值

<template v-slot="slotProps"> <div :style="{ 'display': 'flex', 'flex-wrap': 'wrap', 'height': slotProps.contentHeight-40+'px', 'overflow': 'auto', 'width':'100%', }"></template>

原创 vue2 vue3 全局事件总线

1.创建// vue21.main.js文件new Vue({ render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this; // 全局事件总线 作用：兄弟组件间传数据 }}).$mount('#app')// vue31.npm install --save mitt2.创建eventBus.jsimport mitt from 'mitt'const emitter = mitt()ex

原创 ant-design-vue a-select-option显示全部内容

<a-select> <a-select-option v-for=" item in list" :value="item.value" :key="item.value" :title="item.label" // 鼠标移到此项，显示title内容 > {{ item.label }} </a-select-option></a-select>...

转载 Object.defineProperty()

let number = 18;let person = { name: 'cgb',};Object.defineProperty(person,'age',{ value: 18, enumerable: true, // 可枚举 writable: true, // 可修改 configurable: true, // 可删除 get(){ console.log('有人读取age属性时触发'); } set.

原创 vue.use()，install()，Vue.component

作用：1.自己创建组件，然后在项目中全局引用。2.组件按需引用一、自己创建组件 c-button.vue<template> <button>cgb</button></template><script>export default { name:'CButton'}</script><style></style>二、创建一个JS文件import CButton

原创 ant design vue a-select 下拉搜索

<a-select v-model:value="searchCondition.lj" show-search // 开启下拉搜索 optionFilterProp="label" // 用label属性过滤。默认是value过滤 style="width:250px;" > <a-select-option value...

转载 [antdv: FormModel] model is required for resetFields to work

<a-form >添加:model="form"属性即可解决

原创 谷歌浏览器代理服务器有问题

原创 CSS 内容固定在某一高度，有滚动条

.flex-box { display: flex; flex-wrap: wrap; height: 300px; overflow: auto;}

转载 javaweb maven

转载：【狂神说Java】JavaWeb入门到实战_哔哩哔哩_bilibilimaven：项目架构管理工具maven作用：方便导入jar包maven核心思想：约定大于配置。有规定（约束），不要去违反。 maven会规定好我们如何写java代码，必须按照规范来。配置maven1.下载2.环境变量3.阿里云镜像<mirror> <id>nexus-aliyun</id> &lt...

转载 javaweb http

1.请求request 主要字段意义： 请求行： 请求方式get/post 消息头：2.响应response响应体响应状态码常见面试题：地址栏输入地址回车到页面展示，经历了什么？...

转载 软件架构风格 基于服务的架构SOA

服务是一种为了满足某项业务需求的操作、规则等的逻辑组合，它包含一系列有序活动的交互，为实现用户目标提供支持。

转载 软件架构风格 富互联网应用RIA

RIA：利用新的技术，加强了BS架构展现能力和交互能力。AJAX（异步的javascript和XML）：异步传输技术。局部刷新页面Flex：应用到网络游戏，画面精美和冲击力强MUSHUP：

转载 软件架构风格 BS架构和混合架构

1.三层BS架构2.混合架构

转载 软件架构风格 CS架构

1.两层CS架构2.三层CS架构将业务逻辑单独地拎出来三层CS架构优势

转载 软件架构风格 仓库风格

仓库风格以数据为中心。1.数据库系统，黑板系统，超文本系统 黑板系统的所有部件的操作都是通过数据变化来控制的。这是与数据库系统不同的地方。 知道超文本系统归属于仓库风格就好了。...

转载 软件架构风格 虚拟机风格

java能跨平台的原因之一就是虚拟机。虚拟机屏蔽了操作系统，提供了给程序运行的平台。虚拟机风格极少应用到，所以只要知道哪些东西归属于虚拟机风格就好了。

原创 请求方式 get,post

get:携带参数少，大小限制，URL地址栏显示数据内容，不安全但高效post:携带参数多，大小不限制，URL不显示数据内容，安全但不高效

转载 网站如何访问

1.输入一个域名，回车2.检查本机的C:\Windows\System32\drivers\etc\hosts配置文件下有没有这个域名映射： 1.有，直接返回相应的IP地址，在这个地址中，有我们需要访问的web程序，可以直接访问 举例： 127.0.0.1 www.cgb.com 2.没有，去DNS服务器找，找到的话就返回，找不到就返回找不到...

原创 软件架构风格-调用/返回风格

用的最多。1.主程序/子程序单线程控制，把问题拆分成若干个处理步骤，构件即为主程序和子程序，子程序通常可合成模块。过程调用作为交互机制，即充当连接件的角色。调用关系具有层次性，其语义逻辑表现为主程序的正确性取决于它调用的子程序的重要性。2.面向对象显式调用。构件是对象，对象是抽象数据类型的实例。在抽象数据类型中，数据的表示及其相应的操作都被封装起来，对象的行为体现在其接受和请求的动作。连接件即是对象间交互的方式，对象是通过函数和过程的调用来交互的。3.层次结构构件组织成一个层次结构，

原创 软件架构风格-数据流风格

该架构以数据为导向。1.批处理序列概念：构件为一系列固定顺序的计算单元，构件之间只通过数据传递交互。每个处理步骤都是一个独立的程序，每一步必须在前一步结束之后才能进行。数据必须是完整的，以整体的方式传递。处理的数据量庞大，而且数据必须顺次进入。显著特点：没有用户交互。用户不会介入。2.管道-过滤器概念：每个构件都有一组输入和输出，构件读输入的数据流，经过内部处理，产生输出的数据流。这个过程通常是通过对输入数据流的变换或计算来完成的，包括通过计算和增加信息以丰富数据、通过浓缩和删除

原创 软件的架构

软件设计流程：计划，需求分析，设计，实现（编码），测试软件架构是需求和设计之间的桥梁。需求偏向业务，设计偏向技术。架构作用：将需求分配到软件的各个部分。如何应对需求，给出相应的解决方案，各个部件如何去设计，写得清清楚楚软件架构的核心问题是能否达到架构级的软件复用。架构风格类似建筑，比如欧式风格和中式风格。...

原创 java 异常

1.RuntimeException:运行时异常。一般不手动处理，出了问题再处理2.其他Exception：必须经过手动处理3.error:一般指的是系统级错误try...catch...finallypublic class test { public static void main(String[] args) { try{ System.out.println(1/0); } catch (Exception e){

转载 java 参数传递问题

值传递：把变量的值当做参数传递。一般情况下，变量的值不会变引用传递：直接把变量作为参数进行传递。一般情况下，变量的值会变java是值传递转载：https://www.bilibili.com/video/BV1uE411r7ij?p=27...

原创 java toString，instanceof

public class dog { String name; String color; public dog(String name,String color){ this.name = name; this.color = color; } @Override public String toString() { return "dog{" + "name='" + n.

转载 java equals和==

==默认判断两个对象的内存地址是否一致（String类除外），一般用在基本数据类型上equals：object提供的方法，判断两个对象是否相等默认情况下，==和equals等价。equals可以自己重写字符串一定要用equals来判断public class cat { String name; String color; public cat(String name,String color){ this.name = name;

原创 java object

object是所有类的根。所有类默认继承object。例如：因为person extends object,student extends person,所以student extends object

转载 java 成员变量初始值

转载 java 抽象接口小练习

public interface IDAO { void connect(); void add(); void del(); void upd(); void sel();}public abstract class AbstractDAO implements IDAO { public void add() { System.out.println("增加"); } public void del() ...

转载 系统配置和性能评价 阿姆达尔解决方案

原创 java 接口

接口：特殊的抽象类接口的所有方法都是抽象方法接口用interface声明接口 === 类。区别：类只能单继承，接口能多实现。接口也有多态性。//价值public interface Valuable { int money = 1000;//实际等价于public static final int money = 1000; void getValue();}//受保护public interface protect { void getProtect

转载 java 抽象

抽象：现实中不存在在java中只声明，不实现public abstract class animal { //方法是抽象的，类也必须抽象 public abstract void eat();//抽象方法，省略方法体 //抽象类中可以有正常的方法 public void say(){ System.out.println("说话"); } public static void main(String[] args) { a

转载 java final

final === const 常量1.final定义的变量不能被重写2.final定义的方法不能被重写3.final定义的类不能被继承public final class _final { public final void play(){ System.out.println("就是玩"); } public static void main(String[] args) { final int cgb = 20;

转载 计组 cache 局部性原理

空间局部性：存储空间邻近的信息也有可能被使用。类似顺序存储。时间局部性：未来使用的信息可能是现在使用的信息。类似循环结构。

转载 计组 层次化存储结构

转载 计组 CISC和RISC

转载 计组 Flynn

原创 ant-design-vue a-select 获取选中行的所有数据

<template> <a-select v-model:value="selectValue" show-search placeholder="input search text" style="width: 200px" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content.

转载 java Maven项目报错：“ SLF4J: Failed to load class “org.slf4j.impl.StaticLoggerBinder ”解决办法

在Maven工程的pom文件中,添加以下代码：<dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-nop</artifactId> <version>1.7.2</version> </dependency>

转载 java 多态

多态：同一个对象的多种状态作用：统一不同类型的数据小知识 向上转型：子类对象赋值给父类变量 缺点：屏蔽掉子类特有方法 向下转型：父类变量转换为子类变量 注意：必须写强制类型转换举个例子，修改之前的代码如下：public class cat { public void eat(){ System.out.println("猫吃鱼"); } publ...