林前端

俗话说，工欲善其事，必先利其器。一个好用的工具就能让我们事半功倍，一个好看的界面就能让我们心情愉悦。所以，好用且好看的开发工具，就是我们的开发利器。所以，今天给大家推荐一下...

本文聚焦前端性能优化，介绍 WebAssembly 与 Web Workers 联合运用，借实例展示其在密集计算场景优势，性能提升显著，为高要求业务赋能。...

一、前置知识 1.1 click事件和touch事件区别 (1) pc端/移动端的click事件 pc端的click点击事件(鼠标交互事件)， 定义是鼠标的按钮被摁下，并在...

本篇我们讲解 Next.js 项目所涉及到的 CSR、SSR、SSG、ISR、RSC、SPA、Streaming、Navigation等名词概念，帮助大家正确理解 Next...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

在网页中，有许多耗时但是却又不能那么紧要的任务。它们和紧要的任务，比如对用户的输入作出及时响应的之类的任务，它们共享事件队列。如果两者发生冲突，用户体验会很糟糕。我们可以使...

前端性能优化手段之一压缩代码体积，前端 gzip 压缩搭配 Nginx 配置效果更佳，Gzip 压缩可以实现减小代码体积...

说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允...

PDF预览的选型 对于浏览器自带的PDF预览 如果能直接使用，那自然最好不过了，但考虑多种因素，比如权限问题，禁止用户去下载PDF、预览样式不统一（不同浏览器PDF预览的实...

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

得益于大模型的发展，新版`VScode`内置了`copilot`，而且免费使用，想必jym应该都有用过吧，但是在web端很少见到类似copilot功能的代码编辑器，所以尝试...

随着前端的发展，css已经能够实现非常多的动画特效，但是仍然存在css无法完成的动画任务（比如页面滚动），通常的解决方案都是使用js中的setInterval来设置定时器来...

相信初学Vue的同学一定踩过这个坑，改变数组的索引，没有触发视图更新。 以上案例摘抄Vue官方文档 - 数组更新检测。 Vue官方文档也有给出，使用Vue.set即可达到触...

音频流数据通过websocket传递到前端，前端拿到音频流后立即开始播放，接收到后续的音频流后追加到播放音频里连续播放...

建议做体操之前阅读： 官方文档 大佬的文章，受益匪浅 之前在写一个自己的库，深感自身的ts写的太渣，所以决心要好好修炼一下ts，不得不的说，只有掌握了这些姿势，才能在运用中...

组件背景 不管是老用户还是新用户，在产品发布新版本、有新功能上线、或是现有功能更新的场景下，都需要一定的指导。功能引导组件就是互联网产品中的指示牌，它旨在带领用户参观产品，...

🤡 本节，杰哥带着大伙手把手实现了「用户操作引导组件」的 简易封装，总体来说还是 非常简单 的。核心的技术难点无非「特定组件的高亮」，通过「混合模式-BlendMode」...

requestAnimationFrame 是什么 window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重...

下面整理一下最近这段时间面试过程中遇到的一些手撕的代码题，其中有些题目遇到过不止一次，也都是比较基础的题目，大家可以参考一下，ps：如果你没时间刷完大部分的leetcode...

话不多说，先上题，据说是前两年一道烂大街的头条面试题 那么打印顺序是什么呢？ 这其中涉及到了js中的eventloop/async/await/promise，可以先尝试作...