find命令常用需求指令
# 搜索包含子目录中大于60k的PHP文件
find . -type f -name "*.php" -size +60k
# 搜索包含子目录中大于60k的PHP文件(路过jumpdir目录)
find . -path "./jumpdir" -prune -o -name "*.php" -size +60k -type f # 搜索包含子目录中大于60k的PHP文件
find . -type f -name "*.php" -size +60k
# 搜索包含子目录中大于60k的PHP文件(路过jumpdir目录)
find . -path "./jumpdir" -prune -o -name "*.php" -size +60k -type f #删除;开始的注释行
sed "/^;/d" php.ini
#删除空行
sed "/^$/d" php.ini
以上只是把结果输出到终端,方便查看是否正确,确认无误后可以在sed命令后加上 -i 参数,即在源文件中进行修改并保存
sed -i "/^;/d" php.ini
sed -i "/^$/d" php.ini objname是HTML代码内容的元素ID
function runcode(objname) {
var winname = window.open('',"_blank",'');
var obj = document.getElementById(objname);
winname.document.open('text/html','replace');
winname.opener = null;
winname.document.write(obj.value);
winname.document.close();
} <div class='fixed-footer-btns show' id='fixed-footer-btns' style='line-height: 30px;'>
<div class='holder-body' style="display: flex; justify-content: center; flex-wrap: wrap; background-color: rgba(220,220,220,.8); padding: 4px 10px;">
<div style='padding-right: 15px;'>
共{{pages.count}}条,第{{pages.page}}/{{pages.pageCount}}页
</div>
<div>
<ul class='yiiPager'>
<li class='first' v-if='pages.pageCount>1'><a href='javascript:;' class='page-jumper' @click='gotoPage(1)'>首页</a></li>
<li class='previous' v-if='pages.page>1'><a href='javascript:;' class='page-jumper' @click='gotoPage(pages.page - 1)'>上一页</a></li>
<li class='page' :class='item.class' v-for='item in pageList'><a href='javascript:;' class='page-jumper' @click='gotoPage(item.page)'>{{item.page}}</a></li>
<li class='next' v-if='pages.page < pages.pageCount'><a href='javascript:;' class='page-jumper' @click='gotoPage(pages.page + 1)'>下一页</a></li>
<li class='last' v-if='pages.pageCount>1'><a href='javascript:;' class='page-jumper' @click='gotoPage(pages.pageCount)'>末页</a></li>
</ul>
</div>
<div class='input-group input-group-sm pageGoto margin-left-sm'>
<input ref='pagenum' @change='gotoPage()' type='text' class='form-control input-sm text-center' style="width: 60px;">
<div class='input-group-btn '>
<div class='btn btn-sm btn-default' @click='gotoPage()'>跳转</div>
</div>
</div><!-- /input-group -->
<div class='input-group pageGoto margin-left-sm'>
<select ref='pageSize' v-model="pages.pageSize" @change='gotoPage(1)' class='form-control input-sm text-center' style="width: 100px;">
<option value="10">10/页</option>
<option value="30">30/页</option>
<option value="50">50/页</option>
<option value="100">100/页</option>
<option value="200">200/页</option>
<option value="300">300/页</option>
<option value="500">500/页</option>
<option value="1000">1000/页</option>
</select>
</div><!-- /input-group -->
</div>
</div>new Vue({
...
computed:{
pageList(){
const {pages} = this
var res = []
var pageViewCount = 5; //显示当前分页前后的页码数
for (var i = pages.page - pageViewCount; i <= pages.page + pageViewCount; i++) {
if (i < 1 || i > pages.pageCount) {
continue;
}
res.push({
class: i == pages.page ? 'selected' : '',
page: i,
})
}
return res
}
}
...
}) Element.getBoundingClientRect() 方法返回一个 DOMRect 对象,其提供了元素的大小及其相对于视口的位置。
参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect
参数:无。
返回值是一个 DOMRect 对象,是包含整个元素的最小矩形(包括 padding 和 border-width)。该对象使用 left、top、right、bottom、x、y、width 和 height 这几个以像素为单位的只读属性描述整个矩形的位置和大小。除了 width 和 height 以外的属性是相对于视图窗口的左上角来计算的。
element.getBoundingClientRect().width
element.getBoundingClientRect().height