随笔分类 - html/css
摘要：在项目开发的过程中，基于有限的时间内保质保量的完成开发任务无疑是一场挑战。在这场挑战中我们不但要快速处理自己的问题，还需要与别人协同合作，以避免两者之间的冲突。 针对于大型项目的开发，css 如何组织和管理才能让我们用更少的时间写出更强大的功能。这篇文章来表述一些我对 css 组织和管理的理解。当然
阅读全文
posted @ 2021-07-12 19:09
笑人
摘要：微前端开发常见问题汇总，前端应用可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具而是一套架构体系。其在开发中会有各种问题，今天小编整理了一下分享给大家! 1、微前端只是Web端 为什么只是Web?到目前为止我们接触到的主要是Web，但其概念和想法可以应用于任何类型的应用程序(移动应
阅读全文
posted @ 2021-07-12 19:07
笑人
摘要：一、概念 1、什么是 UUID UUID 的全称是 Universally Unique Identifier，中文为通用唯一识别码。 构成：由一组32位数的16进制数字所构成。 格式：以连字号分为五段，表现形式为8-4-4-4-12的32个字符，如下所示： xxxxxxxx-xxxx-Mxxx-N
阅读全文
posted @ 2021-07-12 19:05
笑人
摘要：方式一：使用i5ting_toc插件 需要先安装npm（安装node.js后会自带npm），然后才能安装i5ting插件： npm install i5ting_toc -g 执行命令行生成html文件，在输入前要进入到对应根目录下： i5ting_toc -f **.md 需要注意的是：写md文档
阅读全文
posted @ 2021-07-12 19:04
笑人
摘要：一、项目背景 SVG 表示可伸缩矢量图形，这是一门用于描述 2D 图形的语言，图形应用使用 XML 编写，然后 XML 由 SVG 阅读器程序呈现。支持三种类型的图形对象：矢量图形形状（例如，由直线和曲线组成的路径），图像和文本。图形对象可以进行分组，样式设置，转换和合成。功能集包括嵌套转换，剪切路
阅读全文
posted @ 2021-07-12 19:01
笑人
摘要：发布 首先需要制作一个package.json文件，可以通过npm init命令根据提示生成一个package.json文件。 这是已经发布好的package.json文件，作为示例，需要注意的是name字段、publishConfig字段与repository字段的配置，在GitHub Packa
阅读全文
posted @ 2021-07-05 19:06
笑人
摘要：1.CSS Subgrid CSS 网格是一个灵活的布局模块，允许开发人员创建复杂的布局，无需使用JavaScript或使用复杂的 CSS hack。 使用 CSS 网格的语法很简单，如下所示： .grid-container { display: grid; } 可以使用几个特定于网格的属性来设置
阅读全文
posted @ 2021-07-05 19:04
笑人
摘要：一、这个问题怎么解决呢？ 简单点，使用一个lock标记，在请求发出时上锁，上锁后就不可以再发请求，可以在请求结束后解锁： let clickButton = (function () { let lock = false return function (postParams) { if (lock
阅读全文
posted @ 2021-07-05 19:02
笑人
摘要：<img /> 标签的基本使用 浏览器支持 所有主流浏览器都支持 <img> 标签 标签定义及使用说明 <img> 标签定义 html 页面中的图像 <img> 标签有两个必需的属性：src 和 alt 强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示，用户还是可以看到关于丢失了
阅读全文
posted @ 2021-07-05 19:00
笑人
摘要：一、 概念介绍 1. File (1) 通常情况下， File 对象是来自用户在一个 input 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 htmlCanvasElement 上的 mozGetAsFile() API。
阅读全文
posted @ 2021-07-05 18:58
笑人
摘要：正则表达式不要背 正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。所以
阅读全文
posted @ 2021-07-05 18:54
笑人
摘要：什么是AVIF，它如何工作？ AVIF是从开放媒体联盟（AOM）开发的如今流行的视频格式AV1的关键帧中提取的。 AOM开发AVIF的目的是提供免版税的图像，与现有的图像格式相比，具有更好的压缩效率和更多的功能支持。 AVIF现在有来自Google，Netflix和Apple等大公司的支持者。 为什
阅读全文
posted @ 2021-07-05 18:46
笑人
摘要：为什么要进行图片懒加载 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图片（甚至更多），而这些图片请求几乎是并发的，在 Chrome 浏览器，最多支持的并发请求次数是有限的，其他的请求会推入到队列中等待或者停滞不前，直到上轮请求完成后新的请求才会发出。所以相当一部分图
阅读全文
posted @ 2021-07-05 18:44
笑人
摘要：想法是使 <textarea> 更像 <div>，因此它的高度可以扩展以包含当前值。这几乎是奇怪的，没有一个简单的原生解决方案，不是吗？ 现在我得到了一个非常好的原生解决方案。 这里是演示，如果你只是想要一个工作的例子 html <h1>Auto-Growing <code><textarea
阅读全文
posted @ 2021-07-05 17:42
笑人
摘要：下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1.前言 由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点： 动画自由度：canva
阅读全文
posted @ 2021-07-05 17:41
笑人
摘要：一、如何使用CSS 要想使用Css来增加Html的美观，有三种方式： 1).头部文件中定义 <style> 标签的Css属性 </style> 2).导入CSS文件 #创建一个Css文件，里面写入样式，然后导入 <link rel="stylesheet" type="text/Css" href=
阅读全文
posted @ 2021-07-05 17:38
笑人
摘要：1. 文件压缩 文件压缩，可以减少网络传输的字节数。有几种压缩算法。Gzip是最流行的，但是对于Brotli，你可以使用一种更新的、甚至更好的压缩算法。如果想检查您的服务器是否支持Brotli，可以使用 Brotli.pro。 如果你的服务器不支持Brotli，则可以按照以下简单指南进行安装 ： N
阅读全文
posted @ 2021-07-05 17:35
笑人
摘要：视频的构成 一个完整可播放的视频文件是由视频和音频两部分构成。视频和音频又有各自的封装格式（容器）和编码格式。 编码格式 常见的视频编码格式有：MPEG4、H.264、H.265等。常见的音频编码格式有：MP3、AAC、WAV等。 封装格式 常见的视频封装格式有：MP4、FLV、mov、AVI、RM
阅读全文
posted @ 2021-07-05 17:34
笑人
摘要：1. CPU和GPU CPU即中央处理器，它的功能主要是解释计算机指令以及处理计算机软件中的数据,也被称为主板。 GPU即图形处理器，是与处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的，有了它，CPU就从图形处理的任务中解放出来，可以执行其他更多的系统任务 硬件加速（或者说G
阅读全文
posted @ 2021-06-25 20:04
笑人
摘要：rem rem 是 css3 新增的一个相对单位（root em，根 em） 只根据当前页面 html 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px 媒体查询设置 @media screen and (min-width: 320px) {
阅读全文
posted @ 2021-06-25 20:03
笑人
浙公网安备 33010602011771号