面试题总结

面试题、面经总结

读书笔记

读后感

文章

前端知识 | 整体了解 | 深入学习 | 复习

friend：芈渡

开发日常

friend：Mushr

祝你笑口敞开

搜索接口调研

一、背景

背景：老板让我优化一个用户搜索接口，要求是用户搜索请假交接人时优先展示同部门的用户其次是上级和下级部门的用户最后是其他部门的用户。

二、优化方案

数据库查询优化。目前的公司内部的平台都是比较通用的查询，一些没有用的字段，也查询了。这里我去找前端沟通确定他们那边需要用到哪些字段，开发一个专用接口去进行操作。
借鉴Elasticsearch的IndexSorting技术，优化搜索性能。

并行调用与异步处理

使用CompletableFuture实现并行调用，提高接口响应速度。示例代码：

CompletableFuture<Void> task1 = CompletableFuture.runAsync(() -> {
    // 查询同部门用户
});
CompletableFuture<Void> task2 = CompletableFuture.runAsync(() -> {
    // 查询上级部门用户
});
CompletableFuture<Void> task3 = CompletableFuture.runAsync(() -> {
    // 查询下级部门用户
});
CompletableFuture.allOf(task1, task2, task3).join();

yyshino2025年3月2日小于 1 分钟

Godot 入门

入门推荐

godot docs ：godot文档
learn-gdscript：快速入门 gdscript
# godot 4.x 教程 100集 ：B站视频教程，本人之后打算学习
# 2025年，独立游戏开发者必备的16款软件！：秦无邪OvO老师，本人大学期间学习过他的Unity教程，这个视频课主要介绍他使用的游戏开发工具

yyshino2025年3月2日大约 1 分钟

如何搭建自己的个人博客

一、方案汇总

方案	平台	成本	优缺点
方案一：社区平台	- 飞书 - 语雀 - CSDN/博客园 - 其他技术社区	经济上：0 技术上：无	优点： - 方便，0成本 - 背靠社区 - 有后台管理缺点： - 比较难自定义页面
方案二：Github Pages/Vercel + Hexo/Vuepress	- Github Pages - Github + Vercel - Gitee Pages（Pro关闭了）	经济上：0 技术上：需要了解前端知识	优点： - 自定义能力强 - 主题多缺点： - 这类博客一般是纯静态网页，一般没有后台或数据统计 - 需要一定前端知识
方案三：云服务器 + Wordpress	- 云服务器 + Wordpress	经济上：需要一台云服务器（0~100/月，新用户/学生优惠）技术上：无，了解前端/后端更好	优点： - 主题多 - 有后台管理缺点： - 经济上有一定成本
方案四：微信公众号以及其他各类公众号	- 申请公众号	经济上：0 技术上：无	优点： - 方便，0成本 - 背靠社区 - 有后台管理缺点： - 比较难自定义页面

yyshino2025年2月28日大约 3 分钟

Spring 事务

1. Spring 事务的工作原理

Spring 使用两种代理机制来管理事务：

JDK 动态代理：针对实现了接口的类，Spring 会创建一个实现了相同接口的代理类。事务逻辑通过代理类在方法调用时插入。
CGLIB 代理：针对没有实现接口的类，Spring 会使用 CGLIB 生成子类代理，拦截方法调用并插入事务逻辑。

不论哪种代理方式，Spring 都是在代理类中对事务进行管理。如果调用来自外部的类，代理对象会拦截该调用并正确地管理事务逻辑。

2. Spring 事务失效场景

yyshino2025年2月28日大约 2 分钟

Emoji 表情报自取

😁😀😂😃😄😅😆😉😊😋😎😍😘😗😙😚🙂🤗🤔😐😑😶🙄😏😣😥😮🤐😯😪😫😴😌😛😜😝😒😓😔😕🙃🤑😲🙁😖😞😟😤😢😭😦😧😨😩😬😰😱😳😵😡😠😷🤒🤕😇🤓😈👿👹👺💀👻👽👾🤖💩😺😸😹😻😼😽🙀😿😾🙈🙉🙊👶👦👧👨👩👴👵👮💂👷👸👳👲👱👰👼🎅🙍🙎🙅🙆💁🙋🙇💆💇🚶🏃💃👯🛀🛌👤👥🏇🏂🏄🚣🏊🚴🚵👫👬👭💏💑👨👩👦💪👈👉👆🖕👇🖖🤘✋👌👍👎✊👊👋👏👐🙌🙏💅👂👃👣👀👅👄💋💘💓💔💕💖💗💙💚💛💜💝💞💟💌💤💢💣💥💦💨💫💬💭👓👔👕👖👗👘👙👚👛👜👝🎒👞👟👠👡👢👑👒🎩🎓📿💄💍💎

  

🐵🐒🐶🐕🐩🐺🐱🐈🦁🐯🐅🐆🐴🐎🦄🐮🐂🐃🐄🐷🐖🐗🐽🐏🐑🐐🐪🐫🐘🐭🐁🐀🐹🐰🐇🐻🐨🐼🐾🦃🐔🐓🐣🐤🐥🐦🐧🐸🐊🐢🐍🐲🐉🐳🐋🐬🐟🐠🐡🐙🐚🦀🐌🐛🐜🐝🐞🦂💐🌸💮🌹🌺🌻🌼🌷🌱🌲🌳🌴🌵🌾🌿🍀🍁🍂🍃

  

🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓🍅🍆🌽🍄🌰🍞🧀🍖🍗🍔🍟🍕🌭🌮🌯🍳🍲🍿🍱🍘🍙🍚🍛🍜🍝🍠🍢🍣🍤🍥🍡🍦🍧🍨🍩🍪🎂🍰🍫🍬🍭🍮🍯🍼☕🍵🍶🍾🍷🍸🍹🍺🍻🍴🔪🏺

  

🎃🎄🎆🎇✨🎈🎉🎊🎋🎍🎎🎏🎐🎑🎀🎁🎫🏆🏅⚽⚾🏀🏐🏈🏉🎾🎱🎳🏏🏑🏒🏓🏸🎯⛳🎣🎽🎿🎮🎲🃏🀄🎴

  

🌍🌎🌏🌐🗾🌋🗻🏠🏡🏢🏣🏤🏥🏦🏨🏩🏪🏫🏬🏭🏯🏰💒🗼🗽⛪🕌🕍🕋⛲⛺🌁🌃🌄🌅🌆🌇🌉🌌🎠🎡🎢💈🎪🎭🎨🎰🚂🚃🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚐🚑🚒🚓🚔🚕🚖🚗🚘🚙🚚🚛🚜🚲🚏⛽🚨🚥🚦🚧⚓⛵🚤🚢🛫🛬💺🚁🚟🚠🚡🚀🚪🚽🚿🛁⌛⏳⌚⏰🕛🕧🕐🕜🕑🕝🕒🕞🕓🕟🕔🕠🕕🕡🕖🕢🕗🕣🕘🕤🕙🕥🕚🕦🌑🌒🌓🌔🌕🌖🌗🌘🌙🌚🌛🌜🌝🌞⭐🌟🌠⛅🌀🌈🌂☔⚡⛄🔥💧🌊

  

🔇🔈🔉🔊📢📣📯🔔🔕🎼🎵🎶🎤🎧📻🎷🎸🎹🎺🎻📱📲📞📟📠🔋🔌💻💽💾💿📀🎥🎬📺📷📸📹📼🔍🔎🔬🔭📡💡🔦🏮📔📕📖📗📘📙📚📓📒📃📜📄📰📑🔖💰💴💵💶💷💸💳💹💱💲📧📨📩📤📥📦📫📪📬📭📮📝💼📁📂📅📆📇📈📉📊📋📌📍📎📏📐🔒🔓🔏🔐🔑🔨🔫🏹🔧🔩🔗💉💊🚬🗿🔮

  

🏧🚮🚰♿🚹🚺🚻🚼🚾🛂🛃🛄🛅🚸⛔🚫🚳🚭🚯🚱🚷📵🔞🔃🔄🔙🔚🔛🔜🔝🛐🕎🔯♈♉♊♋♌♍♎♏♐♑♒♓⛎🔀🔁🔂⏩⏪🔼⏫🔽⏬🎦🔅🔆📶📳📴🔱📛🔰

  

⭕✅❌❎➕➖➗➰➿❓❔❕❗🔟💯🔠🔡🔢🔣🔤🆎🆑🆒🆓🆔🆕🆖🆗🆘🆙🆚🈁🈶🈯🉐🈹🈚🈲🉑🈸🈴🈳🈺🈵◽◾⬛⬜🔶🔷🔸🔹🔺🔻💠🔘🔲🔳⚪⚫🔴

yyshino2024年8月2日小于 1 分钟

如何阅读源码

作者：lgd8981289

搬运自 https://github.com/lgd8981289/vue-next-mini

简介

那么在上一小节中我们已经知道了如何对vue的源代码进行debugger ,但是如果想要学习或者了解 vue的代码执行，那么光靠 debugger是不够的,除此之外我们还需要掌握另外一个能力,那么如何阅读源代码

阅读源代码的误区

很多同学在去阅读源代码的时候,都会面临一个误区,那就是：我需要把源代码中每一行代码都读明

这是一个非常不对的行为，很容易让我们事倍功半

yyshino2024年5月5日大约 3 分钟

Vue3源码解析

Vue响应式

原理

`Proxy`与`Object.defineProperty`

Proxy
1. Proxy 将代理一个对象（被代理对象），得到一个新的对象（代理对象），同时拥有被代理对象中所有的属性。
2. 当想要修改对象的指定属性时,我们应该使用代理对象进行修改
3. 代理对象的任何一个属性都可以触发 handler 的 getter 和 setter
Object.defineProperty
1. Object.defineProperty 为指定对象的指定属性设置属性描述符
2. 当想要修改对象的指定属性时，可以使用原对象进行修改
3. 通过属性描述符，只有被监听的指定属性，才可以触发 getter 和 setter

yyshino2024年5月5日大约 15 分钟

有限状态机

简介

有限状态自动机-维基百科

有限状态机（英语：finite-state machine，缩写：FSM）又称有限状态自动机（英语：finite-state automaton，缩写：FSA），简称状态机，是表示有限个状态以及在这些状态之间的转移和动作等行为的数学计算模型。

yyshino2024年5月3日小于 1 分钟

WeakMap与Map的区别

WeakMap

key必须是对象
key是弱引用

弱引用与强引用

弱引用：不会影响垃圾回收机制。即： WeakMap 的 key 不再存在任何引用时，会被直接回收。
强引用：会影响垃圾回收机制。存在强应用的对象永远不会被回收。

对比示例

<script>

    let obj1 = {
        name: '张三'
    }
    let obj2 = {
        name: '张三'
    }

    // 强引用
    const map = new Map()
    // 弱引用
    const weakMap = new WeakMap()
    map.set(obj1,'value')
    weakMap.set(obj2,'value')

    obj1 = null
    obj2 = null

    console.log('map',map) // Map(1) {{…} => 'value'}
    console.log('weakMap',weakMap) // WeakMap {} 空
    
    /**
    此时 WeakMap 中不存在任何值，即: obj2不存在其他引用时， WeakMap 不会阻止垃圾回收，基于obj2的引用将会被清除。这就证明了 WeakMap 的 弱引用特性。
    */
</script>

yyshino2024年4月25日小于 1 分钟

手写reduce

MDN参考

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

语法

reduce(callbackFn)
reduce(callbackFn, initialValue)

yyshino2024年4月25日大约 2 分钟

yyshino blog