02 2024 档案
摘要：const: 这个最简单，只需记住是声明的常量，定义的时候必须声明const的具体值，且之后不允许改变const的值 var和let区别 1、由于js引擎存在预解析，会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量提升，
阅读全文
摘要：项目中经常会碰到页面自适应的问题，例如：商城的列表展示、分类列表展示等页面，如下：该页面会随着页面的放大缩小而随之发生变化，解决方法：display: flex;配合子元素的动态宽度来实现，子元素的宽度 = (总宽 - 自身的margin) / 每行的数量即可。 .box{ border: 1px
阅读全文
摘要：在页面布局中，元素水平垂直居中的方法有很多，这里就列举3个简单，用的比较多的方法吧。 情况一、已知元素的宽高 1 <style> 2 .center { 3 width: 200px; 4 height: 200px; 5 Courier New", serif; font-size: inheri
阅读全文
摘要：作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局
阅读全文
摘要：盒模型 宽度：width 高度：height 边框：border 圆角：border-radius 外边距：margin 内边距：padding 阴影效果：box-shadow 背景：background 背景颜色：background-color 背景图片：background-image 背景位
阅读全文
摘要：CSS3引入了很多新特性，比如： 1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。 2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影：使用 box-sha
阅读全文
摘要：让我们逐步解释每个部分的作用： <!DOCTYPE html>：这是HTML5的文档类型声明，用于指示文档使用HTML5规范解析。 <html>：<html>标签是HTML文档的根元素，它包含了整个HTML文档的内容。 <head>：<head>标签定义了文档的头部，其中包含了关于文档的元数据和引用
阅读全文
摘要：一、行内元素 1.不独占一行，高宽由内容撑开2.无法设置width和height3.margin（单用无效，配合别的标签可以有效，下面案例中有解释）/padding的上下无效，但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 1.不独占一行
阅读全文
摘要：https://www.cnblogs.com/qy-blog/p/17896457.html static：静态定位（默认）。依据文档流定位。 relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。 absolute：绝对定位。以父元素为基
阅读全文
摘要：一、docker概述docker是基于go语言实现的云开源项目，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布流行的linux和windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口 二、docker的优点系统平滑移植、容器虚拟化，从开发
阅读全文
摘要：Docker利用容器来运行应用。容器是从镜像创建的运行实例，它可以被启动、开始、停止、 删除。每个容器都是相互隔离的、保证安全的平台。可以把容器看做是一个简易版的Linux 环境（包括root用户权限、进程空间、用户空间和网络空间等）和运行在其中的应用程序。
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/mvc/advanced/app-parts?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/tag-helpers/built-in/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/razor-pages/ui-class?view=aspnetcore-8.0&tabs=visual-studio
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/razor?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/layout?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/fundamentals/app-state?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/advanced-scenarios?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/http-caching-issues?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/blazor-ef-core?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-8.0&tabs=visual-studio
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/progressive-web-app?view=aspnetcore-8.0&tabs=visual-studio
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/test?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/performance?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/webassembly-native-dependencies?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/webassembly-lazy-load-assemblies?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/debug?view=aspnetcore-8.0&tabs=visual-studio
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/state-management?view=aspnetcore-8.0&pivots=server
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/security/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/images?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/call-web-api?view=aspnetcore-8.0&pivots=server
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/file-downloads?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/file-uploads?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/forms/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/globalization-localization?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/components/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/fundamentals/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/project-structure?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/hybrid/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/tutorials/?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/hosting-models?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/supported-platforms?view=aspnetcore-8.0
阅读全文
摘要：https://learn.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-8.0
阅读全文
摘要：https://github.com/yanghuawen/netcore-demo
阅读全文
摘要：4.1 配置文件内容 我们希望达到的效果（productapi 这个名称是给微服务器的一个有意义的名称，方便清楚的知道调用的是哪个微服务）： http://localhost:7135/productapi/controllername1/actonname http://localhost:713
阅读全文
摘要：3.1 场景描述 建3个站点，2个微服务站点，1个网关 微服务1：https://localhost:7227/ 微服务2：https://localhost:7019/ 网关：https://localhost:7055/ 在浏览器里访问 https://localhost:7227/api/Pr
阅读全文
摘要：Ocelot 是一个用于构建微服务架构中 API 网关的开源框架，它充当了前端应用程序和后端微服务之间的入口点，处理请求路由、认证授权、流量管理、负载均衡、日志记录、安全性等任务。通过 API 网关，可以将多个微服务的 API 统一暴露给客户端，提供更简化和统一的接入方式。 Ocelot 提供了一种
阅读全文
摘要：假如有10个微服务，地址分部是： http://service1.abc.com http://service2.abc.com http://service3.abc.com ................................................ http://servi
阅读全文
摘要：云结构（cloud architecture）主要解决扩展性和并发的问题，是最容易扩展的架构。 它的高扩展性，主要原因是没使用中央数据库，而是把数据都复制到内存中，变成可复制的内存数据单元。然后，业务处理能力封装成一个个处理单元（prcessing unit）。访问量增加，就新建处理单元；访问量减少
阅读全文
摘要：微服务架构（microservices architecture）是服务导向架构（service-oriented architecture，缩写 SOA）的升级。 每一个服务就是一个独立的部署单元（separately deployed unit）。这些单元都是分布式的，互相解耦，通过远程通信协议
阅读全文
摘要：微核架构（microkernel architecture）又称为"插件架构"（plug-in architecture），指的是软件的内核相对较小，主要功能和业务逻辑都通过插件实现。 内核（core）通常只包含系统运行的最小功能。插件则是互相独立的，插件之间的通信，应该减少到最低，避免出现互相依赖
阅读全文
摘要：事件（event）是状态发生变化时，软件发出的通知。 事件驱动架构（event-driven architecture）就是通过事件进行通信的软件架构。它分成四个部分。 事件队列（event queue）：接收事件的入口 分发器（event mediator）：将不同的事件分发到不同的业务逻辑单元
阅读全文
摘要：分层架构（layered architecture）是最常见的软件架构，也是事实上的标准架构。如果你不知道要用什么架构，那就用它。 这种架构将软件分成若干个水平层，每一层都有清晰的角色和分工，不需要知道其他层的细节。层与层之间通过接口通信。 虽然没有明确约定，软件一定要分成多少层，但是四层的结构最常
阅读全文
