伟波前端

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配...

RAF替代setTimeout_setInterval 前言 为什么用 requestAnimationFrame代替 setInterval 和 setTimeout？那...

正则应用(总结) 1. 常见业务举例 1.1 用户名正则 2. 正则分组 2.1 例子(如电话号码中间隐藏) 3. 添加变量 4. string的replace 用法： S...

本文1.6W字面试准备包含思路以及基础面试题整理，较适用于初、中级前端，另外文末整理了思维导图，可以更加直观的找到你的知识盲区，希望能给你带去些许帮助，助力你找到心仪的好工...

最近因为鸿星尔克给河南捐了5000万物资，真的是看哭了很多的网友，于是我想到了给鸿星尔克做了一个线上的看鞋展厅，鸿星尔克 TO BE No.1！...

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九...

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。...

埋点是一个常见的需求，就是在函数里面上报一些信息。像一些性能的埋点，每个函数都要处理，很繁琐。能不能自动埋点呢？ 答案是可以的。埋点只是在函数里面插入了一段代码，这段代码不...

前言 最近在二次封装一个公司内部的UI组件库，其中一个模块就是给 element-plus 的 message 进行扩展，大量运用到了原生DOM操作...

笔者开源的前端进阶之道已有三年之久，至今也有 17k star，承蒙各位读者垂爱。在当下部分内容已经略微过时，因此决定提笔翻新内容。 翻新后的内容会全部集合在「干爆前端」中...

我们可以通过使用patch-package来对项目中的插件进行修改，补丁可以同步共同开发的前端人员。最优雅的修改开源插件包的方案！...

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的...

流的英文stream，流（Stream）是一个抽象的数据接口，Node.js中很多对象都实现了流，流是EventEmitter对象的一个实例，总之它是会冒数据（以 Buff...

在企业资料的开发中，除了涉及到视频上传之外，还需要使用视频中的第一帧或者或许几帧作为视频封面展示。 因此，JS截取视频第一帧的难点就此诞生，但是查阅了资料发现，网上提供的资...

时间回到一周前，当时刚开发完公司A项目的一个新的版本，等待着测试完成就进行发布。此时的我也准备从连续多日的紧张开发状态中走出来，以为可以稍稍放松一下。而那时的我还不知道，我...

直播有一个很重要的互动：点赞。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，是渐渐消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 用 CSS3...

作者介绍：林列欢，美团点评点餐团队成员。 前端测试工具一览前端测试工具也和前端的框架一样纷繁复杂，其中常见的测试工具，大致可分为测试框架、断言库、测试覆盖率工具等几类。在正...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

chrome 扩展程序是 HTML\JS\CSS\images 和其他可以在 web 页面中使用的资源的压缩包，可以增强 chrome 浏览器功能或定制浏览体验。 chro...