08 2021 档案

利用jq实现横向tab分类切换自动居中
摘要：有时候Tab条目多的时候 一屏展示不完，此时需要一个切换的时候让tab分类自动居中 <div class="h5ui-tab h5ui-tab2"> <ul class="tab-item"> <li id="arts1" class="active"> <a href="#arts-1">最新</ 阅读全文
posted @ 2021-08-14 15:47 BenBonBen 阅读(213) 评论(0) 推荐(0)
px、em、rem、rpx 区别及应用场景
摘要：px 像素 像素px是相对于显示器屏幕分辨率而言的em 子元素字体大小的em是相对于父元素字体大小。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。 rem 是css3新增的相对单位 <html>元素。和em 阅读全文
posted @ 2021-08-10 15:08 BenBonBen 阅读(695) 评论(0) 推荐(0)
Vue （mixins） 混入个人理解 及使用场景
摘要：一、理解混入合并的规则 1.data ,同名以组件为准 data (){ return{ } } 2.create 等钩子函数， 先运行mix,再运行组件内 3.methods,components等， 内同名，以组件为准 二、理解局部混入和全局混入 1.局部混入 创建mixin.js文件， 在需要 阅读全文
posted @ 2021-08-09 16:06 BenBonBen 阅读(1683) 评论(0) 推荐(0)
Vue v-html换行处理
摘要：v-html输出一段 html代码，可能 ‘\n’ 等换行字符失效此时要加个css white-space: pre-wrap; 就能成功换行 normal连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样，连 阅读全文
posted @ 2021-08-05 11:08 BenBonBen 阅读(2697) 评论(0) 推荐(0)
数组排序方法
摘要：1.冒泡排序法 var arr = [1,4,54,6,2,3,19] var medium = null; for (var j = 0; j <= arr.length-1; j++) { var flag = true; for (var i = 0; i <= arr.length-1-j; 阅读全文
posted @ 2021-08-04 15:02 BenBonBen 阅读(174) 评论(0) 推荐(0)