马嘉路

谈薪基础薪酬福利 基础工资：金额及发放时间 年终奖：金额及发放时间，团队中位数 签字费：金额及发放时间 股票期权：金额及发放时间 调薪晋升： 普调频次，涨幅，晋升涨幅 五险一金 公积金：缴纳基数 & 比例？是否有补充公积金 医保：是否有补充医保 福利 餐补 房补 交通补贴 安家费 过节费 人才补贴 工时假期 base地 时长 加班频率，加班时长，调休 年假，有效期，能否兑换 发展路径 试用期：时长，是否全薪，转正通过率 绩效考核：考核周期，比例 培养 提前实习：是否计入工龄 劳动法第一章 总则第二章 促进就业 禁止用人单位招用未满十六周岁的年轻人。 第三章...

引言大家好啊，我是前端拿破轮。 最近在学习React Native（简称为RN），所以打算记录一下，希望能够对各位读者有所帮助。 什么是React Native简单来说，React Native是一个跨平台的移动端开发框架，能够让咱们开发人员使用JavaScript和React构建原生IOS和Android应用程序。 在设计理念上，React Native遵循分层架构，将JavaScript应用程序代码，跨平台的C++渲染基础设施和基于特定平台的本地实现之间的关注点分开。真正实现在React中编写一次，就可以在iOS和Android上生成真正的原生用户界面。 如何使用React Native这里我们直接从一个demo程序开始，在做的过程中再解释。 配置环境这里大家可以直接去expo文档官网来查看如何配置环境。 不同的开发设备，配置的方式也有所差异，官方文档都提供了详细的配置教程。 我这里以macOS，使用iOS的模拟器为例，进行开发。 创建应用12# 利用expo框架快速创建一个RN应用pnpm dlx...

前端性能优化介绍什么是Web性能简单来说就是网站够不够快 打开速度 动画效果 表单提交 列表滚动 页面切换 MDN上的Web性能的定义: Web性能是网站或应用程序的客观度量和可感知的用户体验。 减少整体加载时间：减小文件体积，减少HTTP请求，使用预加载 使网站尽快可用：仅加载首屏内容，其他内容根据需要进行懒加载 平滑和交互性：使用CSS代替JS东海，减少UI重绘 感知表现：你的页面可能不能做的更快，但是你可以让用户感觉更快。耗时操作要给用户反馈，比如加载动画，进度条，骨架屏等信息 性能测定：性能指标，性能测试，性能监控持续优化 为什么要关注Web性能 用户的留存 网站的转化率 体验与传播 搜索排名 客户投诉 提升工作绩效 如何进行Web性能优化 首先要了解性能指标——多快才算快 使用专业的工具可量化地评估出网站或应用的性能表现 立足于网站页面响应的生命周期，分析出造成较差性能表现的原因 最后进行技术改造，可行性分析等具体的优化实施 迭代优化 性能指标 RAIL性能模式， Response, Animation, Idle,...

...

引言大家好啊，我是前端拿破轮😁。 跟着卡哥学算法有一段时间了，通过代码随想录的学习，受益匪浅，首先向卡哥致敬🫡。 但是在学习过程中我也发现了一些问题，很多当时理解了并且AC的题目过一段时间就又忘记了，或者不能完美的写出来。根据费曼学习法，光有输入的知识掌握的是不够牢靠的，所以我决定按照代码随想录的顺序，输出自己的刷题总结和思考。同时，由于以前学习过程使用的是JavaScript,而在2025年的今天，TypeScript几乎成了必备项，所以本专题内容也将使用TypeScript，来巩固自己的TypeScript语言能力。 完全背包理论基础

...

引言大家好啊，我是前端拿破轮。 对于一名软件工程师而言，调试代码的时间绝对是远远大于编写代码的时间的。无论是修改bug还是测试功能，都离不开对代码进行调试。 在2025年的今天，TypeScript几乎已经成为了很多前端项目的必选项。那我们如何通过断点调试的方式，在我们最常用的编辑器vscode中直接调试TypeScript的代码呢？ 今天拿破轮就带着大家基于原生node实现对ts文件的直接调试，不用在安装ts-node或者tsx或者别的ts运行工具。 安装nvm首先，先要安装nvm，如果已经安装了nvm并且很清楚其作用的可以直接看下一个部分。 什么是nvm呢？nvm(node version...

HTML1. 常用标签（1）<source>source元素是HTML5中用于指定多个媒体资源的标签,常用于audio和video元素内部,可以为同一个媒体内容提供多个不同格式的资源文件,浏览器会自动选择第一个可以支持的格式进行播放。这使得我们可以为不同浏览器提供最优的媒体格式支持。 （2）<param>用于为object或applet元素传递参数 （3）<object>用于嵌入外部资源(如图片，音频，视频，PDF等) （4）<picture>用于为不同的显示/设备场景提供对应的图片资源，可以包含多个图片资源。 CSS1. 视觉格式化模型（1）BFC（2）IFC（3）Float（4）Flex（5） Grid2....

引言大家好啊，我是前端拿破轮😁。 跟着卡哥学算法有一段时间了，通过代码随想录的学习，受益匪浅，首先向卡哥致敬🫡。 但是在学习过程中我也发现了一些问题，很多当时理解了并且AC的题目过一段时间就又忘记了，或者不能完美的写出来。根据费曼学习法，光有输入的知识掌握的是不够牢靠的，所以我决定按照代码随想录的顺序，输出自己的刷题总结和思考。同时，由于以前学习过程使用的是JavaScript,而在2025年的今天，TypeScript几乎成了必备项，所以本专题内容也将使用TypeScript，来巩固自己的TypeScript语言能力。 题目信息平衡二叉树 leetcode题目链接 给定一个二叉树，判断它是否是 平衡二叉树。 题目分析首先我们要搞清楚什么是平衡二叉树。所谓平衡二叉树，要满足两个条件 左右子树高度差不超过1 左右子树自身也是平衡二叉树 根据这个定义，我们就知道了如何判断一个二叉树是不是平衡的了。这明显要使用递归的方式。首先还是先看看，题目给的原始函数能否满足我们的要求。 这是leetcode自身提供的函数： 123function isBalanced(root:...

引言大家好啊，我是前端拿破轮😁。 跟着卡哥学算法有一段时间了，通过代码随想录的学习，受益匪浅，首先向卡哥致敬🫡。 但是在学习过程中我也发现了一些问题，很多当时理解了并且AC的题目过一段时间就又忘记了，或者不能完美的写出来。根据费曼学习法，光有输入的知识掌握的是不够牢靠的，所以我决定按照代码随想录的顺序，输出自己的刷题总结和思考。同时，由于以前学习过程使用的是JavaScript,而在2025年的今天，TypeScript几乎成了必备项，所以本专题内容也将使用TypeScript，来巩固自己的TypeScript语言能力。 题目信息二叉树的最大深度 leetcode题目链接 给定一个二叉树 root ，返回其最大深度。 二叉树的 最大深度 是指从根节点到最远叶子节点的最长路径上的节点数。 题目分析求解这道题目，有多种方式，可以使用DFS的递归方式求解，也可以使用BFS层序遍历来求解。 递归方式还是按照递归三部曲 确定递归函数的参数和返回值以及他们的意义 我们来看下题目提供的函数能否满足条件 123function maxDepth(root: TreeNode |...