获得徽章 8
面试官：看了你的简历，了解到你有两年半的送外卖经验，可以简单说下平时是怎么送外卖的吗？
我：我首先在平台上接单，然后到店里取餐，取到餐后骑电动车到顾客留下的地址，再通知顾客取餐。
面试官：你们也用电动车来配送啊，那能说一下电动车的运行原理吗？
我：电动车的工作原理是通过锂电池释放存储的电能，经过电控系统将电能转化为电动机的机械能，然后电动机驱动电动车的机械结构，从而推动电动车行驶。
面试官：锂电池是怎么把化学能转化为电能的呢？锂电池化学成分以及反应方程式有了解过吗？
我：这个不太了解。
面试官：没关系，平时有空应该多研究电动车的底层实现，这样才能提升送外卖水平。对了，你们平时开什么品牌的电动车？
我：我们平时用雅迪电动车，还有深远电动车。
面试官：我们团队用的是小刀电动车，看来我们的技术栈不太匹配，这次面试就到这里吧，我们过两天会通知您面试结果。
今天遇到一个令人深思的问题：移动端分页器是否有存在的必要。国内的app似乎都是无线下拉加载。不知是国内和国外审美不同还是什么原因。移动端组建库基本都会有pagination组建，然而这似乎是个伪命题。用了分页器被批，所以本人决定自己的组件库不包含pagination组件，望周知。
掘金什么时候能把深色模式全覆盖了![[可怜]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
5月11日 打卡day39
苹果官网蚊子特效实现
1、使用backgroind-clip实现
2、使用 background-clip:text
将文字设为透明 color:transparent
使用 mix-blend-mode 实现
5月9日 打卡day38
React Hooks 最佳实践
使用eslint的 React Hooks
以正确的顺序创建函数组件
掌握useEffect中的异步用法
尽量避免使用useLayoutEffect
使用useContext 避免 prop-drilling
善用usememousecallback
善用惰性初始化
善用自定义hooks捆绑封装逻辑
对自定义 Hooks增加单元测试
使用refux hooks替代connect
5月7日 打卡day37
原生js写一个图片预览
实现原理 css3中的transform变换
dom事件监听，鼠标移动mousemove，
蒙层
缩放
5月6日 打卡day36
为什么vue中，为什么不能用index作为key
key在v-for中作为虚拟dom标记的唯一标识，通过这个key，diff算法能更加准确和快捷。不使用key的情况下，因为vue的就地更新会选择复用节点，之前的状态被保存，可能会产生一系列的bug
5月5日 打卡day35
不用第三方库实现前端引导页功能
第三方库的选择
vue-tour
driver.js
shepherd.js
intro.js
实现引导页功能
高亮部分与引导部分
引导部分跟着高亮部分移动
高亮部分使用el.cloneNode(true)复制到目标节点
引导部分通过定位实现
过渡动画通过transition实现位置的平滑移动
当位置/内容变化时，需要重新计算位置信息
缺点：目标节点需要深度复制
不能实现边引导边操作
zindex+position+transition
5月4日 打卡day34
提升代码可读性，减少if-else的几个小技巧
使用||运算符来代替if-else
三元运算符替代if-else
switch替代if-else
对象配置
5月3日 打卡day33
一个登录案例学会pinia
安装mockjs
编写mock-server
安装pinia
创建用户store
state、getter、actions
组件中使用pinia，先实例化
持久化直接调用localstorage和sessionstorage或使用插件
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)