推荐
最新
热榜
Vue
面试官：竟然用广度优先搜索实现Vue的watch？有意思...

面试官：竟然用广度优先搜索实现Vue的watch？有意思...

前言通过前面几篇文章，我们对Vue3中的响应式设计有了初步的了解。面试官：Vue3响应式系统都不会写，还敢说精通？面试官：你觉得Vue的响应式系统仅仅是一个Proxy？Vue3：原来你是这样的“异步更新”为啥面试官总喜欢问computed是咋实现的?这一篇我们试着实现一个watch1.#两种watch的基本用法1.1#通过函数回调监听数据最基本的用法是给watch指定一个回调函数并返回你想要监听的响应式数据。conststate1=reactive({name:'前端胖头鱼',age:100})watch(()=>state1.age,()=>{...
Vue
实现图文消息的正确加载

实现图文消息的正确加载

前言昨天，在我的开源项目chat-system中查看聊天记录时，发现消息中如果有图片滚动条的位置就会算错，导致最后一条消息定位不准确。经过一番排查后，终于解决了这个问题，本文就跟大家分享下我的解决方案与思路，欢迎各位感兴趣的开发者阅读本文。问题分析如下图所示，我们点开一个聊天窗口，最后一条消息是图片，滚动条位置计算有误，没有触底，导致图片没有显示完全，在上拉加载历史消息时也是因为图片导致的滚动条位置计算失误，没有正确定位到上次浏览的消息位置。滚动条触底分析我们来看下触底时滚动条位置计算的实现代码：next
Vue
解决Vue.js中的"this is undefined"错误的方法

解决Vue.js中的"this is undefined"错误的方法

当我们使用Vue在愉快的开发项目的时候，突然报了一个错误：thisisundefined别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。一个可能的原因是混淆了常规函数和箭头函数的用法，如果你遇到这个问题，我猜你用的是箭头函数。如果用常规函数替换箭头函数，它可能会为你修复这个问题。我们再深入一点，试着理解为什么会这样。毕竟，知识就是力量，如果知道造成问题的原因，那么我们将来可以避免很多挫败感和时间浪费。还有一些其它原因可能也会出现此类错误。使用fetch或axios获
Vue
Vue + Echarts封装出好用又好看的图表组件

Vue + Echarts封装出好用又好看的图表组件

前言Echarts相信很多小伙伴都了解过，甚至很多都已经用到过。没有了解过的小伙伴，可以先来和我一起了解一下它的作用和历史吧。ECharts，缩写来自EnterpriseCharts，商业级数据图表，是由百度公司研发的(并且是开源的)，它最初是为了满足公司商业体系里各种业务系统（如凤巢、广告管家等等）的报表需求，在2012年之前这些图表需求都是使用flash去实现的，后来由于flash退出舞台，凤巢前端技术负责人的Kener-林峰在凤巢数据平台项目中尝试使用Canvas去做图表，他写了一个全新的轻量级Ca
下拉加载更多
猜你喜欢
换一换
最新文章
更多