www.emojiall.com![[听歌]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_88.4eb52e4.png)
获得徽章 10
- #青训营笔记创作活动# 12.12 day3
monorepo 就是将多个项目放在一个仓库里。然后每个项目都有自己的passage.json
之前的传统方式是将每个项目都放在单独的代码仓库里。这个方式有很多弊端，比如说
代码复用：不同的仓库工作区就会割裂，导致费用代码的成本很高
版本管理：各种依赖包的版本管理，不同的仓库可能有不同的版本
项目基建：不同的项目的工作流也是割裂的，每个项目需要单独配置，开发环境，各种流程部署发布的流程，甚至会有不一样的脚手架。
monorepo收益：
工作流的一致性复用代码非常方便，所有项目都是最新代码。基建成本降低，所有项目用一样的标准，无需切换开发环境。团队协作也容易，尤其是git的commit记录。
怎么用：
从零定制的话需要考虑很多东西，比如说项目间的依赖分析依赖安装构建流程，测试流程，发布部署流程。还有一些性能问题，所以从零开始的话是比较难的，所以一般是靠第三方库。比如：
lerna，nx，rushrack
说实话之前还没用过，以后可以深入了解一下。展开评论点赞 - #青训营笔记创作活动# 12.9 day2
1. GitHub Desktop 用git可视化工具
2. 图片在线压缩 tinypng 是一个完全免费并且高压缩率的在线压缩图片网站 需要压缩大于5M的图片，可以考虑用 squoosh
3. 在线代码编辑 codePen 或者 CodeSandbox 码上掘金
4. JSON格式化 Json.cn
5. 代码生成图片 carbon 、 ray.so
6. 表情符号
www.emojiall.com
7. 矢量图标-iconfont 阿里阿巴巴
8. css3动画 css3-animation
9. 封面模板-canva
10. 高清图片-UnSplash
11. 在线画图 boardmix
12. 快速部署建站 surge
13. 在线性能评测 pagespeed
14. 多平台测试 responsively
15. 下载 Chrome扩展组件 极简插件 可以不翻墙
16. 一个简历网站。。 可以有别的选择展开评论点赞 - #青训营笔记创作活动# 12.8 day1 JS实现拖拽鼠标的三个事件，分别是 mousedown，mousemove，mouseup
event 对象中clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量
mousedown 时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域
CSS方面：
滤镜 filter: brightness(90%); 调节明亮度可以快速实现一个鼠标覆盖的动态效果
伪类激活 cursor 的 grab 和 grabbing
可以设置抓取动作鼠标按下时克隆按下的元素，并把克隆出来的元素设置成绝对定位
JS 监听 mousemove 并设置 e.clientX - initial.offsetX ，克隆出来的就会跟着鼠标位移了
判断是否在画布内抬起 —— 画布上绑定mouseup
性能：
降低回流重绘的成本，最好将多个操作合并起来处理
提前加载图片资源展开评论点赞 - 手写 redux mini版 ，有空梳理详细一点更点文章github.com
> `okkjoo-leetcodeHot-byJs`带你用 JS 刷高频面试算法题~
> 还有各种常用、常考手写, 最近还加了自己实现的流行库的mini版本
> 合集仓库：[okkjoo-leetcodeHot-byJs](github.com)
> 欢迎 star⭐展开评论点赞
![[不看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_102.b113c42.png)
