百度业务经验积累

（我来水经验了×，因为马上要去美团实习了，技术栈是vue2 + ts，在看vue-router文档的时候看到了关于路由组件获取异步数据的两种方式的总结，以前做业务都是无脑写，还真没总结过，所以简单写个

本文为react+ts项目中使用rtk的经验贴，ts类型方面踩了一些坑，比较浪费时间。这里记录一下方便遇到同样场景的朋友以及自己后续使用时快速cv 根store定义 根store的配置，src/sto

因为canvas是基于像素的绘图，我们在pc端封装的canvas绘制方法如果想直接迁移至移动端并实现移动端适配，可以使用如下思路： 使用transform的scale对画布进行缩放，缩放比例的计算并不

通过这篇文章你将收获什么？ 明晰移动端三种视口存在的意义。 对移动端适配的核心标签<meta name="viewport">中的width与initial-scale配置有一个清晰的认知，并且能够通

背景 在rem / vw文章或者视频的评论区，总会有第三个声音：flex & px才是最优解！（蒙蔽，主要是因为不懂）

听我的，完全不要被网上各种乱七八糟的解释弄迷糊了，什么dpr，什么物理像素，我只能说那些东西与我们开发者并没有直接关系，笔者读了几户所有能搜到的各种移动端入门文章，一言难尽...

大部分视频和文章，都是从后端er的角度，或者说是前端人员尽可能的去贴近后端人员的形式去详细剖析整个流程的细节，作为一个前端面试时常见的设计题目，把握一个宏观的流程才是重要的

使用css变量完美的契合了最近的一个业务需求，初识css变量，相见恨晚呐！！！ 业务背景 业务需求是这样的，根据用户测评的结果进行展示，测评报告中编写如下组件： 因为测评结果的不同，整个组件的主题颜色

父组件： Child组件内接受props： 但是不能对defineProps<{detailInfo: any}>()的返回值进行解构： 会报错： 也就是说解构会使props中的数据失去响应式，即父组

你想入门canvas，宏观上对canvas的绘制流程有一个清晰的把握；你不是很清楚究竟`beginPath()`的作用以及何为“canvas是基于状态的绘图”——速来通关canvas

作为一个后端菜鸟水平的FE，鉴权问题一直都似懂非懂，也不是完全不懂，就是只懂前端部分的逻辑，对于后端的配合处理一直都是一个模糊的了解，最近请教肃哥大概搞懂了一个整体的流程，从后端处理方式的角度简单说一

vue项目中问题复现 js： html： vue中通过:src加变量的形式是无法正确访问图片资源的，因为编译时v-bind指定src相当于直接把变量值赋值给src，这就会导致webpack打包后资源路

感觉如下的这种斑马线进度条也算是非常常见的需求场景了，我以一个刚刚经历了从不会到会的人客观评价一下这个需求：“会者不难，难者不会”。学习后最终我用了五分钟，手撕了如下的进度条。

前两天沸点有人问到这个问题，现在明白之后想到公司项目中那几个连续的await，我就绷不住了，这是一个前端该写出来的代码么😂？

百度安全规定里是不允许vue项目使用v-html指令的，就是为了避免xss攻击，最近的业务场景就是展示一些静态的语句段落，但是并不是一整段，而是夹杂有换行的文段，所以在静态段落字符串text中拼接了<

目标 基于Swiper@5，并且使用HTML版本（非Vue / React版本），完成了如下轮播的定制： 安装 pnpm i swiper@5 组件内： 代码 html css js

场景描述 所谓“展示性组件”，就是说我们需要请求后端数据，然后进行页面的渲染的组件，又因为是一个路由组件，所以异步请求的逻辑一般是在beforeEnter等路由守卫中的，即路由切换到当前组件前执行请求

业务需求： 父容器一行内展示若干个标签（盒子），但是标签数量不确定，可能比较多，导致放不下，这时候就需要我们手动截取一部分，然后本着尽可能多的展示的原则，最后一个标签可能需要设置其max-width来

背景小段子 刚拿到需求，初读业务代码 我：请求就请求吧，绕个弯子最后不还是一个样就是拿到数据？这不脱了裤子放屁嘛。 开发完了，带着上面的疑问 我：xx姐（我mentor），咱项目里请求那一块....，

需求分析 Vue3简单实现一个MVP版本的Menu，需求分析： props接收一个menuList，作为菜单选项列表进行渲染 消费组件（父组件）可以通过v-model获取到当前被选中的菜单选项的值，即