摘要: 发布 首先需要制作一个package.json文件,可以通过npm init命令根据提示生成一个package.json文件。 这是已经发布好的package.json文件,作为示例,需要注意的是name字段、publishConfig字段与repository字段的配置,在GitHub Packa 阅读全文
posted @ 2021-07-05 19:06 笑人 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 1.CSS Subgrid CSS 网格是一个灵活的布局模块,允许开发人员创建复杂的布局,无需使用JavaScript或使用复杂的 CSS hack。 使用 CSS 网格的语法很简单,如下所示: .grid-container { display: grid; } 可以使用几个特定于网格的属性来设置 阅读全文
posted @ 2021-07-05 19:04 笑人 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 一、这个问题怎么解决呢? 简单点,使用一个lock标记,在请求发出时上锁,上锁后就不可以再发请求,可以在请求结束后解锁: let clickButton = (function () { let lock = false return function (postParams) { if (lock 阅读全文
posted @ 2021-07-05 19:02 笑人 阅读(65) 评论(0) 推荐(0) 编辑
摘要: <img /> 标签的基本使用 浏览器支持 所有主流浏览器都支持 <img> 标签 标签定义及使用说明 <img> 标签定义 html 页面中的图像 <img> 标签有两个必需的属性:src 和 alt 强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示,用户还是可以看到关于丢失了 阅读全文
posted @ 2021-07-05 19:00 笑人 阅读(1840) 评论(0) 推荐(0) 编辑
摘要: 一、 概念介绍 1. File (1) 通常情况下, File 对象是来自用户在一个 input 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象,或者来自 htmlCanvasElement 上的 mozGetAsFile() API。 阅读全文
posted @ 2021-07-05 18:58 笑人 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 正则表达式不要背 正则表达式一直是困扰很多程序员的一门技术,当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候,都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候,同样的场景又再来一遍。作为一门用途很广的技术,我相信深入理解正则表达式并能融会贯通是值得的。所以 阅读全文
posted @ 2021-07-05 18:54 笑人 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 什么是AVIF,它如何工作? AVIF是从开放媒体联盟(AOM)开发的如今流行的视频格式AV1的关键帧中提取的。 AOM开发AVIF的目的是提供免版税的图像,与现有的图像格式相比,具有更好的压缩效率和更多的功能支持。 AVIF现在有来自Google,Netflix和Apple等大公司的支持者。 为什 阅读全文
posted @ 2021-07-05 18:46 笑人 阅读(1354) 评论(0) 推荐(0) 编辑
摘要: 为什么要进行图片懒加载 我们先来看一下页面启动时加载的图片信息。 如图所示,这个页面启动时加载了几十张图片(甚至更多),而这些图片请求几乎是并发的,在 Chrome 浏览器,最多支持的并发请求次数是有限的,其他的请求会推入到队列中等待或者停滞不前,直到上轮请求完成后新的请求才会发出。所以相当一部分图 阅读全文
posted @ 2021-07-05 18:44 笑人 阅读(502) 评论(0) 推荐(1) 编辑
摘要: 引言 书写页面样式与布局是前端工程师Coding 中必不可少的一项工作,在定义页面元素的样式时,padding 属性也是经常被使用到的。 padding 属性用于设置元素的内边距,其值可以是length、inherit,当然也可以是百分比。 今天为什么会聊到padding-top设置百分比时的参考对 阅读全文
posted @ 2021-07-05 17:44 笑人 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 想法是使 <textarea> 更像 <div>,因此它的高度可以扩展以包含当前值。这几乎是奇怪的,没有一个简单的原生解决方案,不是吗? 现在我得到了一个非常好的原生解决方案。 这里是演示,如果你只是想要一个工作的例子 html <h1>Auto-Growing <code>&lt;textarea 阅读全文
posted @ 2021-07-05 17:42 笑人 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果,更多效果大家可以自行发挥。 1.前言 由于公司产品的活动,需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas(还有gif),对比下css3和canvas的优缺点: 动画自由度:canva 阅读全文
posted @ 2021-07-05 17:41 笑人 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 一、如何使用CSS 要想使用Css来增加Html的美观,有三种方式: 1).头部文件中定义 <style> 标签的Css属性 </style> 2).导入CSS文件 #创建一个Css文件,里面写入样式,然后导入 <link rel="stylesheet" type="text/Css" href= 阅读全文
posted @ 2021-07-05 17:38 笑人 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 1. 文件压缩 文件压缩,可以减少网络传输的字节数。有几种压缩算法。Gzip是最流行的,但是对于Brotli,你可以使用一种更新的、甚至更好的压缩算法。如果想检查您的服务器是否支持Brotli,可以使用 Brotli.pro。 如果你的服务器不支持Brotli,则可以按照以下简单指南进行安装 : N 阅读全文
posted @ 2021-07-05 17:35 笑人 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 视频的构成 一个完整可播放的视频文件是由视频和音频两部分构成。视频和音频又有各自的封装格式(容器)和编码格式。 编码格式 常见的视频编码格式有:MPEG4、H.264、H.265等。常见的音频编码格式有:MP3、AAC、WAV等。 封装格式 常见的视频封装格式有:MP4、FLV、mov、AVI、RM 阅读全文
posted @ 2021-07-05 17:34 笑人 阅读(753) 评论(0) 推荐(0) 编辑