
获得徽章 14
- 11月13号打卡,今日学习《为什么说 90% 的前端不会调试 Ant Design 源码?》;
想调试最初的 tsx 源码需要用 sourcemap。
antd 有三种入口:es 目录对应 esm 入口,lib 目录对应 commonjs 入口,dist 目录对应 UMD 入口。
把 antd 代码下载下来,执行 npm run dist 就可以生成 UMD 形式的代码。
想要 sourcemap 映射到 tsx 源码,需要把 devtool 设置成 cheap-module-source-map,然后开启 babel-loader 和 ts-loader 的 sourcemap。
把产物覆盖 antd 的 dist 下的产物,再调试就可以直接调试 antd 组件的 tsx 源码了。展开评论点赞 - 11月12号打卡,今日学习《新手cocos使用遇到问题汇总》;
实现物体缩放主要通过相机拉近拉远来实现。PC端可以通过监听鼠标滚轮,然后触发this.node.translate(changeVec),就可以更改节点位置,实现相机的位置更改;3D场景开发过程中经常会遇到的一个基本功能可能是需要物体缩放或者场景缩放,实现这个需求主要靠操控相机来实现。一般来说控制main camera就可以了。展开评论点赞 - 11月11号打卡,今日学习《React Hook 封装常见业务场景,有哪些你用得到?》;
useCounter,其实现原理很简单,就是暴露相应方法对数值进行管理。比如增加、减少、重置等方法;
useDynamicList, 一个帮助你管理动态列表状态,并能生成唯一 key 的 Hook;
useHistoryTravel, 管理状态历史变化记录,方便在历史记录中前进与后退;
useCountDown,其实现原理就是通过定时器 setInterval 进行设置倒计时,为负值时,停止倒计时。
展开评论点赞 - 11月10号打卡,今日学习《中高级前端工程师都需要熟悉的技能--前端缓存》;
什么是web缓存(前端缓存);
缓存可以解决什么问题?他的缺点是什么?
强制缓存原理讲解;基于Expires字段实现的强缓存,基于Cache-control实现的强缓存;
协商缓存原理讲解,基于last-modified实现的协商缓存,基于ETag实现的协商缓存.
展开评论点赞 - 11月9号打卡,今日学习《非大厂的我们,要如何去搞前端基建?
》;
在软件行业,站在广义的角度上来讲基建包含了:业务基建、工程基建、前端基建、后端基建 等等;(此处仅笔者个人理解,如果意见不一样,以你的为准; 业务复用;提升研发效率;规范研发流程;团队技术提升;团队的技术影响力;开源建设;评论点赞