前端开发小能手

传统的图片懒加载实现主要是能通过监听容器的`onscroll`事件，在事件回调中通过`getBoundingClientRect`方法来获取元素距离视窗左上角的坐标。然后根据屏幕宽高来判断元素与视窗是

前端虚拟列表实现，简述其实现原理并使用vue3的SFC语法和ts实现一个前端虚拟列表。并附有demo地址。

一、通过DNS解析url地址，获取url对应的服务器IP地址和端口 1.浏览器在发起请求之前，会在浏览器缓存中查找是否有要请求的文件。如果有的话会取消请求，直接返回该文件。如果没有则进入步骤2。 2.

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，…

egret 是一个用来帮你开发 H5 游戏的利器。也许你曾经用原生 js 写过一些小游戏，但是效率极低；也曾用 createjs 写过，但复杂起来也是力不从心，这时我们就需要学会用高级点的工具💪（egret）。它的出现极大释放了你的双手，能帮助你更好更快的开发一款小游戏（谁用…

在学习vue.js的过渡动画时，官方案例主要使用了opacity属性。但是将opacity替换成width后就无动画效果。通过搜索发现有人遇到过这种问题，但是都没有找到问题所在。 发现在class切换到v-leave-to时，width没起作用，原因是由于CSS选择器权重的问题…

WeiXinJsBridge的分享函数分为分享给好友，分享到朋友圈，分享到微博，但是这三种分享都是在下面在个函数内部实现的。 只要在需要进行分享的位置处，调用此函数，就可以完成分享功能。 WeixinJSBridge.call('hideOptionMenu'); //隐藏右上…