{……}写的然后我改完之后就通过了………………

　　Object.defineProperty(obj, prop, descriptor)方法接收三个参数：

　　1.属性所在的对象2.属性的名字3.一个描述符对象（它可以是数据属性也可以是访问器属性)

　　configurable：当它设置为true时，则不能通过delete删除属性。

　　enumerable：当它设置成true时，则不能通过迭代器遍历出这个属性的值。

　　writable：将它设置成true时，就不能修改该属性的值了。

　　get:在读取属性时调用的函数。

　　set:在写入属性时调用的函数，在里面可以对刚写入的值进行限制。

　　在ES6之前，我们常使用Object.defineProperty()方法来进行数据代理从而实现数据的劫持，在ES6之后诞生了一个全新的对象（构造器）：Proxy。

　　基础语法：const proxyTarget = new Proxy(target, handler)

　　其中

可以是任何对象，proxy会对这个对象进行包装，

是一个对象，它的属性提供了某些操作发生时所对应的处理函数（比如说：get(目标文件、被获取的属性名、proxy对象) 用于拦截对象属性的读取操作，set(目标对象、被设置的属性名、新属性值、最初被调用的对象)用于拦截对象属性的修改/设置操作，deleteProperty(目标对象、待删除的属性名)拦截对象属性的删除操作）。

　　这道题首先使用axios调用接口，拿到接口里面的值。然后再对值进行处理，查看之前图表的上的值，它的结构是:

　　而数据返回给我们的是这样的：

　　所以我们要将数据返给我们的值转换成与结构中是一样的，这样方便后面赋值，重构图表。

　　页面布局的题目是必出的，同时也是花费时间较久的一道题。要勤于练习，这里我就不放代码了。

　　①首先调接口拿到诗有关的数据

　　②先将诗动态展示到页面中，由于最后要高亮显示，高亮显示的主要方法是使用 <span class="highlight"></span> 标签包裹关键词。所以我们只能使用v-html结合v-for来动态展示，因为v-html可以解析html代码。

　　③为输入框双向绑定一个值用于获取关键词，再为它绑定@input事件，每输入一次就运行一次，如果key不为空那么就查找诗里是否存在关键字，有则放到一个新数组里，记得替换v-for里的数组为新数组。每次进来这个函数的时候先将新数组置空。

　　④高亮匹配。为v-html绑定函数并传入数据，使用正则表达式，如果找到有包含关键字的诗那么通过replaceAll替换掉里面的关键字。如果不是就直接返回原来的值。

　　刚看到这道题的属实有点呆着了，因为它调用函数的方式很神奇，很少遇到这样的。前几天刚好在某个视频里看到过...args这种写法，专门用于参数不确定的时候用的。

　　用闭包,说白了就是函数的内部子函数，能够读取其他函数内部变量的函数。它可以引用函数外部的变量，这是解这道题的关键。

　　这道题有一个很细节的地方就是你选择的条件必须在密码中出现，下午找了很久没发现啥错误但是就是不通过结果发现还有如下的情况出现。假如我选择了包含大写和包含小写，因为是随机出来的，有可能出现只包含大写或者只包含小写的情况出现。(我思维还是不够严谨

😭

😭

😭)

　　所以我们点击某个条件时先在它内部进行一次随机取值，这样就可以保证最后输出一定会一个满足此条件的。虽然成功了，但是总觉得哪里还不太完美。

　　十进制ASCII码转换成字符：String.fromCodePoint(num1[, ...[, numN]])方法

　　就是找你输入的地名是否存在，如果存在那么就将当前地面先存到数组中。如果不存在就继续往里层找，最后判断数组是否为空，为空表示没找到值就返回一个null，有就返回数组。

　　我写的时候为了偷懒第一层我就直接写了if(regions[0].name===regionName)……因为我看传进来的数据第一层就一个，也检测过了没有问题，然后就死后通不过，真的有点搞不明白这个检测的了。

　　最后看别人是 regions.forEach(el=>{……}写的然后我改完之后就通过了………………。还是要写的严谨些的好！！！

　　以上是我这几天做下来的第十四届蓝桥杯（Web 应用开发）模拟赛 2 期-职业院校组的所有内容了，我也是还在前端之路摸爬滚打的小白，有哪里写的不严谨的地方，请各位大佬帮忙留言指正。

💓

💓

💓