设计思想 源码 思想vue3
vue3+vite 代码混淆插件
安装插件 yarn add --dev rollup-plugin-javascript-obfuscator 创建obfuscator.js文件，把下面相应代码放入js文件中 import obfuscatorPlugin from 'rollup-plugin-javascript-obfusc ......
这次写一下inkscape这个矢量工具的使用，怎么使用shapebuilder, 作为一个设计师应该如何去制作图标等
绘图工具常用的大家都知道，一般图像有web类型，位图，压缩图，原图，矢量图，而矢量图保存东西是用的矢量保存的，所以在拉伸等变换的时候会基于矢量方向计算，所以填充等总是均匀的，不像位图，拉伸时就会是使图像中的位点变稀疏，图像变得不清晰。 这里adobe的photoshop是一个调色工具，这里要记得，虽 ......
设计模式实验8，9 适配器模式，桥接模式
适配器模式： 实现一个双向适配器，使得猫可以学狗叫，狗可以学猫抓老鼠。 桥接模式 用桥接模式实现在路上开车这个问题，其中，车可以是car或bus，路可以是水泥路或沥青路。 ......
eclipse中maven依赖的jar源码中文注释乱码解决
通过maven下载源代码，在eclipse中浏览源代码时，发现中文注释为乱码的问题。 eclipse默认编码造成的问题。可以通过以下方法解决： 1.修改Eclipse中文本文件的默认编码：windows->Preferences->general->Workspace->Text file enco ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......
记录--Vue3基于Grid布局简单实现一个瀑布流组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时，我们发现其展示方式就是一种瀑布流，是一种流行的网站页面布局，视觉表现为参差不 ......
基于vue3-pdf-app@1.0.3的Vue3 PDF在线预览
目录认识vue3-pdf-app安装vue3-pdf-app代码子组件封装: PdfView.vue父组件调用: index.vue中文配置文件viewer.properties 本文参考来自于 CSDN作者theMuseCatcher《Vue3PDF预览（vue3-pdf-app）》 认识vue3 ......
软件开发项目文档系列之六概要设计：构建可靠系统的蓝图
概要设计是软件开发项目中至关重要的阶段，它为整个系统提供了设计蓝图和技术方向。它的重要性在于明确项目目标、规划系统结构、确定技术选择、识别风险、以及为团队提供共同的视角，确保项目在后续开发阶段按计划进行。概要设计的主要内容包括项目的背景和目的、设计原则和要求、系统结构、接口设计、出错处理策略、技术选... ......
vue3.0 + ts 实现上传工厂（oss与cos）
概述 将上传基类命名为MOS（Mine Object Storage） mos.ts代码 import {MosType} from './mosConfig' import {Loading} from '../loading' import {type BinaryFile, type MosF ......
Vue3 - 常用的Composition API
一、常用 Composition API 1、拉开序幕的 setup 1. 理解： Vue3.0 中一个新的配置项，值为一个函数。 2. setup 是所有 Composition API （组合 API）“表演的舞台”。 3. 组件中所用到的：数据、方法等，均要配置在 setup 中。 4. se ......
短视频app源码，Vue3滚动加载
短视频app源码，Vue3滚动加载 Hooks useLazyLoad interface UseLazyLoadQo<T> { className: string; // 监听的dom的class calcBottomCount: number; // 计算滚动到table底部的次数 data: ......
Vue3 中的hook函数和 toRef(toRefs)
一、自定义hook函数 1、什么是hook？ 本质是一个函数，把 setup 函数中使用的 Composition API 进行了封装 2、类似于 vue2.x 中的mixin 3、自定义 hook 的优势：复用代码，让 setup 中的逻辑更清楚易懂。 二、toRef 1、作用：创建一个 ref ......
Vue3的生命周期
1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、onBeforeUpd ......
程序设计语言的分类
程序设计语言是什么 人与机器沟通的语言 程序设计语言的分类： 1.机器语言： 二进制语言，机器可以直接识别的 2.汇编语言： 使用助句符号方便机器语言一一对应 3.高级语言： 接近自然语言的计算机程序设计语言 Python,Java都是高级语言 ......
如何在PS（photoshop）和AI（illustrator）里快速标注设计图尺寸？
尺寸标注是大多数设计师必不可少的细节工作，特别是在一些特定的设计图中，标注至关重要。大部分设计大大都直接用CAD标注，其实只需要借助一些小插件，PS和AI也是完全可以直接搞定常见的尺寸标注的。 PS-Specs 一键尺寸标注 这是一款超级强大的《PS一键尺寸标注工具》，不管是平面图，还是剖立面，都能 ......
谈谈SSO单点登录的设计实现
谈谈SSO单点登录的设计实现 本篇将会讲讲单点登录的具体实现。 实现思路 其实单点登录在我们生活中很常见，比如学校的网站，有很多个系统，迎新系统，教务系统，网课系统。我们往往只需要登录一次就能在各个系统中被认定为登录状态。 这是怎么实现的？我们需要一个认证中心，一如学校网站也有一个统一认证中心，也就 ......
Java设计模式之桥接模式
桥接（Bridge）模式的定义如下：将抽象与实现分离，使它们可以独立变化。它是用组合关系代替继承关系来实现，从而降低了抽象和实现这两个可变维度的耦合度。 假如你有一个几何形状（Shape）类， 从它能扩展出两个子类： 圆形（Circle）和方形（Square）。你希望对这样的类层次结构进行扩展以使其 ......
java设计模式之适配器模式
定义将一个接口转换成客户希望的另一个接口，使接口不兼容的那些类可以一起工作，其别名为包装器(Wrapper)。适配器模式既可以作为类结构型模式，也可以作为对象结构型模式。在适配器模式中，我们通过增加一个新的适配器类来解决接口不兼容的问题，使得原本没有任何关系的类可以协同工作。 根据适配器类与适配者类 ......
软件设计2
[实验任务一]：女娲造人 使用简单工厂模式模拟女娲(Nvwa)造人(Person)，如果传入参数M，则返回一个Man对象，如果传入参数W，则返回一个Woman对象，如果传入参数R，则返回一个Robot对象。请用程序设计实现上述场景。 实验要求： 1. 画出对应的类图； 2. 提交源代码； 1 pac ......
【Vue3响应式原理#02】Proxy and Reflect
本篇文章将解决上一篇文章 结尾遗留的问题：如何让代码自动实现响应性？ 换句话说就是，如何让我们的 effect 自动保存 & 自动重新运行？又如何拦截对象属性的访问和赋值操作？ ......
番外-软件设计（5）
实现一个双向适配器，使得猫可以学狗叫，狗可以学猫抓老鼠。 实验要求： 1. 画出对应的类图； 2.提交源代码； #include<iostream> using namespace std; class Cat{ public: virtual void miao()=0; virtual void ......
番外-软件设计（6）
用桥接模式实现在路上开车这个问题，其中，车可以是car或bus，路可以是水泥路或沥青路。 实验要求： 1. 画出对应的类图； 2.提交源代码； package test9; public class Bus implements Transport{ @Override public void ru ......
设计模式六大原则
前言 什么是设计模式？ 设计模式是软件设计人员、软件开发人员在程序代码编写中总结出来的一套编码规范，设计模式起一个指导作用，用来指导我们写出高内聚低耦合，具有良好的可扩展性和可维护性的代码。 为什么要学设计模式？ 当然，设计模式不是非学不可，不了解设计模式一样可以在工作中写出符合产品要求的功能。但是 ......
优雅设计之美：实现Vue应用程序的时尚布局
前言 页面布局是减少代码重复和创建可维护且具有专业外观的应用程序的基本模式。如果使用的是Nuxt，则可以提供开箱即用的优雅解决方案。然而，令人遗憾的是，在Vue中，这些问题并未得到官方文档的解决。 经过多次尝试，小编得出了一个运行良好且可扩展而不会令人头疼的架构的模式。下面用一个简单的例子为大家介绍 ......
实验1：UML与面向对象程序设计原则
本次实验属于模仿型实验，通过本次实验学生将掌握以下内容： 1、掌握面向对象程序设计中类与类之间的关系以及对应的UML类图； 2、理解面向对象程序设计原则。 [实验任务一]：UML复习 阅读教材第一章复习UML，回答下述问题： 面向对象程序设计中类与类的关系都有哪几种？分别用类图实例说明。 4种：泛化 ......
2023-2024-1 20231326 《计算机基础与程序设计》第六周周总结
2023-2024-1 20231326 《计算机基础与程序设计》第六周周总结 目录2023-2024-1 20231326 《计算机基础与程序设计》第六周周总结作业信息教材内容总结《计算机科学概论》《C语言程序设计》 作业信息 这个作业属于哪个课程 2022-2023-1-计算机基础与程序设计 这 ......
c#中建造者设计模式详解
基础介绍： 将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。 说白了就是将一个复杂的对象拆分成一个一个零件，然后按照既定顺序和规则进行组装，最终形成这个相对复杂的对象。 具体可分为4个角色： Product（产品）：复杂对象本身。 Builder（抽象建造者）：既可以是抽象 ......
设计模式 实验一上
实验1：UML与面向对象程序设计原则 本次实验属于模仿型实验，通过本次实验学生将掌握以下内容： 1、掌握面向对象程序设计中类与类之间的关系以及对应的UML类图； 2、理解面向对象程序设计原则。 [实验任务一]：UML复习 阅读教材第一章复习UML，回答下述问题： 面向对象程序设计中类与类的关系都有哪 ......