文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
JavaScript
},
size:{
type:String,
default:‘mini’
},
searchForm:{
type:Array,
default:[]
},
searchHandle:{
type:Array,
default:()=>[]
},
searchData:{
type:Object,
default:{}
}
},
data () {
return {
};
},
methods:{
}
}
table.vue
<el-button v-for=‘(item , index) in tableHandles’ :size=“item.size || size” :type=“item.type” :icon=‘item.icon’ @click=“item.handle()” :key=“index”>{{item.label}}
<el-table
:data=‘tableData’
:size=‘size’
:border =‘isBorder’
@select=‘select’
@select-all=‘selectAll’
v-loading=‘loading’
header-row-class-name=“header_row_style”
:defaultSelections=‘defaultSelections’
ref=“cesTable”>
<el-table-column v-for=“item in tableCols”
:key=“item.id”
:prop=“item.prop”
:label=“item.label”
:width=“item.width”
:align=“item.align”
show-overflow-tooltip
:render-header=“item.require?renderHeader:null”
<el-button v-for=“(btn , index) in item.btnList”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
:type=“btn.type”
:size=“btn.size || size”
:icon=“btn.icon”
:key=“index”
@click=“btn.handle(scope.row)”>{{btn.label}}
<el-input v-if=“item.type===‘Input’” v-model=“scope.row[item.prop]” :size=“size”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@focus=“item.focus && item.focus(scope.row)”>
<el-select v-if=“item.type===‘Select’” v-model=“scope.row[item.prop]” :size=“size” :props=“item.props”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
<el-radio-group v-if=“item.type===‘Radio’” v-model=“scope.row[item.prop]”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
{{ra.label}}
<el-checkbox-group v-if=“item.type===‘Checkbox’” v-model=“scope.row[item.prop]”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
{{ra.label}}
<el-rate v-if=“item.type===‘Rate’” v-model=“scope.row[item.prop]”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
<el-switch v-if=“item.type===‘Switch’” v-model=“scope.row[item.prop]”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
<img v-if=“item.type===‘Image’” :src=“scope.row[item.prop]” @click=“item.handle && item.handle(scope.row)”/>
<el-slider v-if=“item.type===‘Slider’” v-model=“scope.row[item.prop]”
:disabled=“btn.isDisabled && btn.isDisabled(scope.row)”
@change=‘item.change && item.change(scope.row)’>
<span v-if=“!item.type”
:style=“item.itemStyle && item.itemStyle(scope.row)”
:class=“item.itemClass && item.item.itemClass(scope.row)”>{{(item.formatter && item.formatter(scope.row)) || scope.row[item.prop]}}
<el-pagination style=‘display: flex;justify-content: center;height: 100%;align-items: center;’
@current-change=“handleCurrentChange”
@size-change=“handleSizeChange”
layout=“total,sizes ,prev, pager, next,jumper”
:page-size=“pagination.pageSize”
:current-page=“pagination.pageNum”
:total=“pagination.total”
二、引用组件
下面是我项目的代码,有些多余的代码我就不删除了,,我会在代码里备注每个代码块的作用,也方便自己清楚。
<search-form
ref=“form”
size=‘mini’
labelWidth = ‘50px’
:searchData = “searchData”
:searchForm = “searchForm”
:searchHandle=“searchHandle”>
<ces-table
文末
如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。
同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
JavaScript