2024年最新【小程序开发之uni-app】通识和实战准备_[uni_modules] 15 14 00，学生会面试有趣的选择题

总结一下

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

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

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

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

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

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

uni-app的官方IDE

HbuilderX

https://www.dcloud.io/hbuilderx.html

由于HbuilderX的强大支持，可以开箱即用uni-app，一键新建uni-app项目不是梦！

如何新建一个uni-app项目

第一步 ：HbuilderX——>文件——>新建——>项目

第二步：填写项目名称、路径——>选择多种模板中的一种——>选择vue版本——>点击创建

uni-app初始项目的基础配置解析

具体配置项解析

• components：uni-app的组件目录。
• pages：内含index.vue页面。
• static：存放应用的静态资源，如图片（png、jpg、svg等等），注意静态资源只能存放于此。
• uni_modules：这里由于是采用的uni-ui的模板新建的，是uni-app的插件。
• App.vue:应用配置，用来配置App全局样式以及监听 应用生命周期
• index.html:index页面
• main.js:vue:初始化入口文件
• manifest.json:配置应用名称、appid、logo、版本打包等信息
• pages.json:配置页面路由、导航条、选项卡等页面类信息
• uni.scss:uni的全局样式

什么是uni_modules?

为什么有了node_modules，还需要再发明一个uni_modules的轮子？

这里官方文档给了我们详尽的答案：

1. node_modules 不满足云端一体的需求。uniCloud的云函数、公共模块、schema和前端的各种js_sdk、组件、页面、项目，无法在node_modules模式下有效融合。
2. uni_modules有付费和商业的插件，DCloud插件市场提供了版权保护。而node_modules不支持付费和版权保护。
3. node_modules 是开发者友好而影响终端用户性能的模式。开发者为了省事，层层嵌套node_modules，造成数量惊人的文件数目。uni_modules不支持module嵌套，鼓励开发者优化包体积
4. uni_modules鼓励开发者总是使用最新版。并在HBuilderX中提供了版本内容对比工具
5. uni_modules里也支持放置node_modules，没有强行排斥。

获取uni-app ID

manifest.json中进行设置

如果有则直接添加（登录DCloud 账号重新获取即可），没有的话按照提示进行以下几步操作：

• 新建DCloud 账号
• 邮箱激活
• 新建uni-app
• IDE登录点击重新获取即可

获取App ID

登录成功后开发设置页面获取APP ID
填写到manifest.json中，并设置所需设置

如何打开微信开发者工具的安全设置

设置——>安全设置——>打开服务端口

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

8. MVVM设计模式

[外链图片转存中…(img-vonBPD0Q-1715721134916)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-8rTYaWpb-1715721134917)]