JavaScript 中最难理解的三个知识点
哈喽,大家好 我是 👨🏻💻。今天来来和大家聊聊前端面试中最难的三座大山，分别指： ， ， 💪 原型与原型链 说到 ，就不得不提一下 ，首先我们看下面一个简单的例子： \ 首先创造空的对象，再让 指向这个对象，通过 进行赋值，最终返回 ，这其实也是 一个对象的过程。 其实： 是 的语法糖； 是 的语法糖； 是 的语法糖。 那什么是原型那？ 在 js 中，所有对象都是 的实例，并继承 的属性和方法，但是有一些是隐性的。 我们来看一...
不定高虚拟列表
之前用原生 JS 实现过定高的虚拟列表， 本文会引用其中的部分思路以及变量名称等，文中不再过多解释其含义，建议提前阅读 👇： 因为定高的虚拟列表没有过多的计算，所以原生 JS 手写不是多大问题。这次我们来实现一个不定高的虚拟列表，主要使用 Vue3 + TS 来将其封装为组件，并利用 Vue3.3 的泛型组件以及 defineSlots 新特性来让我们组件类型更加规范 参考实现 👉： 由于原作者使用的是 React，并且不定高的实现...
完全掌握分片渲染和虚拟列表
大家好，我是小杜杜，有关 高性能，大数据量 的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～ 我们知道有些场景下，接口会返回出大量的数据，渲染这种列表叫做 ,今天主要说下处理 的两种方式： 和 ，请各位小伙伴多多支持～ 在正式开始前，希望各位小伙伴牢牢记住： js执行永远要比dom快的多 ，所以对于执行大量的数据，一次性渲染，非常容易造成卡顿、卡死的情况 疑问点 我们先来看看以下...
瀑布流的效果是怎么实现的
还记得那是周五的一个晚上，那天正在寝室用笔记本玩赛博朋克2077 happy 中🥰，突然女朋友给我发了一个小红书的超链接，我像往常一样无视发送的内容直奔链接准备看完赶紧应付几句话继续游戏🤣 打开链接以为跟其他类似产品一样都会让你直接选择下载 App，没想到小红书的 PC 端惊到我了，首页出乎意料的好看 那时候年轻的我还不知道瀑布流是什么，只是觉得这个布局配合卡片的一些点击交互很有感觉，啧啧啧，我一个大男的看一些女性的推荐都被吸引到了...
用浏览器打开终端竟这么容易实现
你所追求的事物，所做的每一件事情，都有它存在的意义 说到用网页打开终端，相信大多数人都使用过，但是应该也没几个人去认真研究过🤔。自己也是因工作需要，于是对其进行了一番探索。 如果你有用过云服务器，肯定对这个就更熟悉了，比如阿里云的Workbench远程连接。它提供给我们的服务便利性、用户体验还是相当不错的，让我们和实际的机器通过网络联通了。 除此之外，浏览器上能运行的东西还有很多， 如：云文档、云软件、云IDE、云储存、云函数、云调用...
Performance的使用攻略
Performance是Chrome浏览器自带的性能监测工具。根据我的使用，简单理解就是我们可以通过它录制一段时间的浏览器活动，通过活动的数据去分析页面是否存在提升的空间。想要获取页面的活动数据，那我们的第一步便是录制浏览器的活动。 打开F12，进入Perfomance标签页，我们可以看到出现了提示。我们不想看这个文本在说什么，我们只想马上开始用（不是），由于我已经百度翻译过了（不是，看过了），所以文本提示是在说箭头所指的地方，实心圆代...
Vue3嵌套路由中使用keep-alive缓存多层的实现
目录 前言 Demo项目结构 路由层级扁平化 给所有的 router view 都嵌套上 keep alive 前言 是Vue中的缓存标签， 组件在标签中的内容会被缓存下来;但是在多层嵌套的 中， 只能缓存到该层下的 ， 由于路由嵌套比较常见，所以这里提供两种我觉得OK的解决方案。 解决思路 路由层级扁平化，在路由守卫中执行一个拍平的函数，将需要缓存的路由提升到第一层，这样处理会影响到路由层级，最直白的影响如对 面包屑 等功能有直接影响...
完美解决vue3 keep-alive多个路由使用同一个组件的缓存问题
之前页面少的话 用keep live结合router view，使用keep live的include属性就可以自己决定keep live缓存那些组件不缓存那些组件，直到遇到个问题。 平时写的代码如下： 其中 visitedViewPaths表示的是一个放Component name的数组，可以去看文档 如果配置的路由A用A组件，路由B用A组件，因为include属性是靠组件的name来决定缓存与不缓存的，还有这种情况，路由里配置的{...
极致爽文，tsx、jsx语法应用vue3
JSX语法让程序员体验到前所未有的舒爽，而在Vue3中，快速过渡到TSX也是轻而易举的。除了下文介绍的TSX用法外，其他方面与Vue3的使用方式并无二致。TSX所需学习的内容并不繁杂，只是稍微改变了开发习惯，取消了模板语法，让我们能够像编写JavaScript一样书写页面。 通过执行 来创建一个Vue工程。 工程地址 你可以在以下地址找到本文使用的工程示例： 组件定义：defineComponent 在Vue3中， 是一个用于定义组件的...