从Java全栈到Vue3实战：一场真实技术面试的深度复盘

{\"type\":\"doc\",\"content\":[{\"type\":\"heading\",\"content\":[{\"text\":\"从java全栈到vue3实战：一场真实技术面试的深度复盘\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":1,\"id\":\"6cf4a6af-1641-4222-a7f1-8f4b128ec9fc\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"面试官与应聘者对话实录\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":2,\"id\":\"f5b8b3e8-90b5-42b0-b87a-9ebb1aa94714\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（微笑）：你好，欢迎来到我们公司的技术面试。我是今天的面试官，负责考察你的技术能力。请先做个自我介绍吧。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"cc032963-6ed5-4e20-b93c-213d086be1c0\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（点头）：好的，我叫李晨阳，28岁，硕士学历，有5年java全栈开发经验。目前在一家互联网公司担任高级工程师，主要负责前后端架构设计和系统优化。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"b38c20a7-af2c-491b-9667-98cc89cce7e6\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：听起来不错。那我们就从你熟悉的技术栈开始聊起。你平时用哪些前端框架？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"ddc2810d-b5f2-470e-a584-ede89a9b2b94\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：我主要用vue3和typescript，也接触过react和element plus、ant design vue这些组件库。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"240c1476-5036-4eb8-a1d8-616bd405e9db\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：嗯，看来你在前端方面有一定的积累。那你能说说vue3相比vue2有哪些改进吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"b6a9d663-1d81-4337-b2d2-a38f3a4f63c8\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（略显紧张）：vue3引入了composition api，让代码更灵活，还有更好的typescript支持。另外，性能也有提升，比如响应式系统的优化。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"d4dd1c03-6019-4b82-852b-bbd93cc1c840\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（点头）：很好，回答得很全面。那你能举一个实际项目中使用vue3的例子吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"b02d01de-3a1f-42f2-ba89-514d313c97a0\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：当然可以。我之前参与了一个内容社区的项目，用户可以发布文章、评论、点赞等。我们用vue3搭建了前端框架，结合element plus做ui组件，后端是spring boot。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"6eae2062-e4da-4407-abac-564d152fb225\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：听起来很有趣。那你们是怎么处理数据流的？有没有用到状态管理工具？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"6fa0aef0-31ca-48b0-8f81-0f8d9992d34f\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：我们用了vuex进行状态管理，不过后来发现有些复杂，就改成了pinia，感觉更简洁。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"3b1a45ab-4edf-4223-be18-9cb63e25520c\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（笑）：看来你对状态管理工具还挺有研究的。那你能写一段pinia的代码示例吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"8c30076c-2e3f-4dc7-954d-1d2fa9b7f169\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（认真思考）：好的，这是我之前写的例子。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"ab6c886b-293e-441a-ac24-002062f773bd\"}},{\"type\":\"codeblock\",\"content\":[{\"text\":\"// store/userstore.ts\import { definestore } from 'pinia';\export const useuserstore = definestore('user', {\ state: () =\u003e ({\ name: '',\ age: 0,\ isloggedin: false\ }),\ actions: {\ setuser(name: string, age: number) {\ this.name = name;\ this.age = age;\ this.isloggedin = true;\ },\ logout() {\ this.name = '';\ this.age = 0;\ this.isloggedin = false;\ }\ }\});\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"runtimes\":0,\"language\":\"typescript\",\"theme\":\"atom-one-dark\",\"id\":\"4fb7b3bd-8475-4252-88ed-a0d166a92ac1\",\"key\":\"\",\"languagebyai\":\"typescript\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：很好，这段代码结构清晰，逻辑也很明确。那你有没有遇到过什么性能问题？怎么解决的？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"a84cc4ca-f7d6-478e-adaa-af5afdbf1c10\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：有的。我们在项目初期没有做好组件拆分，导致页面加载速度慢。后来我们做了懒加载和按需加载，还用vite优化了构建过程。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"8e97762c-a162-4c0a-89d0-f83b9ed0fbb6\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：嗯，vite确实是个好工具。那你能说说vite和webpack的区别吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"e652c380-6377-4151-a451-33677f0ad3e4\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（略显犹豫）：vite基于es模块，不需要打包，所以启动速度快；而webpack是打包工具，适合复杂的项目。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"4852ff86-b26c-4810-8638-ecd4088a5775\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（点头）：回答得不错。那你在后端用的是什么框架？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"1c5ad1e0-3a94-4ccf-994d-220df5048613\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：主要是spring boot，也用过jpa和mybatis。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"942bb093-1843-4d44-a0ac-d83167a38a46\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：那你有没有做过数据库优化？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"72028645-88b0-40e5-ae43-59873bca89eb\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：有的。我们通过索引优化和查询语句调整，把一些慢查询的响应时间从几秒降到毫秒级。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"d5342fba-e1b7-4412-b2c1-1aa454ce6387\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：很好。那你能写一段jpa的查询示例吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"2c78866c-1904-4d57-aff9-3b2e9a0ad38d\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：当然可以。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"a70425e2-e839-4bc2-8ee9-0bba9d5f5705\"}},{\"type\":\"codeblock\",\"content\":[{\"text\":\"// userentity.java\@entity\public class user {\ @id\ private long id;\ private string name;\ private integer age;\ // getters and setters\}\// userrepository.java\public interface userrepository extends jparepository\u003cuser, long\u003e {\ list\u003cuser\u003e findbyname(string name);\ list\u003cuser\u003e findbyagegreaterthan(integer age);\}\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"runtimes\":0,\"language\":\"java\",\"theme\":\"atom-one-dark\",\"id\":\"ca9b810f-2b8c-46bf-9dc0-2d782451d3d2\",\"key\":\"\",\"languagebyai\":\"java\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：这段代码写得很规范。那你在微服务方面有没有经验？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"dd3815ef-bab2-481b-93f3-6492d32406d7\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：有，我们用spring cloud做了微服务架构，还用到了eureka和feign。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"bb96b32c-17df-407a-997f-9ae679ba4a17\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：那你是怎么处理服务间通信的？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"ad10be17-7c43-486e-8f2e-243b19746e28\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：主要是通过feign进行http调用，偶尔也会用rabbitmq做异步消息传递。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"dc135498-03b1-4d8b-89f0-4391b76535a5\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：那你能举一个feign的实际应用例子吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"32dc5277-e33b-4d6e-a764-c00c42ebff0d\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：当然可以。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"6f106fa0-af07-43de-8994-0a51e254c449\"}},{\"type\":\"codeblock\",\"content\":[{\"text\":\"// userserviceclient.java\@feignclient(name = \\"user-service\\")\public interface userserviceclient {\ @getmapping(\\"/users/{id}\\")\ user getuserbyid(@pathvariable(\\"id\\") long id);\}\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"runtimes\":0,\"language\":\"java\",\"theme\":\"atom-one-dark\",\"id\":\"f7b1d0ca-3c09-4d95-b8e3-46e2695b55a1\",\"key\":\"\",\"languagebyai\":\"java\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：很好，这段代码展示了feign的基本用法。那你在安全性方面有什么经验？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"5c35334c-01f4-49fc-aa59-f643fa0b7fc0\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：我们用spring security做了权限控制，也用jwt来处理认证。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"4a9993ee-1c2d-49c1-b8b3-e34852920271\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：那你能写一段jwt的生成和验证代码吗？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"2e95b329-5190-4e75-9b60-6998669eef8b\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：好的。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"cfe0e7a7-fbb4-4b76-ad01-fc8c466dad9a\"}},{\"type\":\"codeblock\",\"content\":[{\"text\":\"// jwtutil.java\public class jwtutil {\ private static final string secret_key = \\"my-secret-key\\";\ private static final long expiration_time = 86400000; // 1 day\ public static string generatetoken(string username) {\ return jwts.builder()\ .setsubject(username)\ .setexpiration(new date(system.currenttimemillis() + expiration_time))\ .signwith(signaturealgorithm.hs512, secret_key)\ .compact();\ }\ public static string getusernamefromtoken(string token) {\ return jwts.parser()\ .setsigningkey(secret_key)\ .parseclaimsjws(token)\ .getbody()\ .getsubject();\ }\}\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"runtimes\":0,\"language\":\"java\",\"theme\":\"atom-one-dark\",\"id\":\"bf0e4b42-53ff-44b6-a0d9-e2bb6b111fc1\",\"key\":\"\",\"languagebyai\":\"java\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：这段代码写得很好，逻辑清晰。那你觉得你在整个过程中最大的收获是什么？\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"439f21b5-63d8-42ae-bbe0-ebac065180b2\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：我觉得最大的收获是学会了如何将前后端技术结合起来，做出高性能、可维护的系统。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"2f86b0c0-8555-4f13-91c1-35f5c65691e3\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"面试官\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"（微笑）：非常好。感谢你今天的时间，我们会尽快通知你结果。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"87961ee7-0e6a-4c74-85f0-1955ab328c80\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"应聘者\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：谢谢，期待能加入贵公司。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"70245415-34bd-4490-966b-beb0e8f05e94\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"技术点总结与学习建议\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":2,\"id\":\"1b2dfa14-5bd0-46f0-8398-aad2a6eb8af0\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"在这场面试中，应聘者展示了扎实的java全栈技能，包括vue3、pinia、spring boot、jpa、feign、jwt等。以下是一些关键的技术点和学习建议：\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"b2cf8b0b-518a-4e8b-b2c7-dfe0fce7a495\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"前端技术\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":3,\"id\":\"9ac3b16c-8b7b-4f0c-836f-fafdc9bb7bb6\"}},{\"type\":\"bulletlist\",\"content\":[{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"vue3\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：相比vue2，vue3引入了composition api，使代码更灵活，更适合大型项目。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"cfb9e8e4-16cf-484c-9995-b3ee7cee0384\"}}],\"attrs\":{\"id\":\"5c2bd670-73d5-47e7-88d0-260198bcd273\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"pinia\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：替代vuex的状态管理工具，简化了状态管理逻辑。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"cdd7ac4a-bf4f-4e5b-90e7-56e1b88e7f65\"}}],\"attrs\":{\"id\":\"8f202024-04eb-442c-9c9b-c530a5c3ff30\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"element plus / ant design vue\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：常用的ui组件库，帮助快速构建界面。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"12412458dc1-6a41-4235-adff-bd018587bddc\"}}],\"attrs\":{\"id\":\"557c0675-760b-4cef-888b-12dda4ae6759\"}}],\"attrs\":{\"ishoverdraghandle\":false,\"id\":\"3abfe9e5-2cd3-4a20-b26a-5a79a520d763\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"后端技术\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":3,\"id\":\"b4e63173-b834-4c38-aec2-23b4ed8aafb0\"}},{\"type\":\"bulletlist\",\"content\":[{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"spring boot\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：用于快速构建java应用，减少配置。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"98c0e691-5fd7-4427-8f7e-8847e4833c11\"}}],\"attrs\":{\"id\":\"a0101551-a248-4f2e-902f-1ffa7bab8725\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"jpa\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：一种orm框架，简化数据库操作。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"f4775580-ef26-40c4-a4f8-3e3af9d7291e\"}}],\"attrs\":{\"id\":\"32680659-1cd7-4229-9c89-342b6aaf2891\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"feign\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：用于微服务间的http调用，简化远程调用。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"bd7bb666-7b97-49d4-ae55-e9d8974a19a0\"}}],\"attrs\":{\"id\":\"46fb0661-5e5b-43eb-91a1-6d6f209d95b5\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"jwt\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：用于身份验证和授权，确保安全。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"4def71b4-fc2b-4c1e-b16e-dc078321a15e\"}}],\"attrs\":{\"id\":\"b669a3db-a948-4590-95c6-721a4ef4af9e\"}}],\"attrs\":{\"ishoverdraghandle\":false,\"id\":\"c1793ed7-537a-47b3-a1fb-d54f64d0ef56\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"工具与优化\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":3,\"id\":\"5440ffa2-db32-47d0-b497-63deb8e3ddcf\"}},{\"type\":\"bulletlist\",\"content\":[{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"vite\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：基于es模块的构建工具，启动速度快。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"0674f382-5ac0-424a-b801-609ecfea7608\"}}],\"attrs\":{\"id\":\"c9c6cce1-2f12-40b2-ad2f-2f7b69fcad7d\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"数据库优化\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：通过索引和查询优化提高性能。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"fb0d4ea7-4f52-4f2a-b6ba-29a21e759aeb\"}}],\"attrs\":{\"id\":\"328fe046-38d4-4228-8a8b-c9ee03060ab7\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"微服务架构\",\"marks\":[{\"type\":\"textstyle\",\"attrs\":{\"color\":\"\",\"background\":\"\"}},{\"type\":\"bold\"}],\"type\":\"text\"},{\"text\":\"：使用spring cloud实现分布式系统。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"6d7d065b-952f-4177-8115-b9be1cbd73f9\"}}],\"attrs\":{\"id\":\"1c8f04ae-ae51-473d-b187-d04ce24cb5b8\"}}],\"attrs\":{\"ishoverdraghandle\":false,\"id\":\"846c0b88-ba7e-4274-934b-84c54af99aad\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"学习建议\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":3,\"id\":\"deb69978-5937-495e-9628-f4064a9b61fd\"}},{\"type\":\"bulletlist\",\"content\":[{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"深入学习vue3的composition api，掌握其最佳实践。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"7dcecd78-3c28-439f-ad10-d327d8ad83bc\"}}],\"attrs\":{\"id\":\"1f242957-1f24-4f76-b9c2-0dffab75a3a2\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"熟悉pinia的使用，理解其与vuex的区别。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"9515db49-c7f8-403a-a611-c68746e6bfd9\"}}],\"attrs\":{\"id\":\"beb124124d5-08fd-448e-924a-cc623a8151ec\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"掌握spring boot的核心功能，如自动配置和starter依赖。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"6a2e1216-5e71-43cb-b521-1183bb09697a\"}}],\"attrs\":{\"id\":\"4f530aff-a5a6-4a5e-a7bf-c2af86abebec\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"学习jpa的高级用法，如自定义查询和事务管理。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"b333cee5-281f-42c3-8305-8a29b622171c\"}}],\"attrs\":{\"id\":\"d9222a30-1d35-431b-88e7-692706c9709e\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"理解feign的原理，学会如何优化服务间通信。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"a5cc0695-664a-4f79-a99a-9764869c0be7\"}}],\"attrs\":{\"id\":\"a3b75826-3041-47e5-baa8-af1b2d823e88\"}},{\"type\":\"listitem\",\"content\":[{\"type\":\"paragraph\",\"content\":[{\"text\":\"熟悉jwt的生成和验证流程，确保系统的安全性。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"16d0f45b-50cc-4842-8501-6bde3947e19d\"}}],\"attrs\":{\"id\":\"b0f17e02-6b88-470d-b1a9-9a3696cfc438\"}}],\"attrs\":{\"ishoverdraghandle\":false,\"id\":\"47107b71-8ce1-4537-a5e1-8dd3ab3a8ead\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"通过以上技术点的学习和实践，可以帮助开发者更好地应对实际项目中的挑战，提升整体技术水平。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"74705a09-e83c-4c9e-bf5d-9f308ede137d\"}},{\"type\":\"heading\",\"content\":[{\"text\":\"结语\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"level\":2,\"id\":\"52702a42-e4e7-4bc9-a49a-4fc189b622a2\"}},{\"type\":\"paragraph\",\"content\":[{\"text\":\"这场面试不仅展示了应聘者的专业能力，也体现了他在实际项目中的经验和解决问题的能力。希望这篇文章能为读者提供有价值的参考，帮助大家在技术道路上不断进步。\",\"type\":\"text\"}],\"attrs\":{\"ishoverdraghandle\":false,\"textalign\":\"inherit\",\"indent\":0,\"id\":\"ae0f8e08-1b6c-4170-bdfd-30d73abfeafe\"}}]}

AI Undetect

让AI无法察觉，让文字更人性化，为文字体验创造无限可能。

下载