柒月笔记

使用Canvas实现高性能的瀑布图和频谱图，使每帧数据更新响应时间在50ms以下。频谱图常用于分析音频信号、无线通信信号、光谱信号等。瀑布图通常用于分析动态信号，如雷达信号...

Flex弹性布局与Grid网格布局的对比 本文从概念、基本语法来进行比较两者的区别，帮助你更好的选择布局方案...

当我们想要根据设备的类型（如打印设备print与带屏幕的设备screen）、媒体特性或设备参数（如屏幕分辨率和浏览器viewport宽度）来修改网站或应用程序时 媒体查询就...

问题 在页面切分时，我们经常使用flex布局。当需要对页面中的多个元素进行布局时，使用flex布局可以帮助我们快速创建整齐的界面。然而，flex布局也存在一些难以解决的布局...

一.PHP的标记风格 PHP和其他的集中web语言一样，都是使用一对标记将PHP代码部分包含起来，以便于和HTML代码相区分，PHP一共支持4种标记风格，下面分别介绍。 X...

移动端的菜单gif动图，效果如下： 实现过程也不难，最后效果如下： 接下来是代码： 首先是html结构 结构说明： <div id="menu"> 用fixed固定在页面底...

展示: 1.typed.js的介绍 typed.js是一个类型化库，效果是用打字机的方式显示一段话，可以自定义任何字符串、指定显示速度、指定是否循环等 可以在此网站查看所有...

在前端开发中，我们经常会遇到这样的布局：在一个容器中，排布有两个元素，A元素宽度固定，B元素宽度自适应，如下图： 我们的CSS也能随手捏来 上述代码中，我们使用flex: ...

前言 什么是三栏布局 三栏布局是一种网页设计布局，将页面内容分为三块，通常是左侧、中间和右侧，其中两侧部分宽度固定，中间部分宽度自适应，根据浏览器宽度撑满剩余空间。 其特点...

1. 为什么需要图片懒加载? 原因: 当页面加载时，如果所有的图片都立即加载，会导致页面加载时间延长，尤其是对于有大量图片的网页。 对于访问网页的用户来说，不是所有的图片都...

各位掘友们上班快乐呀！在我们的移动设备世界中，刘海屏和状态栏高度已经成为一项重要的考虑因素。正确适配刘海屏和状态栏高度，不仅可以提升应用的美观度，还能带来更好的用户体验。本...

编程效率宝典——Emmet语法 编程效率永远是大厂程序员的追求。那么，到底有哪些方法可以帮助我们提高编程效率呢？今天就让我来揭秘一下大厂程序员的“效率宝典”——Emmet语...

介绍： 这是一款封面图的制作工具，根据简单的配置即可生成一张好看的封面图，目前已有七款主题可以选择。做这个工具的初衷来自平时写文章，都为封面图发愁，去图片 网站上搜索很难找...

nova-admin —— 一个基于Vue3、Vite5、Typescript、Naive UI, 简洁干净后台管理模板。...