最后
其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)
《前端开发四大模块核心知识笔记》
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。
vue-amap安装
1 |
|
2.main.js中的配置
key申请地址教程:准备-入门-教程-地图 JS API | 高德地图API
// 高德离线地图
import VueAMap from ‘vue-amap’;
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
// 高德key
key: ‘d6eabbd08f89ccfb74278b36ab6342567’, // 自己到官网申请,我随便写的
// 插件集合 (插件按需引入)
plugin: [‘AMap.Autocomplete’, ‘AMap.PlaceSearch’, ‘AMap.Scale’, ‘AMap.OverView’, ‘AMap.ToolBar’, ‘AMap.MapType’, ‘AMap.PolyEditor’, ‘AMap.CircleEditor’, ‘AMap.MarkerClusterer’],
v: ‘1.4.15’, // 我也不知道为什么要写这个,不写项目会报错,而且我随便写的,跟我下载的版本对应不了
uiVersion: ‘1.0.11’ // ui版本号,也是需要写,不配置不加载,
})
3.页面中使用
// 地图配置项
initmapFn() {
var _this = this;
// 创建地图,同时给地图设置中心点、级别、显示模式、自定义样式等属性
_this.map1 = new AMap.Map(“mapChart”, {
resizeEnable: true, //是否监控地图容器尺寸变化
zoom: 3, // 缩放级别
center: [113.3245904, 23.1066805], //中心点坐标
});
//插件依旧写在回调函数内,通过AMap.plugin方法按需引入插件,第一个参数是插件名,第二个是在plugin回调之后使用插件功能。
AMap.plugin([“AMap.ToolBar”, “AMap.Scale”, “AMap.OverView”], function () {
_this.map1.addControl(new AMap.ToolBar());
_this.map1.addControl(new AMap.Scale());
_this.map1.addControl(new AMap.OverView({ isOpen: true }));
});
_this.map1.clearMap();// 清除所有的覆盖物信息
// 创建 infoWindow 实例
// _this.map1.setFitView();
总结
大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】