2024年前端最全如何使用mpvue构建项目，来看看这份超全面的《前端面试题及解析》

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

实现项目功能

---

点击位置跳转城市页面

点击跳转

wx.navigateTo({

url: “…/city/main”

});

实现定位功能

获取定位信息

// 需要获取定位信息的页面

wx.getLocation({

type: “wgs84”,

success: res => {

console.log(res); // 获取到经纬度

}

});

// app.json配置permission字段

{

“pages”: [

…

],

“permission”: {

“scope.userLocation”: {

“desc”: “你的位置信息将用于小程序位置接口的效果展示”

}

}

}

将经纬度转换成地址

1. 借助腾讯地图小程序JavaScript SDK

链接：https://lbs.qq.com/qqmap_wx_jssdk/index.html

2. 申请地图开发者秘钥(key)

3. 下载微信小程序JavaScriptSdk

链接：http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.2.zip

4. 引入qq.map-wx-jssdk

// 引入SDK核心类

var QQMapWX = require(“…/…/utils/qqmap-wx-jssdk.js”);

注意： 这里需要解决mpvue不支持commonjs规范的问题

处理： 修改.babellrc文件，plugins添加"transform-es2015-modules-commonjs"

“plugins”: [“transform-runtime”,“transform-es2015-modules-commonjs”]

5. 逆地址解析reverseGeocoder

qqmapsdk.reverseGeocoder({

location: {

latitude: res.latitude,

longitude: res.longitude

},

success: r => {

this.city = r.result.address_component.city;

}

});

渲染城市选择页面

• 引入城市数据cityData.js

• 循环数据

{{item.letter}}

{{city}}

点击字母定位到对应的城市位置

• 通过scroll-view来实现；

…

点击选中城市

• 通过全局变量来带参数，并返还上一层

let app = getApp();

export default {

…

methods: {

goCity(city){

this.cCity = city;

app.globalData.c = city;

this.letter = “”;

// 返还上层目录

wx.navigateBack({

delta:1

})

}

},

};

• 主页显示

onShow(){

if( typeof app.globalData.address !== ‘undefined’){

this.loca = app.globalData.address;

}

},

实现列表及详细页面

• 自定义导航 "navigationStyle":"custom"

这样可以自定义导航样式而不是固定的样式

云储存数据

1. 添加数据

• 导入图片资源

• 添加列表数据

注意点：

1、JSON 数据不是数组，而是类似 JSON Lines，即各个记录对象之间使用 \n 分隔，而非逗号；

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。