Flexbox 是 CSS3 中的一种布局模式。它允许元素在一个容器中自动排列，可以使用灵活的方式创建复杂的布局。Flex 布局有很多优点，例如，它很容易实现响应式设计，并且可以很容易地对齐和排列元素。要使用 flex 布局，你需要将容器的 CSS display 属性设置为 flex，然后可以使
标签：HTML5
CSS Grid 布局是一种二维布局方式，可以将页面分成行和列，并在其中放置元素。使用 Grid 布局时，需要定义网格容器和网格项目。
第一步，在网格容器元素（通常是一个 div）上设置 display: grid; 来启用 Grid 布局。
第二步，使用 grid-template-column
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。
玉兔主题元素绘制
成本最低的绘
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助
性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现：
如果页面加载时间超过 3 秒，53% 的用户会选择终止
前言
最近在做博客园的界面美化，用的是博客园[guangzan]的开源项目，配置超级简单，只需要复制粘贴代码就好啦。
但在粘贴 CSS 代码时遇到一个问题，那就是所有代码都挤在了一行，没有一点排板的样子（如下图），对我来说是不能忍受的，便决定解决这一问题。
经过一番网上冲浪后，我找到了解决方法，
flex布局 -- 弹性盒模型
display: flex; 就会让其变成弹性盒子
当把一个元素的 display 属性设置为 flex 或者 inline-flex 后，它就成了一个容器。
flex 与 inline-flex 的关系就类似 block 与 inline-block 的关系，
前端面试题学习-HTML-个人总结
这是看别人总结的基础上再度总结的，总结的链接如下
链接
1. DOCTYPE 的作用？
告知浏览器解析器用何标准解析文档，若不指定则按兼容模式进行解析（向后兼容模拟老浏览器）。
IE5.5 引入的概念。
HTML5 之后无需指定，因为在之前的都是基于 SGML
默认情况下：Photoshop 导出切片为【GIF】格式
当你很嗨皮的把【GIF】调整为【PNG】或【JPG】格式，并保存时：
你会发现，自己的图片格式莫名其妙还是【GIF】：
但，我们的期望是：
原因是“因为我们没有选中全部切片，并将其格式设置为【PNG】”，解决方案（
河北小伙深耕OI被图论困扰多年 终于研究出最新的存图方式 速看！
在图论中，我们经常使用不同种的数据结构来储存图的信息，同时要适应算法的需要；
其中较为节省内存的包括了链式前向星和邻接表，但是对于最基本的最短路初学者一般用不到，因此，我在此介绍一种基于结构体的储存方式——“指向立体星”
一 指向立
在 Blazor Hybrid 应用中，Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行，并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码，组件可通过 .NET 平台完全访问设备的本机功能。 Web V
最近在开发几个网站，为了优化一下前端代码，就复习一下gulpjs，之前工作gulp用的版本比较老，但是今天看了新的版本，新的语法出了一下，但是为了时间，我决定使用之前gulp3的旧版本，后面发现自己环境的node的版本是最新的，所以不得让我来了解一下gulp的新版本，里面用到的最多就是common
1.CSS 参考手册
2.元素的分类
首先我们要知道一共有几种元素
1.行内元素（可以与其他行内元素位于同一行，不会以新行开始高度、宽度不能设置）
2.块级元素（每个块级元素都从新的一行开始，其后的元素也另起一行。默认排列方式：从上至下元素的高度、宽度、行高、内外边距都可设置）
3.行内块元素（和
大部分同学都知道，在 CSS 世界中，有 vw、vh、vmax、vmin 这几个与视口 Viewport 相关的单位。
正常而言：
1vw 等于1/100的视口宽度 （Viewport Width）
1vh 等于1/100的视口高度 （Viewport Height）
vmin — vmin 的值
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。
兼容性问题
第三方依赖兼容问题
React - 最低 v16.9，部分组件使用 hooks 重构 react升级相关文档
Less - 最低 v3.1.0，建议升
本文详细介绍了 DNS 相关知识，包括 DNS 工作原理、如何提升域名解析速度、以及 DNS 记录与报文等内容。
1. 域名与域名服务器
在日常上网过程中，出于好记的原因，人们更喜欢在浏览器中输入网站的域名，而不是 IP 地址。比如想要访问百度，则会输入 www.baidu.com ，而不是2
At-rules规则是目前CSS中一种常见的语法规则，它使用一个"@"符号加一个关键词定义，后面跟上语法区块，如果没有则以分号结束即可。
这种规则一般用于标识文档、引入外部样式、条件判断等等，本文是对该规则的使用总结。
常用规则
@import
@import 主要用于从其他样式表导入新的样式规则
在元素设置浮动（float）后，该元素就会脱离文档流，并且向左或向右浮动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。
一、浮动元素对布局的影响
1.1、浮动元素造成父元素的高度塌陷：
原来的父元素高度是内部元素撑开的，但是当内部元素浮动后，脱离文档流浮动起来，那父元素的高度就坍塌，变为高度
一个网页有三个部分组成：
<html> 最外层的标签
<head> 头部标签，网页的说明
<body> 网页的核心部分，网页的内容（主体）
注释：快捷键 ctrl+/
在网页中不起任何作用，只用于提示
认识基本标签：
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种：
CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。
JavaScript 动画：通过 JavaScript 代码来实现动画效果。J
前言
O(∩_∩)O 大家好！书接上文，本文将会继续建立在 .Net6 使用 Ocelot + Consul 看这篇就够了 项目的基础上进行Polly的介绍，然后这篇文章只是个人学习与分享，不喜勿喷，谢谢！
什么是Polly？
Polly 是一个 .NET 弹性和瞬态故障处理库，允许开发人员以流
客服
