hexo next主题深度优化(二)，懒加载。

【hexo next主题深度优化(二)，懒加载。】的更多相关文章

hexo next主题深度优化(二)，懒加载。

文章目录 tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面) 废话背景懒加载简单介绍引入js 重点!敲黑板了!!! 完善懒加载函数懒加载函数可配置的参数正式在hexo next中加入懒加载 1: 2: 3:按我的步骤来,不要问为什么. 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面…

hexo next主题深度优化(一)，加入pjax功能。

文章目录背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步第二步第三步第四步专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提取出来点击右边的sidebar,sidebar不出现 sidebar自动隐藏,自动显示,点击出现,点击隐藏,回到首页,回到中间等操作添加bootstrp出现闪屏的现象右边的sidebar鼠标滚动目录滑动事件没了局部刷新文章不显示了,文章那里是空白的. 评论没了局部会闪一下阅读数没了百度…

hexo next主题深度优化(十)，博文加密，不需要插件，极简模式，相对安全，融合pjax。

文章目录效果: 代码: 注意: 背景: 思路: https://www.jianshu.com/p/90c0a15c6f36 http://zhailiange.com/2017/07/06/hexo-encrypt/ 自己写 2018.12.23代码更新问题一问题二问题三个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 如果想自定义功能样式的往下面看看也许会有点收获,为了避免读者不…

hexo next主题深度优化(十一)，next主题中加入scrollReveal.js，让文章随着鼠标的滚动，出现点小动作。

文章目录效果 scrollReveal简单介绍以及简单操作参考文档: next主题中加入scrollReveal 给article标签添加属性给底部的不蒜子添加属性本地引入依赖并且编写启动函数修改require.js主函数修改pjax的函数个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 效果 https://mmmmmm.me scrollReveal简单介绍以及简单操作就是…

hexo next主题深度优化(三)，引入require.js,适配pjax。

文章目录 require.js的好处, hexo next中加入require.js 新建一个main.js作为所有js的入口 pjax的require.js实现关于require js适配过程中报的错误 aplayer.min.js只能在--lauout加载一直报错:MISMATCHED ANONYMOUS DEFINE() MODULES ... 在博客中加requre.js时候,关于aplayer的插件需要. 如图 velocity函数报错针对pjax的require,我用这个req…

前端性能优化--图片懒加载(lazyload image)

话说前头: 上次写了一篇webpack的学习心得,webpack能做到提升前端的性能,其模块打包最终生成一个或少量的文件能够减少对服务端的请求.除此之外,本次的图片懒加载(当然不仅限于图片,还可以有视频,flash等)也是一种优化前端性能的方式.使用懒加载可以想要看图片时才加载图片,而不是一次性加载所有的图片,从而在一定程度从减少服务端的请求. 懒加载介绍: 通俗介绍:懒加载怎么个懒法,就是你不想看就不给你看,我也懒得加载出来,懒得去请求.通俗的说就是你不要就不给你,怎么地.举个栗子,比如在进入…

SPA应用性能优化（懒加载）

前提: 如今开发方式都是采用前后台分离的方式,前台采用的方式则是单页面应用开发简称SPA,这种开发模式最大的一个特点就是将有所代码打包成了一个文件, 这会导致了一个问题就是如果这个应用过大,打出来的这个文件也会越大,性能也就随之降低了,那么如何优化这个问题呢,今天就记录下懒加载策略吧. 那么什么是懒加载呢~ 懒加载概念: 懒加载也就是按需加载,只要有需要才会加载的一种策略,常用于性能优化上(个人理解)通过懒加载可以避免加载不必要的资源. 工程级别: 在微服务架构里,前台也需要同步,这就需要每个模…