摘要：
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" 阅读全文
摘要：
v-bind 动态的绑定数据，简写为 : v-on 绑定事件监听器，简写为 @ v-text 更新数据，会覆盖已有结构 v-html 可以解析数据中的html v-show 根据值的真假，切换元素的display属性 v-if 根据值的真假，切换元素会被销毁、重建 v-else-if 多条件判断，为 阅读全文
摘要：
截取指定字数，可以按照半角全角以及字母来截取，兼容IE9以及以上浏览器 html: <h2>控制只显示32个字过长显示省略号</h2> <div id="divbox"></div> css: #divbox{ width:300px; color:red; height:200px; backgr 阅读全文
摘要：
html: <div class="countdown"> <p class="mtp"><span class="countdown_text">答题倒计时</span></p> <p class="line_height34"><span id="countdown_time"></span>< 阅读全文
摘要：
鼠标滚动到某个楼层，某个楼层的楼层按钮高亮显示，点击左边的楼层按钮，页面直接定位到这个楼层 html： <div style="height: 100px;text-align: center" class="head">头部</div> <div class="main"> <div style= 阅读全文
摘要：
在实际工作中，很多时候都会有几行几行之后显示省略号的需求，都知道单行省略号的需求很简单，三个属性就实现了(overflow: hidden;text-overflow:ellipsis;white-space:nowrap;),但是多行的话，就稍微麻烦一些了，网上也有很多实现方法，但很多都不兼容，那 阅读全文
摘要：
常见选项卡之一： html: <button class="b">1</button> <button>2</button> <button>3</button> <button>4</button> <div class="active">1111</div> <div>2222</div> <d 阅读全文
摘要：
不管左边的盒子放大还是缩小，中间的盒子始终水平垂直居中 html: <div class="sidebar"><a href="###" class="click">点击缩小左侧导航宽度</a></div> <div class="notebar"> <p>我始终在中间</p> </div> css 阅读全文
摘要：
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> 阅读全文
摘要：
通用版（基本适用于所有的页面） body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} table 阅读全文