用户5906912782020

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-ro...

在营销活动中，通过埋点可以获取用户的喜好及交互习惯，从而优化流程，进一步提升用户体验，提高转化率。 在之前的埋点方案实现中，都是在具体的按钮或者图片被点击或者被曝光时主动通...

根据规范实现了 Promise ES6+ 的全部 API，手写实现了 then 方法以外的两个实例方法以及目前 Promise 规范的全部六个静态方法。...

使用异步组件+Suspense的形式来实现代码分包是前端项目优化的有效&常用手段之一。 何为代码分包？ 未进行代码分包的打包文件结构： 如果项目里用了第三方库的话（echa...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

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

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

1. 什么是webpack webpack是一个模块化打包工具，它将一切文件都视为模块，通过loader编译转换文件，通过plugin注入钩子，最后将输出的资源模块组合成文...

如果没有, 别急, 我这里有一份 前端知识脑图 100多页, 相信我, 你只要看了一定会点赞, 评论加收藏, 然后明年的今天我换个标题 前端知识脑图 102 页, 你还会来...

作为一名前端练习生，经常看到有关大文件上传的文章或视频，但从未动手去实现过，今天终于鼓起勇气，认真的分析了一下，发现其实并没有那么复杂。...

本文正在参加「金石计划 . 瓜分6万现金大奖」 前言 😆 这是一篇踩在活动尾声的文章，主要是之前在摸鱼社群里有人发了个粒子动画的特效视频，想着研究研究写一篇文章出来看看，...

组件介绍：1.生成速度快于html2canvas 2.生成图片质量高于html2canvas(实践后的结果) 3.代码结构更简洁,代码量更小,不需要html元素和css 组...

在 canvas 中进行排版布局的一些实践，在 web 以及各类小程序（如微信小程序）上该方案均适用。...

首先贴一下浏览器渲染html的图，easyCanvas类似，内部会根据render函数生成一棵element树，这里相当于直接生成了dom树，layer对这棵树进行样式合并...

这个方案，额。。。可能这就是程序员头发少的原因吧。费尽千辛万苦画好，万一视觉调整一下。。这个方案开发费时费力，不好维护。虽然web端有react-canvas，小程序也有一...

一、背景 开发一个答题页面，有答题页和结果页，两个页面分别是两张不同的背景图。用户在答题页答题结束后，答题页切换到结果页。在切换的过程中，背景图闪了一下，用户体验比较差。 ...

web 前端图片懒加载实现原理...