在一个单页面中，我们可以添加多个模块，使得网页只在需要的时候加载这个模块。模块的切换大致上可以代替网页的切换，于是，我们便可以通过模块的切换实现网页的切换，这个切换是按需加载的。

乍一看非常普通的东西，但是仔细想想就可以发现，这种思想可以解决非常多的资源。

例如，假如有一个页面，需要显示1000种商品的信息，每个商品的表现形式各不相同（设他们有各自独立的css和js），那么一般来说，我们就需要准备1000张网页去加载这些信息。但是，使用这种模块化思想，我们就可以仅仅在后台设定1000个各不相同的模块，然后根据需要将需要的商品的对应模块加载到唯一一张页面上而已。

最近许多用户在寻找一种在网站的侧边栏按照文章的类别来显示文章的方法。文章显示如下图:

这里给大家介绍两种方法，通过这两种方法均可以实现在WordPress网站侧边栏按类别显示文章。第一种方法比较适合初学者，因为这个方法用到一个现成的插件。第二种方法则是用一段代码，这个方法比较适合DIY用户。

方法一：插件法

首先安装启用 Category Posts Widget 插件，然后打开外观菜单下的widgets选项，你会发现有一个新的小工具：Category Posts出现在列表中。

学前端已经有一段时间了，最近在对前端基础知识做一个梳理总结，今天联系页面的时候遇到了一个浮动元素造成父级高度塌陷的问题，为了弄清楚这个问题，我也是好一番查资料，原来MDN上专门介绍过解决这个问题的办法，下面我就来分享一下我个人的心得。

首先，我先说一下我遇到的问题是什么？

下面是两个容器元素box和box1，其中box1是子元素。

display属性

block: 块级元素

inline: 行级(内联)元素

inline-block: 行内块元素,既在同一行内呈现,也能设置width,height

none: 隐藏元素

float属性

float: left | right | none;

float可以让上下排列的块元素左右排列.

来，开整
先来看看啥是无缝滚动：

这看着只有四张图片，但是不管往前还是往后拖动，都可以无限拖，感觉就是把四张图片无限循环了一样，这种效果在页面中算是最常见的交互效果之一了，都1202年了，基本功要扎实哦~
其实实现的基本原理非常简单
第一步，先把图片复制一份，四张变八张
如果图片数量更多的话，可以做成别的方案，几张图片的话就无所谓了
如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。

1.圣杯布局和双飞翼布局

2.绝对定位法

手撸一个简易版轮播图

实现原理，通过控制 swiper-warpper 容器的定位来达到切换图片的效果。

页面布局

当我们在Spring Cloud应用中使用Consul来实现服务治理时，由于Consul不会自动将不可用的服务实例注销掉（deregister），这使得在实际使用过程中，可能因为一些操作失误、环境变更等原因让Consul中存在一些无效实例信息，而这些实例在Consul中会长期存在，并处于断开状态。它们虽然不会影响到正常的服务消费过程，但是它们会干扰我们的监控，所以我们可以实现一个清理接口，在确认故障实例可以清理的时候进行调用来将这些无效信息清理掉。

开始以为只要简单的调用注销接口就能轻松完成，但是实际实践的发现并非如此。因此，分享一下整个实现过程以及中间遇到的一些坑。

更多技术文章:

wordpress主题trans的首页模板的左侧文章列表，在上一节中，我们已经做了修改，实现了从wordpress的数据库中调用。但是，wordpress网站的文章肯定有很多很多，这时，如果把所有的文章都显示在同一个页面，这好像不太好，也不利于用户的浏览。所以，wordpress网站的后台可以设置每个页面显示多少篇文章，默认情况下，是每个页面显示10篇，剩下的文章列表，会以分页的形式显示。

在trans主题的静态模板中，我们没有做分页效果，所以，在本节中，我们不仅要添加分页的功能，还要添加分页的展示效果的CSS样式。那么，怎样给trans主题首页左侧的文章列表添加分页效果呢？