渐进式图片加载

我们都知道pwa是一个新技术.，依靠缓存，离线了还能正常跑，而且秒开。我把以前原生写的小游戏迁移到react，再迁移到webpack+react，最后再升级到pwa。具体介绍不多说，我们开始撸吧。 webpack攻略有很多，不啰嗦了，简单介绍一些重点。记住几个点：入口entry…

如果你定期访问诸如Facebook，Pinterest或Medium等网站，你可能已经注意到，第一次加载页面时，你将会看到低质量或模糊图像的页面。然后，随着页面继续加载，模糊/低质量图像将被替换为全质量版本。要看到这个实例的例子，让我们来看看下面的图片 上面的图片是中间载入页面…

本文首发于我的个人博客:http://cherryblog.site/ ，欢迎大家前去参观 本文项目地址，sortable插件地址：https://github.com/sunshine940326/sortable demo地址：https://github.com/suns…

随着时间的发展，现在基本上人手一部手机的低头族。做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…

代码量少的，不一定就效率高，代码量多的，不一定就难维护。并不是哪个就一定比另一个好，全看具体的项目需要。

下拉刷新、上拉加载更多是移动端常见的交互效果，也有很多封装好的库供我们方便的调用。但是如果只是一个简单的临时页面，也许不用第三方库手写实现会是一个不错的选择。今天就来简单说说上拉加载更多的实现思路。 把上拉加载更多这个过程拆解一下，可以分成这几个步骤： 页面向下滚动… 页面滚动…

web 前端图片懒加载实现原理

这个 function 接收一个字符串参数，返回操作之后的字符串，比如接收的是 "short sentence"，那么输出就是 "Short Sentence"，如果接收的是 "shOrT sEnTEnce"，那么输出也应该是 "Short Sentence"，需要注意的是，题目中暗含了一个情况需要处理，就是每个单词，如果在非首字母位置出现了大写，也要输出小写。