林前端

前言 以下题目来自学长字节面试 , 做一下整理 数组去重 拷打一 直接使用es6里面的Set 和 ...运算符(解构运算符) 写这个展现你知道 ES 语法 Set 拷打二 ...

不知你是否用过 web 版的视频面试，或者 web 版在线会议，它们都支持分享屏幕、也能开启摄像头，这些都是浏览器上实现的。 作为前端开发，是否好奇过这些功能的实现原理呢？...

回顾整个网页端IM的底层通信技术发展，从短轮询、长轮询，到后来的SSE以及WebSocket，我们使用的技术越来越先进，使用门槛也越来越低，给大家带来的网页端体验也越来越好...

UnoCSS的响应式设计和颜色主题切换 UnoCSS 是一个 🔥火热的原子级 CSS 引擎。具体介绍这里不多说，今天的主题是实践，概念性的知识推荐各位看官去其官方网站详细...

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的...

vue 多页面项目开发指南,如何配置多页面,多页面打包的splitChunks如何设置,多页应用的优缺点....

5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！...

接手了一个项目，打包完index.js居然有十几M，本地还好，部署线上以后 网速快的情况可能十几秒就能加载完，网速慢的话就会出现 "喂，你们项目挂了，白屏一直。。 哦！！ ...

vue项目首次加载缓慢，利用splitChunks分包打包导致上线chunk-XX.js文件过多页面加载缓慢资源请求阻塞问题解决方案, 利用splitChunks分包...

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望...

前段时间将一个由vue-cli搭建的vue2项目进行了技术上的大调整，首先将构建工具调整为vite，并记录了升级过程中遇到的问题及解决方案，感兴趣的同学可以瞅一瞅我的另一篇...

前言 选择vue2，是因为我们的网页需要支持IE11。 但是同时，我们又非常向往vue3那种组合式API的开发方式。 我们还希望有vite，用于加快服务器启动和打包的速度。...

在日常开发中，我们经常会遇到一些问题，比如代码质量问题、安全问题等。如果我们每次都手动去检查，不仅效率低下，而且容易出错。所以我们可以利用 AI 来帮助我们检查...

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

本文聚焦前端性能优化，介绍 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 压缩可以实现减小代码体积...