文叔叔

一般我们的做法是判断scrollTop和clientHeight对比scrollHeight,得出是否在底部。 但是这种做法在移动端会有各种各样的问题，包括浏览器版本，ios，Android。 此方法非常简单，只需要为元素生成一个IntersectionObserver,并且监…

最近在做一些h5活动的需求，发现用到转盘的机会很大。 额，因为gif压缩了，所以画质有点。。。呵呵，没关系的 传入一个奖品数组. 能够在点击转的按钮时候做一些判断是否可以开转. 开转后有一个回调，用于请求奖品返回. 转动结束/中奖回调. 转动按钮，背景图可配置. 这里主要是两张…

图片延时加载十分重要，尤其是对于移动端用户。 从理论上来看，图像延迟加载机制十分简单，但实际上却有很多需要注意的细节。 此外，有多个不同的用例均受益于延迟加载。 首先，我们来了解一下在 HTML 中延迟加载内联图像。 延迟加载是一种在加载页面时，延迟加载非关键资源的方法， 而这…

一直以来，大家都对函数的调用有很多的疑惑，特别是this指针的指向。 可以看到，我们调用了test方法，并且把this指向Warren，传入参数you。这就是javascript函数调用的核心概念。其他函数都可以参考这个概念。 若果每次调用函数都用call，会变得很麻烦。Jav…

很多项目中需要实现app中常见的提示效果Toast。这个效果看似简单，实现起来也容易，为了方便，将它封装成npm组件，方便后续使用。 首先是支持多个提示，不同提示定制化也可以不同。取名为Notice。 Notice外面还有个容器组件，用来装载Notice并且，暴露一些方法给To…

最近在做一个基于mobile app的漫画的项目，面向印尼市场。 上线后，基本测试没有问题，打开也挺顺畅。但是google analytics却反馈加载平均19s！ OMG～～于是开展了一系列的探索。。 首先说说技术栈，用的是create-react-app,redux,rea…

查看原文ProgressiveWebApplication总结与实践

提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 1. 运行时性能比较 React 和 Vue 都是非常快的，所以速度并不是在它们之中做选择的决定性因素。对于具体的数据…