前端小白001

以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。...

使用 `MediaRecorder` 我们可以方便地实现屏幕录制功能。这种功能在教学、演示等场景下非常有用，同时也为开发者提供了更多创造性的可能性。...

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，...

很多同学经常问我： 大厂使用 Vue 多还是 React 多？ 通常情况下，我的回答都是：React 会稍微多一些。 但是具体多多少，我说不出来。 不过今天~~~...

业务需求：A 页面为一个入口页面，点击 A 页面的按钮会通过window.localtion.href 跳转到 B 页面，完成业务后，B页面通过 histror.go(-1...

前端实现 PDF 预览常见的5 种方案 ：iframe 标签、embed 标签、object 标签、PDF.js、PDFObject。...

前端的车轮滚滚向前，轮子造的越来越圆，速度造的越来越快，每个人都在适应这个轮子的节奏，稍微不注意就会被甩出车轮之外。狼狈不堪之外还会发自心底的大喊一声：别卷了！！...

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获...

本文为稀土掘金技术社区首发签约文章。webassbmbly具有很优秀的性能，并且可以将其他语言的代码转换为二进制文件，使得浏览器可以使用，有很大的发展前景~...

图片是web应用中使用频率最高的资源类型,通常也是占用空间最大的。图片加载是影响LCP(最大内容渲染时间)这个关键性能指标的重要因素。...

提到推送数据，大家可能会首先想到 WebSocket。 确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。 但如果只是单向推送消息的话，HTTP 就...

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研...

本文主要是介绍团队在离线包技术方案上的探索，以及基于`prefetch`的离线包实现方案如何减少维护成本和开发成本。...

逛社区，偶然看到了张图片， 嗯……我眉头一皱，久久不语，心想，有这么夸张吗，假的吧？ 突然想到，最近我在社区发了个前端招聘的信息，结果简历漫天纷飞，塞爆邮箱。 莫非，前端这...

数组是Object类型的，属于引用类型（引用类型存放在堆内存中，在栈内存会有一个或者多个地址来指向这个堆内存）。所以对于引用类型，我们不能typeof来判断具体的类型，因为...

放在页面底部的输入框，可能存在三个问题： 1. 键盘挡住输入框 2. 键盘出现后，点击输入框旁边的按钮没有反应 3. Safari 里键盘与输入框有间距，没有紧密贴合...

简单的理解一下就是将一个file或Blob类型的对象转为UTF-16的字符串，并保存在当前操作的document下。 细说起来就是另一个故事了，不要在意细节。 当然是本篇主...

不知道大家的公司用Elasticsearch多不多，反正我公司的是有在用的。平时听同事们聊天肯定避免不了不认识的技术栈，例如说：把数据放在引擎，从引擎取出数据等等。 如果对...

dns-prefetch: 告知浏览器对指定域名进行DNS解析。当后续请求该域名资源时可省掉DNS解析的时间。 preconnect: 告知浏览器与指定域名的服务器建立连接...