最后
== 就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。 只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。
并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。 开源分享：docs.qq.com/doc/DSmRnRG…
实现效果
代码
<el-dialog :title="titleDataDictionary" :visible.sync="openDataDictionary" width="1300px" append-to-body>
<el-button type="primary" class="add-btn" @click="addDemo">添加行</el-button>
<el-table
:data="tableData"
size="mini"
stripe
highlight-current-row
border
style="width: 97.3%"
class="el-tb-edit"
:header-cell-style="{
background: '#2a87ed',
color: '#fff',
fontSize: ' 1.2rem',
fontWeight: 'normal',
height: '2.88rem',
}"
ref="demoTable"
>
<el-table-column prop="index" label="序号" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.index"></el-input>
<!-- <span>{{ scope.row.index }}</span> 显示在输入框的下面-->
</template>
</el-table-column>
<el-table-column prop="assetNo" label="资产编号" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.assetNo"></el-input>
</template>
</el-table-column>
<!-- <el-table-column type="index" width="50">序号</el-table-column> -->
<el-table-column prop="riskSourceName" label="表中文名" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.riskSourceName"></el-input>
</template>
</el-table-column>
<el-table-column prop="riskPointName" label="表英文名" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.riskPointName"></el-input>
<!-- <span>{{ scope.row.riskPointName }}</span>-->
</template>
</el-table-column>
<el-table-column prop="riskLevel" label="字段中文名" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.riskLevel"></el-input>
<!-- <span>{{ scope.row.riskLevel }}</span>-->
</template>
</el-table-column>
<el-table-column prop="hiddenDanger" label="字段类型" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.hiddenDanger"></el-input>
<!-- <span>{{ scope.row.hiddenDanger }}</span>-->
</template>
</el-table-column>
<el-table-column prop="type" label="字段长度" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.type"></el-input>
<!-- <span>{{ scope.row.type }}</span>-->
</template>
</el-table-column>
<el-table-column prop="accident" label="取值范围" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.accident"></el-input>
<!-- <span>{{ scope.row.accident }}</span>-->
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.remark"></el-input>
<!-- <span>{{ scope.row.remark }}</span>-->
</template>
</el-table-column>
<el-table-column prop="accident" label="操作" width="120">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDeleteDataDictionary(scope.$index,tableData)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<el-button type="primary" class="add-btn" @click="handleDataDictionaryAssetInfo">提交</el-button>
</el-dialog>
data
data(){
return{
//录入数据字典资产信息
dataId: 1,
//数据字典资产信息的集合
tableData: [],
//数据字典资产信息录入
openDataDictionary: false,
//数据字典资产信息录入弹出框标题
titleDataDictionary: "",
}
}
methods
下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：
进阶阶段
进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。
JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。
然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。
1、JavaScript 和 ES6
在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。
2、前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
以 Vue 为例，我整理了如下的面试题。
