设计模式遵循的原则有6个： 1、开闭原则（Open Close Principle） 对扩展开放，对修改关闭。 2、里氏代换原则（Liskov Substitution Principle） 只有当衍生类可以替换掉基类，软件单位的功能不受到影响时，基类才能真正被复用，而衍生类也能够在基类的基础上增加 ...
分类：
其他好文 时间：
2019-05-08 19:03:48
阅读次数：
144
懒加载 认识 懒加载是一种按需延迟资源的方式。在加载显示页面时，并不一次性加载所有该页面所需要的图像，对于在可视区域之外的图像，可以等到用户scroll到该区域的时候，再进行加载 实现方式 1、目前已经有很多库实现了懒加载，例如lazysizes，可以考虑使用 2、使用库这样的操作，相当于增加一个需 ...
分类：
其他好文 时间：
2019-05-03 16:34:30
阅读次数：
515
Vue.js 1.渐进式JavaScript 框架 2.作用：动态构建用户界面 3.特点：本身只关注UI，但是可以引入Vue插件或者第三方库。 4.Vue脚手架：vue cli vue脚手架、vue route路由、vue lazyload 图片懒加载、element ui 等 5. ...
分类：
Web程序 时间：
2019-04-26 21:00:34
阅读次数：
136
在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏览器窗口内的图片，当用户滚动时，再加载更多的图片。这种加载图片的方式叫做图片懒加载，又叫做按需加载或图片的延时加载。这样做的好处是：1 ...
分类：
Web程序 时间：
2019-04-26 00:03:32
阅读次数：
183
一、饿汉式 缺点：不能懒加载 二、懒汉式（线程不安全） 三、懒汉式（线程安全，效率低） 四、懒汉式（线程安全，效率高，但是有空指针异常） 五、懒汉式（解决四的问题，禁止指令重排序，加volatile关键字） 六、内部静态类的更加优雅的方式 ...
分类：
编程语言 时间：
2019-04-22 19:26:31
阅读次数：
140
图片懒加载技术 图片懒加载是一种网页优化技术。图片作为一种网络资源，在被请求时也与普通静态资源一样，将占用网络资源，而一次性将整个页面的所有图片加载完，将大大增加页面的首屏加载时间。为了解决这种问题，通过前后端配合，使图片仅在浏览器当前视窗内出现时才加载该图片，达到减少首屏图片请求数的技术就被称为“ ...
分类：
编程语言 时间：
2019-04-21 12:44:20
阅读次数：
156
1.Hbernate映射关系 no session or session was closed问题 在项目的web.xml的前面添加 <!-- 配置Spring的OpenSessionInViewFilter以解决懒加载异常的问题 --> <filter> <filter-name>OpenSess ...
分类：
Web程序 时间：
2019-04-07 09:16:31
阅读次数：
164
一些页面需要的数据可能更多一些，诸如动态页面，新闻页面等。一次加载太多数据对于用户而言是极为不好的体验。 pages为起点，limit里面的5则为每次调取几条数据。因此可以在 onReachBottom里面进行调用，首先在page()外面let 声明pages=0;每次触底则加5并且调用该函数，并使 ...
分类：
微信 时间：
2019-04-02 14:16:01
阅读次数：
308
前言图片懒加载是一个很常用的功能，特别是一些电商平台，这对性能优化至关重要。今天就用vue来实现一个图片懒加载的插件。这篇博客采用“三步走”战略——Vue.use()、Vue.direction、Vue图片懒加载插件实现，逐步实现一个Vue的图片懒加载插件。Vue.use()就像开发jQuery插件要用$.fn.extent()一样，开发Vue插件我们要用Vue.use()。其实就是官方内部实现的
分类：
其他好文 时间：
2019-04-02 00:21:59
阅读次数：
172
