阿呀JS

👋 事情是这样的，作为一名母胎 solo 二十几年的我，平平无奇的一直活在别人的狗粮之下。渐渐的，我好像活成了一个随时见证别人爱情，也随时能为失恋的人排忧解难的角色。 直...

实现 proxyRefs 功能 接下来实现一下这个功能，还是熟悉的TDD ref.spec.ts ref.ts 好了，执行测试，完美收官。 最后 附上git代码地址：min...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

（1）使用Object.freeze()大幅提升性能 （2）large 和 largeThreshold （3）appendData分片渲染，多次渲染不会覆盖之前的数据 （...

实现 isRef 和 unRef 功能 ref.spec.ts ref.ts isRef：因为会传入一个数据，如果是ref声明的响应式，就相当于new RefImpl()，...

实现ref功能 首先，还是老样子，测试文件 1、第一个测试，是创建一个ref数据，并取出。 2、用effect去监听ref，ref类型修改赋值之前相同的值，还会返回之前没修...

OK,兄弟们。前面一篇文章就说过要用指令的方式来实现图片的懒加载。其实，前端发展这么多年，要实现图片懒加载非常的简单，配合上Vue的指令，30行轻轻松松实现一个高复用的Vu...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

提到大文件上传，在脑海里最先想到的应该就是将图片保存在自己的服务器（如七牛云服务器），保存在数据库，不仅可以当做地址使用，还可以当做资源使用；或者将图片...

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏...

本文是关于 Vue 大文件上传和断点续传的学习笔记，这里做个总结与分享，有不足之处还望斧正~文件上传有 2 套方案...

在日常的开发中，我们经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码，这些代码的功能相对独立。这时，我们可以通过Vue的mixin功能将相同或者相似的代码提出，...

因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版...

首先，权限管理⼀般需求是两个：⻚⾯权限和按钮权限。 权限管理⼀般需求是⻚⾯权限和按钮权限的管理 具体实现的时候分后端和前端两种⽅案： 前端⽅案会把所有路由信息在前端配置，通...

ECharts，作为大屏开发最主流的图表组件，为什么大家都觉得自己“熟练使用”它？它具有那些特质？？...

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元...

2022字节跳动web工程师笔试题 第一题 {num: 12, city: 'beijing'}, {num: 56, city: 'shanghai'}, {num: 1...

实现 isProxy 功能 实际上就是 isReactive 和 isReadonly 的结合体，测试先行 reactive.spec.ts readonly.spec.t...