CuteyChomaa

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

不对 Vite 做过多评价和解析了，总之这玩意真的有点吊，丝滑的程度不是抹点油就能达到的级别，研发提效nn%不是梦。 一直被吐槽，很少做改变，不得不说，我们一直站在自己的角度去思考，去设计 API，总认为我们提供的就是最好的。 在重构 2.0 的时候，我们深刻的反思这个问题，我…

废话不多话，在本文中，列出了一些比较常用或者实用的的 JavaScript 代码片段，希望对你们有所帮助。 3. 条件成立 4. for 循环 5. 值到对象的映射 6. Object.entries() 7. Object.values() 8. 模板字面量 9. 解构赋值 …

如图所示：可视化界面采用三层三文治结构，从server（后台，非online server）读取数据，vueJS负责数据驱动，ArcGIS与echarts负责数据的图形化。同时引入浏览器的web sql db本地数据库进行海量数据缓存。 ArcGIS API for Javas…

Promise作为前端异步解决方案的出现，可以说是火遍全网，几乎所有的异步场景甚至框架都会有它的身影，比如Vue的批量处理等。今天我们就按照Promise A+ 规范来完整实现Promise全功能，话不多说，上代码。 测试成功，promise的改造就算符合规范了。这个难点在于t…

笔者前端小兵一枚，在学习了一段时间的小程序后，决定亲自动手做一款模仿一款手机软件来练手，自己平常也热爱音乐，并且发现各家的音乐平台的小程序都比较简单，于是就选择了这个方向来进行模仿学习，在这个过程中也遇到了很多问题，在解决这些问题后，也有了一些收获，今天就来和大家分享在这个小程…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

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