- 一、了解vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100；vh —— 视口高度的 1/100在pc端，视口宽高就是浏览器的宽高； 1.1 vw/vh 定义css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。各个单位具体的含义如下：这里我们... 一、了解vw/vhvw/vh单位可以根据电脑浏览器自适应。vw —— 视口宽度的 1/100；vh —— 视口高度的 1/100在pc端，视口宽高就是浏览器的宽高； 1.1 vw/vh 定义css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。各个单位具体的含义如下：这里我们...
- 本篇博客重点在分页逻辑与前端页面渲染实现，如果不是顺序阅读过来，可以先查看上一篇博客 Python Flask 分页实现实现 Python Flask 分页会涉及如下参数值。总页数：计算总页码使用当前页：获取数据使用偏移量：计算下一页数据起点除了重要参数外，实现一个分页对象还需要如下参数变量。 page_obj = { "prev_page": page - 1, ... 本篇博客重点在分页逻辑与前端页面渲染实现，如果不是顺序阅读过来，可以先查看上一篇博客 Python Flask 分页实现实现 Python Flask 分页会涉及如下参数值。总页数：计算总页码使用当前页：获取数据使用偏移量：计算下一页数据起点除了重要参数外，实现一个分页对象还需要如下参数变量。 page_obj = { "prev_page": page - 1, ...
- 灵感介绍最近实现的创意挺多的，风格也多变。赏心悦目的同时，我想着，不能光顾着自己提升，技术传播是我们技术开源社区的文化底蕴与追求。所以我后续实现功能的时候，会将主要是技术知识点放大，不再注重介绍效果有多绚丽。本期是一个按钮切换的功能，虽然着重点在按钮上的图案，但是细节上包含了一些技术知识点，容我一一道来。完整效果功能简介按钮默认在左侧停靠，按钮图案为猫爪图案，同时左侧文字高亮；点击按钮，按钮... 灵感介绍最近实现的创意挺多的，风格也多变。赏心悦目的同时，我想着，不能光顾着自己提升，技术传播是我们技术开源社区的文化底蕴与追求。所以我后续实现功能的时候，会将主要是技术知识点放大，不再注重介绍效果有多绚丽。本期是一个按钮切换的功能，虽然着重点在按钮上的图案，但是细节上包含了一些技术知识点，容我一一道来。完整效果功能简介按钮默认在左侧停靠，按钮图案为猫爪图案，同时左侧文字高亮；点击按钮，按钮...
- 试玩咯 🎮输入文字，点击确定，便可以生成一张海报。试玩一把先来一个诗词版果然诗词版美的很特别。灵感来源 我看《经典咏流传》这个，本来想实现后面的背景墙，但是找素材的时候，意外看到了文字海报，就来了灵感。文字海报这个主意好像不赖。半自动文字海报 🦭半自动之所以说是半自动，因为文字顺序是固定的。文字是可以随意输入，20个字以内，最终文字的展示效果是按照提前布设置好的排版。所以说这是个半自动的... 试玩咯 🎮输入文字，点击确定，便可以生成一张海报。试玩一把先来一个诗词版果然诗词版美的很特别。灵感来源 我看《经典咏流传》这个，本来想实现后面的背景墙，但是找素材的时候，意外看到了文字海报，就来了灵感。文字海报这个主意好像不赖。半自动文字海报 🦭半自动之所以说是半自动，因为文字顺序是固定的。文字是可以随意输入，20个字以内，最终文字的展示效果是按照提前布设置好的排版。所以说这是个半自动的...
- 从加班说起这个小游戏还要从周末加班说起，大约是心里想着事，早上不到8点就醒了，于是开启了加班模式。吃过晚饭，经过一天的锤炼，想放松一下。但是最近的小游戏都太坑了，过关比抽到SSR还难（当年我可是抽到过茨木、妖刀姬、酒吞、辉夜姬的）。于是，我决定自己做个小游戏，规则一定要简单，场景一定要清新。捉蝴蝶🦋小游戏先来试玩一下吧。小蝴蝶+1小蝴蝶，飞啊飞，捉了一只又一只，还剩几只。游戏场景我最近解锁... 从加班说起这个小游戏还要从周末加班说起，大约是心里想着事，早上不到8点就醒了，于是开启了加班模式。吃过晚饭，经过一天的锤炼，想放松一下。但是最近的小游戏都太坑了，过关比抽到SSR还难（当年我可是抽到过茨木、妖刀姬、酒吞、辉夜姬的）。于是，我决定自己做个小游戏，规则一定要简单，场景一定要清新。捉蝴蝶🦋小游戏先来试玩一下吧。小蝴蝶+1小蝴蝶，飞啊飞，捉了一只又一只，还剩几只。游戏场景我最近解锁...
- 灵感来源我是重度古风爱好者，早年看到优美又有意境的图片，我只会点赞并默默的存下来当壁纸。后来，我努力修炼CSS内功心法，终于，有一天我尝试实现一幅国画，虽然最终的画作，笔锋僵硬，线条流畅感不足，但是最起码我起步了。我迈出第一步之后，从此在这条路上越跑🏃🏻♀️越欢快。灵感创意也是源源不断，如果给我足够的时间，没准我能开个画展。（晚上做梦不过分吧。）话再说回来，对一件事的追求和热爱就是我灵... 灵感来源我是重度古风爱好者，早年看到优美又有意境的图片，我只会点赞并默默的存下来当壁纸。后来，我努力修炼CSS内功心法，终于，有一天我尝试实现一幅国画，虽然最终的画作，笔锋僵硬，线条流畅感不足，但是最起码我起步了。我迈出第一步之后，从此在这条路上越跑🏃🏻♀️越欢快。灵感创意也是源源不断，如果给我足够的时间，没准我能开个画展。（晚上做梦不过分吧。）话再说回来，对一件事的追求和热爱就是我灵...
- 我和嫣嫣的故事我加入读书圈之后，认识了嫣嫣，志相同道相合，我戏称我俩是灵魂伴侣。嫣嫣庆生，发挥我的专长，给她准备了一份礼物🎁。我分析了一下我的专长。写故事、写话本📚，想想最近喜欢的题材，果断放弃。推荐中华美食🍲、八大菜系，看不见摸不着。安利国漫🌕，想想更新频率，春去秋来，一集等一年。那就只剩下最后一项，写代码我是专业的。✨送礼物🎁，我是认真的蛋糕？自画像？一首小诗？天上的星星？小孩... 我和嫣嫣的故事我加入读书圈之后，认识了嫣嫣，志相同道相合，我戏称我俩是灵魂伴侣。嫣嫣庆生，发挥我的专长，给她准备了一份礼物🎁。我分析了一下我的专长。写故事、写话本📚，想想最近喜欢的题材，果断放弃。推荐中华美食🍲、八大菜系，看不见摸不着。安利国漫🌕，想想更新频率，春去秋来，一集等一年。那就只剩下最后一项，写代码我是专业的。✨送礼物🎁，我是认真的蛋糕？自画像？一首小诗？天上的星星？小孩...
- Bootstrap5 信息提示框在 Bootstrap 5 中可以快速实现各种信息提示框，核心用到的类为 alert，可使用下述内容进行测试。.alert-success .alert-info .alert-warning .alert-danger .alert-primary.alert-secondary .alert-light .alert-dark使用时，直接将其添加到目标 ... Bootstrap5 信息提示框在 Bootstrap 5 中可以快速实现各种信息提示框，核心用到的类为 alert，可使用下述内容进行测试。.alert-success .alert-info .alert-warning .alert-danger .alert-primary.alert-secondary .alert-light .alert-dark使用时，直接将其添加到目标 ...
- Bootstrap5 文字排版在 Bootstrap 5 中，文字大小 font-size 默认值为 1rem（16px），行高 line-height 为 1.5，除此之外，所有的 <p> 标签都设置了 margin-top: 0 和 margin-bottom: 1rem。首先看一下标题标签，默认使用 h1 ~ h6，具体呈现效果如下所示。<div class="container">... Bootstrap5 文字排版在 Bootstrap 5 中，文字大小 font-size 默认值为 1rem（16px），行高 line-height 为 1.5，除此之外，所有的 <p> 标签都设置了 margin-top: 0 和 margin-bottom: 1rem。首先看一下标题标签，默认使用 h1 ~ h6，具体呈现效果如下所示。<div class="container">...
- 早在 2015 年，谷歌就启动了 PWA（又名渐进式网络应用程序，progressive web apps）概念。PWA 专注于在移动网络上做出改变和打造用户体验。这种类型的 Web 应用程序提供了具有大量网络功能的类似原生应用程序的体验。处理请求的现代 API 和 Service Worker 是 PWA 的核心。渐进式 Web 应用程序的一些特点如下：能够以受限方式访问硬件将应用程序数据... 早在 2015 年，谷歌就启动了 PWA（又名渐进式网络应用程序，progressive web apps）概念。PWA 专注于在移动网络上做出改变和打造用户体验。这种类型的 Web 应用程序提供了具有大量网络功能的类似原生应用程序的体验。处理请求的现代 API 和 Service Worker 是 PWA 的核心。渐进式 Web 应用程序的一些特点如下：能够以受限方式访问硬件将应用程序数据...
- index.html 位于应用程序的 src 文件夹中。 编译器在此文件的末尾动态添加所有 javascript 文件。由于现在所有组件都是已知的，因此 html 文件调用根组件即 app-root。 根组件在 app.components.ts 中定义，它以 app.component.html 为目标。这是 index.html 文件在 Visual Studio Code 环境中的样子... index.html 位于应用程序的 src 文件夹中。 编译器在此文件的末尾动态添加所有 javascript 文件。由于现在所有组件都是已知的，因此 html 文件调用根组件即 app-root。 根组件在 app.components.ts 中定义，它以 app.component.html 为目标。这是 index.html 文件在 Visual Studio Code 环境中的样子...
- ANGULAR.JSON 是包含 Angular 项目的各种属性和配置的文件。这是构建器首先引用的文件，用于查找所有路径和配置并检查哪个是主文件。下面是一个 hello-world 应用程序的 angular.json 文件，在 build 部分下，可以看到如下选项对象："options":{ "outputPath":"dist/hello-world", "index":... ANGULAR.JSON 是包含 Angular 项目的各种属性和配置的文件。这是构建器首先引用的文件，用于查找所有路径和配置并检查哪个是主文件。下面是一个 hello-world 应用程序的 angular.json 文件，在 build 部分下，可以看到如下选项对象："options":{ "outputPath":"dist/hello-world", "index":...
- 【web应用漏洞发现】漏洞平台、开发框架、CMS漏扫工具 【web应用漏洞发现】漏洞平台、开发框架、CMS漏扫工具
- Netty进阶 -- 非阻塞网络编程 实现群聊+私聊+心跳检测系统 Netty进阶 -- 非阻塞网络编程 实现群聊+私聊+心跳检测系统
- 今天分享怎么用CSS实现一个小夜灯。 今天分享怎么用CSS实现一个小夜灯。
上滑加载中
推荐直播
-
HDC深度解读系列 - AI时代的华为开发者空间2025/07/24 周四 16:30-18:00
Edwin 华为开发者空间产品总监 姚圣伟 HCDG天津核心组代表&HCDE
继HDC发布开发者空间新特性后，本期直播聚焦华为开发者空间核心升级，邀您一起深度解读其如何赋能AI时代智能应用开发，解锁开发新体验
回顾中 -
华为云师资培训——《云计算》课程2025/07/29 周二 15:00-16:30
郭源潮 DTSE开发者技术专家
华为云师资培训直播，带您掌握产业级云计算课程体系与华为开发者空间实战能力，助力高校数字化转型！
回顾中 -
热门标签