懒加载：也叫延迟加载。即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面 ...
分类：
其他好文 时间：
2019-09-30 16:49:00
阅读次数：
88
搬运自：https://blog.csdn.net/twodogya/article/details/80223331 1.安装插件 2.在入口文件main.js中引入并使用 Vue.use(VueLazyload, { loading: require('img/loading.png'),//加 ...
分类：
其他好文 时间：
2019-09-27 18:53:06
阅读次数：
196
目前主流的Vue, React 等单页项目中 build 把所有开发遇到的代码打包在一起形成一个js和一个css, 服务器请求, 然后加载js, css 等依赖进行渲染. 因此会经常遇到,个人写的项目,打开十分缓慢,需要加载很长时间才能加载完毕. 就算不是白屏,做了loading处理 但还是会很影响 ...
分类：
其他好文 时间：
2019-09-26 14:58:16
阅读次数：
141
canILoad:function(elem,method){ var scrollDistance = document.body.scrollTop||document.documentElement.scrollTop; //获取滚动距离 var availableViewHeight = d... ...
分类：
其他好文 时间：
2019-09-26 09:26:31
阅读次数：
125
React.lazy 这个函数需要动态调用 。它必须返回一个 Promise ，该 Promise 需要 resolve 一个 的 React 组件。 然后应在 组件中渲染 lazy 组件，如此使得我们可以使用在等待加载 lazy 组件时做优雅降级（如 loading 指示器等）。 比如: Reac ...
1、全局安装vue-lazyload 2、在main.js配置文件引入 3、在组件中使用时，将img标签的src换成v-lazy： 未使用懒加载前的代码： 使用懒加载后的代码： 4、在不同的页面中显示不同的加载占位图的写法 5、背景图使用懒加载的写法 ...
分类：
其他好文 时间：
2019-09-24 17:56:41
阅读次数：
85
静态内部类实现单例模式publicclassDesign{//静态内部类实现的懒加载模式，只有在调用getInstance方法时才会加载静态类，并且因为类加载天然线程安全，保证了只有一个实例privatestaticclasssingle{privatestaticDesignd=newDesign();}privateDesign(){}publicstaticDesigngetInstance
分类：
编程语言 时间：
2019-09-23 09:42:10
阅读次数：
109
回顾 5种反爬机制 robots.txt：反爬机制，防君子不防小人 UA检测：UA伪装 数据加密 图片懒加载 代理ip requests模块爬取流程： 指定url 发起请求 获取页面数据 数据解析 持久化存储 bs4解析： 环境安装：bs4、lxml解析器 实例化bs对象，将页面源码数据加载到该对象 ...
分类：
编程语言 时间：
2019-09-19 23:28:00
阅读次数：
178
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 有如下三种方法: 1.vue异步组件 将异步组件和 webpack 的 code-splitting 功能一起配合使用 v ...
分类：
其他好文 时间：
2019-09-19 01:27:41
阅读次数：
115
但网站打开速度变的不可科学的时候，怎么检测打开速度是多少？ IIS7网站监控 检测网站是否被劫持、域名是否被墙、DNS污染检测、网站打开速度检测等信息。 如何提升网站打开速度？ 如果你是网站使用者，你可以通过升级宽带、光纤、升级CPU内存、优化操作系统等操作来加快网页的打开速度。 如果你是网站建设者，可以通过以下几种方法来提升用户的访问速度： 1.进行代码优化。删除冗余的代码，比如
分类：
Web程序 时间：
2019-09-12 16:48:49
阅读次数：
140
