少有人走的路

见下面的代码：

勇哥注：

前台页面调用后台方法是高频度的应用。分为无刷（新）和有刷（新）两种响应方式。

对于用户体验来说，无刷方式要更受欢迎一些。

（1）文本输入

（1）基本样式

<div class="switch">
  <input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
  <label class="switch-paddle" for="exampleSwitch">
    <span class="show-for-sr">Download Kittens</span>
  </label>
</div>

（1）基本样式

用户拖动的控制柄（.slider控制柄）。

填充（.slader填充），根据控制柄所在的位置动态调整大小。

隐藏的＜input＞，即滑块值的存储位置。

（1）基础样式

<!-- Anchors (links) -->
<a href="about.html" class="button">Learn More</a>
<a href="#features" class="button">View All Features</a>

<!-- Buttons (actions) -->
<button class="submit success button">Save</button>
<button type="button" class="alert button">Delete</button>

（1）基本样式

<div class="button-group">
  <a class="button">One</a>
  <a class="button">Two</a>
  <a class="button">Three</a>
</div>

（一）C/S（Client/Server）和B/S（Browser/Server）是两种常见的软件架构模式，它们各自具有一些优缺点。