自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 使用Material UI模态框,打造精美弹窗效果的秘密

Material UI 采用了 Google 的 Material Design 系统,这是一种视觉语言,旨在统一跨产品和平台的用户体验。使用 Material UI 组件,你可以轻松创建自然直观的界面,无论在哪种设备上使用都能有相同的体验。除此之外,Material UI 组件还提供了高度的可定制性,让你可以按照任何项目的具体要求进行个性化定制。

2023-05-10 22:42:21 1292

原创 用CSS实现漂亮的搜索框,让你的网站瞬间高大上!

搜索框是网页中不可或缺的元素之一,能够让用户快速地找到他们所需要的信息。一个漂亮的搜索框能够为网站增添不少色彩和个性。本文将会教大家如何用CSS实现一个漂亮的搜索框,让你的网站瞬间高大上!首先,我们需要设置搜索框的样式。通过设置搜索框的大小、背景色、边框、圆角等属性,可以让搜索框看起来更加美观和舒适。同时,我们还可以利用伪元素和渐变等技巧为搜索框添加一些阴影和渐变效果,让它看起来更加立体和有层次感。其次,我们需要让搜索框水平和垂直居中。这里可以通过设置父元素的display和。

2023-05-09 21:08:17 2564

原创 JavaScript中的原型

原型(Prototype)是JavaScript中最令人困惑的概念之一,即使是经验丰富的JavaScript开发人员也很难理解原型及如何在代码库中应用它。JavaScript使用原型(Prototypes)和构造函数()来模拟类(Class但是在JavaScript中,我们并没有类,我们只有对象。那么,我们如何使用对象来实现继承()呢?假设我们有一个名为Car的对象,我们可以定义另一个对象称为Vehicle,并将所有共同的行为或方法添加到Vehicle。然后,我们可以将Car对象和Vehicle。

2023-05-01 20:20:27 129

原创 使用 Copilot 编写和翻译二分查找算法

在这篇博客文章中,我将使用 Copilot 和 Copilot Labs 来编写并理解二分查找算法。确保您已安装 GitHub Copilot 扩展程序和 GitHub Copilot Labs 扩展程序。GitHub Copilot 处于技术预览阶段,因此并非所有用户都能够访问此功能。如果您想注册技术预览,请加入等待列表。

2023-04-29 19:46:47 292

原创 Python-数据类型转换

将自身数据类型变成新的数据类型,并拥有新的数据类型的所有功能的过程即为类型转换a = '1'# 无法做数字操作为了方便更好的处理业务,将类型变更为更适合业务场景的类型。

2022-10-05 10:53:44 1111

原创 Python 之 集合

集合(set)是一个无序的不重复元素序列常用来对两个列表进行交并差的处理性集合与列表一样,支持所有的数据类型a,b两个集合,由所有属于a且不属于b的元素组成的集合叫做a于b的差集!differencea,b两个集合分别拥有的并且相同的元素集,称之为a与b的交集!a,b两个集合中所有的元素(去掉重复)即为a与b的并集!union。

2022-10-02 22:43:04 880

原创 自定义复选框——创建带有状态更改动画的样式复选框。

使用<svg>元素创建复选<symbol>并通过<use>元素插入它以创建可重用的 SVG 图标。创建 .checkbox-container 并使用 flexbox 布局为复选框创建适当的布局。隐藏 <input> 元素,并使用与其关联的标签显示复选框和提供的文本。使用 stroke-dashoffset 在状态更改时对复选 symbol 进行动画处理。使用 transform: scale(0.9) 通过 CSS 动画创建缩放动画效果。HT.

2021-11-20 20:46:28 403

原创 JavaScript 之 this 深入解析

调用位置function baz() { // 当前调用栈是:baz // 因此,当前调用位置是全局作用域 console.log("baz"); bar();// <--bar的调用位置}function bar() { //当前调用栈是 baz -> bar //因此当前调用位置在baz中 console.log("bar"); foo(); // <-- foo的调用位置}function foo() {

2021-11-14 11:58:00 985

原创 MongDB优化

#MongDB优化​ MongoDB 是高性能数据,但是在使用的过程中,偶尔还会碰到一些性能问题。MongoDB和其它关系型数据库相比,例如 SQL Server 、MySQL 、Oracle 相比来说,相对较新,所以很多开发、DBA往往是注重功能的实现,而忽视了性能的要求。其实,MongoDB和 SQL Server 、MySQL 、Oracle 一样,一个 数据库对象的设计调整、索引的创建、语句的优化,都会对性能产生巨大的影响。为充分挖掘MongoDB性能,简单列举以下Mongodb优化方式:

2020-10-07 16:22:47 280

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除